import { EventData } from '@nativescript/core/data/observable';

import { SubMainPageViewModel } from '../sub-main-page-view-model';

import { WrapLayout } from '@nativescript/core/ui/layouts/wrap-layout';

import { Page } from '@nativescript/core/ui/page';

export function pageLoaded(args: EventData) {

const page = <Page>args.object;

const wrapLayout = <WrapLayout>page.getViewById('wrapLayoutWithExamples');

page.bindingContext = new SubMainPageViewModel(wrapLayout, loadExamples());

}

export function loadExamples() {

const examples = new Map<string, string>();

examples.set('formatted', 'css/decoration-transform-formattedtext-page');

examples.set('radius', 'css/radius-page');

examples.set('spacing', 'css/letter-spacing-page');

examples.set('line-height', 'css/line-height-page');

examples.set('decoration', 'css/text-decoration-page');

examples.set('transform', 'css/text-transform-page');

examples.set('shadow', 'css/text-shadow-page');

examples.set('whitespace', 'css/white-space-page');

examples.set('progress-switch', 'css/progress-switch-page');

examples.set('zindex', 'css/zindex-page');

examples.set('clipPath', 'css/clip-path-page');

examples.set('clipPathInset', 'css/clip-path-inset-page');

examples.set('padding', 'css/padding-page');

examples.set('pixels', 'css/pixels-page');

examples.set('label-background-image', 'css/label-background-image-page');

examples.set('transform-decoration-color', 'css/transform-decoration-color-page');

examples.set('layout-border', 'css/layout-border-page');

examples.set('label-border', 'css/label-border-page');

examples.set('text-view-border', 'css/text-view-border-page');

examples.set('image-border', 'css/image-border-page');

examples.set('gradient-border', 'css/gradient-border-page');

examples.set('layouts-border-overlap', 'css/layouts-border-overlap-page');

examples.set('measure-tests', 'css/measure-tests-page');

examples.set('all-uniform-border', 'css/all-uniform-border-page');

examples.set('all-non-uniform-border', 'css/all-non-uniform-border-page');

examples.set('margins-paddings-with-percentage', 'css/margins-paddings-with-percentage-page');

examples.set('padding-and-border', 'css/padding-and-border-page');

examples.set('combinators', 'css/combinators-page');

examples.set('elevation', 'css/elevation-page');

examples.set('styled-formatted-text', 'css/styled-formatted-text-page');

examples.set('non-uniform-radius', 'css/non-uniform-radius-page');

examples.set('missing-background-image', 'css/missing-background-image-page');

examples.set('background-shorthand', 'css/background-shorthand-page');

examples.set('background-image-linear-gradient', 'css/background-image-linear-gradient-page');

examples.set('background-image', 'css/background-image-page');

examples.set('styles', 'css/styles-page');

return examples;

}