npm - @natec/mef-dev-ui-kit - Versions diffs - 20.0.0-beta.1 → 20.0.1 - Mend

@natec/mef-dev-ui-kit 20.0.0-beta.1 → 20.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (414) hide show

package/fesm2022/natec-mef-dev-ui-kit.mjs +9541 -0
package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -0
package/index.d.ts +4418 -0
package/index.d.ts.map +1 -0
package/package.json +44 -48
package/src/lib/styles/core.scss +51 -195
package/src/lib/styles/pg/modules/_typography.scss +1 -8
package/src/lib/styles/pg/vendor/ng-datatable.scss +7 -0
package/src/lib/styles/vars.scss +8 -8
package/documentation/classes/FiltredItemModel.html +0 -358
package/documentation/classes/TabChangeEvent.html +0 -231
package/documentation/components/CardComponent.html +0 -576
package/documentation/components/CardLongComponent.html +0 -712
package/documentation/components/CardSimpleComponent.html +0 -372
package/documentation/components/CentralPageComponent.html +0 -312
package/documentation/components/CentralPageRowComponent.html +0 -244
package/documentation/components/CollapseComponent.html +0 -755
package/documentation/components/CollapseSetComponent.html +0 -767
package/documentation/components/DatepickerComponent.html +0 -1397
package/documentation/components/FillComponent.html +0 -736
package/documentation/components/FilteredFieldContainerComponent.html +0 -513
package/documentation/components/FilteredFieldItemComponent.html +0 -451
package/documentation/components/HelpBlockComponent.html +0 -398
package/documentation/components/ManagePageComponent.html +0 -423
package/documentation/components/MefDevOptionComponent.html +0 -689
package/documentation/components/MefDevProgressComponent.html +0 -562
package/documentation/components/MefDevSelectComponent.html +0 -4797
package/documentation/components/MefDevSliderComponent.html +0 -686
package/documentation/components/MefDevSpecFlowTestComponent.html +0 -474
package/documentation/components/MefDevSwitchComponent.html +0 -1480
package/documentation/components/MefDevTabBodyComponent.html +0 -271
package/documentation/components/MefDevTabComponent.html +0 -681
package/documentation/components/MefDevTabSetComponent.html +0 -1889
package/documentation/components/MefDevTabsNavComponent.html +0 -2013
package/documentation/components/MefdevExecutorPageComponent.html +0 -497
package/documentation/components/ProfileComponent.html +0 -608
package/documentation/components/RightFilterComponent.html +0 -423
package/documentation/components/SlideRightComponent.html +0 -762
package/documentation/components/SlideUpComponent.html +0 -692
package/documentation/components/StepExecutorComponent.html +0 -1437
package/documentation/components/TablePageComponent.html +0 -327
package/documentation/dependencies.html +0 -135
package/documentation/directives/MefDevTabLabelDirective.html +0 -532
package/documentation/directives/MefDevTabsInkBarDirective.html +0 -865
package/documentation/fonts/ionicons.eot +0 -0
package/documentation/fonts/ionicons.svg +0 -2090
package/documentation/fonts/ionicons.ttf +0 -0
package/documentation/fonts/ionicons.woff +0 -0
package/documentation/fonts/ionicons.woff2 +0 -0
package/documentation/fonts/roboto-v15-latin-300.eot +0 -0
package/documentation/fonts/roboto-v15-latin-300.svg +0 -314
package/documentation/fonts/roboto-v15-latin-300.ttf +0 -0
package/documentation/fonts/roboto-v15-latin-300.woff +0 -0
package/documentation/fonts/roboto-v15-latin-300.woff2 +0 -0
package/documentation/fonts/roboto-v15-latin-700.eot +0 -0
package/documentation/fonts/roboto-v15-latin-700.svg +0 -310
package/documentation/fonts/roboto-v15-latin-700.ttf +0 -0
package/documentation/fonts/roboto-v15-latin-700.woff +0 -0
package/documentation/fonts/roboto-v15-latin-700.woff2 +0 -0
package/documentation/fonts/roboto-v15-latin-italic.eot +0 -0
package/documentation/fonts/roboto-v15-latin-italic.svg +0 -323
package/documentation/fonts/roboto-v15-latin-italic.ttf +0 -0
package/documentation/fonts/roboto-v15-latin-italic.woff +0 -0
package/documentation/fonts/roboto-v15-latin-italic.woff2 +0 -0
package/documentation/fonts/roboto-v15-latin-regular.eot +0 -0
package/documentation/fonts/roboto-v15-latin-regular.svg +0 -308
package/documentation/fonts/roboto-v15-latin-regular.ttf +0 -0
package/documentation/fonts/roboto-v15-latin-regular.woff +0 -0
package/documentation/fonts/roboto-v15-latin-regular.woff2 +0 -0
package/documentation/graph/dependencies.svg +0 -1160
package/documentation/images/compodoc-vectorise-inverted.png +0 -0
package/documentation/images/compodoc-vectorise-inverted.svg +0 -201
package/documentation/images/compodoc-vectorise.png +0 -0
package/documentation/images/compodoc-vectorise.svg +0 -201
package/documentation/images/favicon.ico +0 -0
package/documentation/index.html +0 -246
package/documentation/injectables/FilteredFieldService.html +0 -420
package/documentation/injectables/ProgressConfig.html +0 -236
package/documentation/interfaces/AnimatedInterface.html +0 -246
package/documentation/js/compodoc.js +0 -14
package/documentation/js/lazy-load-graphs.js +0 -44
package/documentation/js/libs/EventDispatcher.js +0 -5
package/documentation/js/libs/bootstrap-native.js +0 -1
package/documentation/js/libs/clipboard.min.js +0 -7
package/documentation/js/libs/custom-elements-es5-adapter.js +0 -15
package/documentation/js/libs/custom-elements.min.js +0 -38
package/documentation/js/libs/d3.v3.min.js +0 -2
package/documentation/js/libs/deep-iterator.js +0 -2
package/documentation/js/libs/es6-shim.min.js +0 -11
package/documentation/js/libs/htmlparser.js +0 -23
package/documentation/js/libs/innersvg.js +0 -9
package/documentation/js/libs/lit-html.js +0 -1
package/documentation/js/libs/prism.js +0 -46
package/documentation/js/libs/promise.min.js +0 -6
package/documentation/js/libs/svg-pan-zoom.min.js +0 -3
package/documentation/js/libs/tablesort.min.js +0 -6
package/documentation/js/libs/tablesort.number.min.js +0 -6
package/documentation/js/libs/vis.min.js +0 -47
package/documentation/js/libs/zepto.min.js +0 -2
package/documentation/js/menu-wc.js +0 -455
package/documentation/js/menu-wc_es5.js +0 -42
package/documentation/js/menu.js +0 -325
package/documentation/js/routes.js +0 -301
package/documentation/js/search/lunr.min.js +0 -6
package/documentation/js/search/search-lunr.js +0 -67
package/documentation/js/search/search.js +0 -268
package/documentation/js/search/search_index.js +0 -4
package/documentation/js/sourceCode.js +0 -58
package/documentation/js/svg-pan-zoom.controls.js +0 -53
package/documentation/js/tabs.js +0 -21
package/documentation/js/tree.js +0 -147
package/documentation/miscellaneous/enumerations.html +0 -223
package/documentation/miscellaneous/functions.html +0 -251
package/documentation/miscellaneous/typealiases.html +0 -257
package/documentation/miscellaneous/variables.html +0 -357
package/documentation/modules/MefDevCardModule/dependencies.svg +0 -142
package/documentation/modules/MefDevCardModule.html +0 -349
package/documentation/modules/MefDevCollapseModule/dependencies.svg +0 -90
package/documentation/modules/MefDevCollapseModule.html +0 -316
package/documentation/modules/MefDevDatepickerModule/dependencies.svg +0 -82
package/documentation/modules/MefDevDatepickerModule.html +0 -274
package/documentation/modules/MefDevFilteredFieldModule/dependencies.svg +0 -90
package/documentation/modules/MefDevFilteredFieldModule.html +0 -278
package/documentation/modules/MefDevHelpBlockModule/dependencies.svg +0 -82
package/documentation/modules/MefDevHelpBlockModule.html +0 -274
package/documentation/modules/MefDevModalModule/dependencies.svg +0 -154
package/documentation/modules/MefDevModalModule.html +0 -364
package/documentation/modules/MefDevPageLayoutsModule/dependencies.svg +0 -162
package/documentation/modules/MefDevPageLayoutsModule.html +0 -368
package/documentation/modules/MefDevProgressModule/dependencies.svg +0 -66
package/documentation/modules/MefDevProgressModule.html +0 -286
package/documentation/modules/MefDevSelectModule/dependencies.svg +0 -140
package/documentation/modules/MefDevSelectModule.html +0 -334
package/documentation/modules/MefDevSliderModule/dependencies.svg +0 -66
package/documentation/modules/MefDevSliderModule.html +0 -248
package/documentation/modules/MefDevSpecFlowTestModule/dependencies.svg +0 -66
package/documentation/modules/MefDevSpecFlowTestModule.html +0 -286
package/documentation/modules/MefDevStepExecutorModule/dependencies.svg +0 -106
package/documentation/modules/MefDevStepExecutorModule.html +0 -304
package/documentation/modules/MefDevSwitchModule/dependencies.svg +0 -88
package/documentation/modules/MefDevSwitchModule.html +0 -270
package/documentation/modules/MefDevTabsModule/dependencies.svg +0 -186
package/documentation/modules/MefDevTabsModule.html +0 -398
package/documentation/modules.html +0 -357
package/documentation/overview.html +0 -1351
package/documentation/pipes/OptionPipe.html +0 -238
package/documentation/properties.html +0 -125
package/documentation/styles/bootstrap-card.css +0 -219
package/documentation/styles/bootstrap.min.css +0 -6
package/documentation/styles/compodoc.css +0 -1121
package/documentation/styles/dark.css +0 -121
package/documentation/styles/ionicons.min.css +0 -11
package/documentation/styles/laravel.css +0 -113
package/documentation/styles/material.css +0 -131
package/documentation/styles/original.css +0 -51
package/documentation/styles/postmark.css +0 -238
package/documentation/styles/prism.css +0 -301
package/documentation/styles/readthedocs.css +0 -117
package/documentation/styles/reset.css +0 -129
package/documentation/styles/stripe.css +0 -106
package/documentation/styles/style.css +0 -7
package/documentation/styles/tablesort.css +0 -33
package/documentation/styles/vagrant.css +0 -130
package/karma.conf.js +0 -44
package/ng-package.json +0 -18
package/src/lib/markup-kit/card/card/card.component.html +0 -44
package/src/lib/markup-kit/card/card/card.component.scss +0 -65
package/src/lib/markup-kit/card/card/card.component.ts +0 -109
package/src/lib/markup-kit/card/card-long/card-long.component.html +0 -53
package/src/lib/markup-kit/card/card-long/card-long.component.scss +0 -72
package/src/lib/markup-kit/card/card-long/card-long.component.ts +0 -158
package/src/lib/markup-kit/card/card-long/cart-type-colors.enum.ts +0 -5
package/src/lib/markup-kit/card/card-simple/card-simple.component.html +0 -12
package/src/lib/markup-kit/card/card-simple/card-simple.component.scss +0 -12
package/src/lib/markup-kit/card/card-simple/card-simple.component.ts +0 -48
package/src/lib/markup-kit/card/card.module.ts +0 -21
package/src/lib/markup-kit/card/index.ts +0 -6
package/src/lib/markup-kit/collapse/collapse/collapse.component.html +0 -17
package/src/lib/markup-kit/collapse/collapse/collapse.component.scss +0 -17
package/src/lib/markup-kit/collapse/collapse/collapse.component.ts +0 -131
package/src/lib/markup-kit/collapse/collapse-set/collapse-set.component.html +0 -3
package/src/lib/markup-kit/collapse/collapse-set/collapse-set.component.scss +0 -0
package/src/lib/markup-kit/collapse/collapse-set/collapse-set.component.ts +0 -110
package/src/lib/markup-kit/collapse/collapse.module.ts +0 -20
package/src/lib/markup-kit/collapse/index.ts +0 -3
package/src/lib/markup-kit/executors/index.ts +0 -4
package/src/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.ts +0 -111
package/src/lib/markup-kit/executors/stage/stage.component.html +0 -23
package/src/lib/markup-kit/executors/stage/stage.component.scss +0 -9
package/src/lib/markup-kit/executors/stage/stage.component.ts +0 -21
package/src/lib/markup-kit/executors/step-executor/step-executor.component.html +0 -127
package/src/lib/markup-kit/executors/step-executor/step-executor.component.scss +0 -225
package/src/lib/markup-kit/executors/step-executor/step-executor.component.ts +0 -295
package/src/lib/markup-kit/executors/step-executor.module.ts +0 -27
package/src/lib/markup-kit/modals/fill/fill.component.html +0 -15
package/src/lib/markup-kit/modals/fill/fill.component.scss +0 -42
package/src/lib/markup-kit/modals/fill/fill.component.ts +0 -126
package/src/lib/markup-kit/modals/index.ts +0 -6
package/src/lib/markup-kit/modals/markup-kit.module.ts +0 -25
package/src/lib/markup-kit/modals/modal-size.enum.ts +0 -5
package/src/lib/markup-kit/modals/right-filter/right-filter.component.html +0 -11
package/src/lib/markup-kit/modals/right-filter/right-filter.component.scss +0 -15
package/src/lib/markup-kit/modals/right-filter/right-filter.component.ts +0 -49
package/src/lib/markup-kit/modals/slide-right/slide-right.component.html +0 -14
package/src/lib/markup-kit/modals/slide-right/slide-right.component.scss +0 -42
package/src/lib/markup-kit/modals/slide-right/slide-right.component.ts +0 -121
package/src/lib/markup-kit/modals/slide-up/slide-up.component.html +0 -15
package/src/lib/markup-kit/modals/slide-up/slide-up.component.scss +0 -47
package/src/lib/markup-kit/modals/slide-up/slide-up.component.ts +0 -105
package/src/lib/markup-kit/page-layouts/central-page/central-page.component.html +0 -6
package/src/lib/markup-kit/page-layouts/central-page/central-page.component.scss +0 -10
package/src/lib/markup-kit/page-layouts/central-page/central-page.component.ts +0 -58
package/src/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.html +0 -3
package/src/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.scss +0 -5
package/src/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.ts +0 -30
package/src/lib/markup-kit/page-layouts/index.ts +0 -6
package/src/lib/markup-kit/page-layouts/manage-page/manage-page.component.html +0 -10
package/src/lib/markup-kit/page-layouts/manage-page/manage-page.component.scss +0 -33
package/src/lib/markup-kit/page-layouts/manage-page/manage-page.component.ts +0 -70
package/src/lib/markup-kit/page-layouts/page-layouts.module.ts +0 -26
package/src/lib/markup-kit/page-layouts/profile/profile.component.html +0 -31
package/src/lib/markup-kit/page-layouts/profile/profile.component.scss +0 -99
package/src/lib/markup-kit/page-layouts/profile/profile.component.ts +0 -129
package/src/lib/markup-kit/page-layouts/table-page/table-page.component.html +0 -9
package/src/lib/markup-kit/page-layouts/table-page/table-page.component.scss +0 -0
package/src/lib/markup-kit/page-layouts/table-page/table-page.component.ts +0 -42
package/src/lib/markup-kit/slider/index.ts +0 -2
package/src/lib/markup-kit/slider/slider/slider.component.html +0 -11
package/src/lib/markup-kit/slider/slider/slider.component.scss +0 -106
package/src/lib/markup-kit/slider/slider/slider.component.ts +0 -124
package/src/lib/markup-kit/slider/slider.module.ts +0 -20
package/src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.html +0 -87
package/src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.scss +0 -132
package/src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.ts +0 -643
package/src/lib/markup-kit/utils/datepicker/datepicker.module.ts +0 -15
package/src/lib/markup-kit/utils/datepicker/index.ts +0 -2
package/src/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.html +0 -3
package/src/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.scss +0 -4
package/src/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.ts +0 -79
package/src/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.html +0 -4
package/src/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.scss +0 -12
package/src/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.ts +0 -75
package/src/lib/markup-kit/utils/filtered-field/filtered-field.module.ts +0 -19
package/src/lib/markup-kit/utils/filtered-field/filtered-field.service.ts +0 -44
package/src/lib/markup-kit/utils/filtered-field/filtred-item.model.ts +0 -15
package/src/lib/markup-kit/utils/filtered-field/index.ts +0 -5
package/src/lib/markup-kit/utils/help-block/help-block.component.html +0 -19
package/src/lib/markup-kit/utils/help-block/help-block.component.scss +0 -22
package/src/lib/markup-kit/utils/help-block/help-block.component.ts +0 -70
package/src/lib/markup-kit/utils/help-block/hepl-block.module.ts +0 -14
package/src/lib/markup-kit/utils/help-block/index.ts +0 -2
package/src/lib/pg-components/card/card.components.html +0 -66
package/src/lib/pg-components/card/card.components.ts +0 -451
package/src/lib/pg-components/card/card.module.ts +0 -17
package/src/lib/pg-components/card/index.ts +0 -2
package/src/lib/pg-components/progress/index.ts +0 -3
package/src/lib/pg-components/progress/progress.component.html +0 -28
package/src/lib/pg-components/progress/progress.component.ts +0 -73
package/src/lib/pg-components/progress/progress.config.ts +0 -7
package/src/lib/pg-components/progress/progress.module.ts +0 -16
package/src/lib/pg-components/select/index.ts +0 -4
package/src/lib/pg-components/select/option.component.html +0 -1
package/src/lib/pg-components/select/option.component.ts +0 -105
package/src/lib/pg-components/select/option.pipe.ts +0 -44
package/src/lib/pg-components/select/select.component.html +0 -83
package/src/lib/pg-components/select/select.component.ts +0 -814
package/src/lib/pg-components/select/select.module.ts +0 -14
package/src/lib/pg-components/spec-flow-test/index.ts +0 -2
package/src/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.html +0 -6
package/src/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.scss +0 -0
package/src/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.ts +0 -37
package/src/lib/pg-components/spec-flow-test/spec-flow-test.module.ts +0 -18
package/src/lib/pg-components/switch/index.ts +0 -2
package/src/lib/pg-components/switch/switch.component.html +0 -10
package/src/lib/pg-components/switch/switch.component.ts +0 -286
package/src/lib/pg-components/switch/switch.module.ts +0 -11
package/src/lib/pg-components/tabs/index.ts +0 -7
package/src/lib/pg-components/tabs/tab-body.component.html +0 -1
package/src/lib/pg-components/tabs/tab-body.component.ts +0 -17
package/src/lib/pg-components/tabs/tab-label.directive.ts +0 -41
package/src/lib/pg-components/tabs/tab.component.html +0 -3
package/src/lib/pg-components/tabs/tab.component.ts +0 -109
package/src/lib/pg-components/tabs/tabs-ink-bar.directive.ts +0 -78
package/src/lib/pg-components/tabs/tabs-nav.component.html +0 -20
package/src/lib/pg-components/tabs/tabs-nav.component.ts +0 -324
package/src/lib/pg-components/tabs/tabs.module.ts +0 -15
package/src/lib/pg-components/tabs/tabset.component.html +0 -39
package/src/lib/pg-components/tabs/tabset.component.ts +0 -270
package/src/lib/pg-components/util/convert.ts +0 -3
package/src/lib/pg-components/util/request-animation.ts +0 -31
package/src/lib/v2/autocomplete/autocomplete-origin.ts +0 -12
package/src/lib/v2/autocomplete/autocomplete.html +0 -17
package/src/lib/v2/autocomplete/autocomplete.module.ts +0 -28
package/src/lib/v2/autocomplete/autocomplete.scss +0 -62
package/src/lib/v2/autocomplete/autocomplete.trigger.ts +0 -759
package/src/lib/v2/autocomplete/autocomplete.ts +0 -201
package/src/lib/v2/autocomplete/index.ts +0 -1
package/src/lib/v2/card/card-header.html +0 -9
package/src/lib/v2/card/card-title-group.html +0 -15
package/src/lib/v2/card/card.html +0 -1
package/src/lib/v2/card/card.module.ts +0 -40
package/src/lib/v2/card/card.scss +0 -185
package/src/lib/v2/card/card.ts +0 -274
package/src/lib/v2/card/index.ts +0 -2
package/src/lib/v2/checkbox/checkbox.html +0 -38
package/src/lib/v2/checkbox/checkbox.module.ts +0 -8
package/src/lib/v2/checkbox/checkbox.scss +0 -318
package/src/lib/v2/checkbox/checkbox.ts +0 -507
package/src/lib/v2/checkbox/index.ts +0 -1
package/src/lib/v2/chips/chip-action.ts +0 -102
package/src/lib/v2/chips/chip-edit-input.ts +0 -44
package/src/lib/v2/chips/chip-grid.ts +0 -412
package/src/lib/v2/chips/chip-icons.ts +0 -91
package/src/lib/v2/chips/chip-input.ts +0 -208
package/src/lib/v2/chips/chip-listbox.ts +0 -291
package/src/lib/v2/chips/chip-option.html +0 -37
package/src/lib/v2/chips/chip-option.ts +0 -163
package/src/lib/v2/chips/chip-row.html +0 -42
package/src/lib/v2/chips/chip-row.ts +0 -191
package/src/lib/v2/chips/chip-set.scss +0 -86
package/src/lib/v2/chips/chip-set.ts +0 -261
package/src/lib/v2/chips/chip-text-control.ts +0 -15
package/src/lib/v2/chips/chip.html +0 -21
package/src/lib/v2/chips/chip.scss +0 -646
package/src/lib/v2/chips/chip.ts +0 -281
package/src/lib/v2/chips/chips-module.ts +0 -44
package/src/lib/v2/chips/index.ts +0 -12
package/src/lib/v2/chips/tokens.ts +0 -29
package/src/lib/v2/collapse/accordion-base.ts +0 -20
package/src/lib/v2/collapse/accordion.ts +0 -92
package/src/lib/v2/collapse/collapse.module.ts +0 -22
package/src/lib/v2/collapse/expansion-panel-base.ts +0 -10
package/src/lib/v2/collapse/expansion-panel-content.ts +0 -12
package/src/lib/v2/collapse/expansion-panel-header.html +0 -17
package/src/lib/v2/collapse/expansion-panel-header.scss +0 -165
package/src/lib/v2/collapse/expansion-panel-header.ts +0 -237
package/src/lib/v2/collapse/expansion-panel.html +0 -14
package/src/lib/v2/collapse/expansion-panel.scss +0 -113
package/src/lib/v2/collapse/expansion-panel.ts +0 -279
package/src/lib/v2/collapse/index.ts +0 -7
package/src/lib/v2/executors/index.ts +0 -10
package/src/lib/v2/executors/step-content.ts +0 -19
package/src/lib/v2/executors/step-footer.ts +0 -7
package/src/lib/v2/executors/step-header.html +0 -59
package/src/lib/v2/executors/step-header.scss +0 -205
package/src/lib/v2/executors/step-header.ts +0 -151
package/src/lib/v2/executors/step-label.ts +0 -16
package/src/lib/v2/executors/step.html +0 -4
package/src/lib/v2/executors/stepper-button.ts +0 -40
package/src/lib/v2/executors/stepper-icon.ts +0 -42
package/src/lib/v2/executors/stepper-intl.ts +0 -46
package/src/lib/v2/executors/stepper-module.ts +0 -42
package/src/lib/v2/executors/stepper.html +0 -90
package/src/lib/v2/executors/stepper.scss +0 -299
package/src/lib/v2/executors/stepper.ts +0 -360
package/src/lib/v2/modals/dialog-config.ts +0 -56
package/src/lib/v2/modals/dialog-container.html +0 -5
package/src/lib/v2/modals/dialog-container.ts +0 -243
package/src/lib/v2/modals/dialog-content-directives.ts +0 -217
package/src/lib/v2/modals/dialog-ref.ts +0 -242
package/src/lib/v2/modals/dialog.scss +0 -307
package/src/lib/v2/modals/dialog.ts +0 -239
package/src/lib/v2/modals/index.ts +0 -11
package/src/lib/v2/modals/modal-module.ts +0 -23
package/src/lib/v2/radio-button/public-api.ts +0 -2
package/src/lib/v2/radio-button/radio.html +0 -25
package/src/lib/v2/radio-button/radio.module.ts +0 -8
package/src/lib/v2/radio-button/radio.scss +0 -298
package/src/lib/v2/radio-button/radio.ts +0 -640
package/src/lib/v2/select/index.ts +0 -5
package/src/lib/v2/select/option-group.html +0 -9
package/src/lib/v2/select/option-group.scss +0 -33
package/src/lib/v2/select/option-group.ts +0 -66
package/src/lib/v2/select/option-module.ts +0 -11
package/src/lib/v2/select/option.html +0 -22
package/src/lib/v2/select/option.scss +0 -59
package/src/lib/v2/select/option.ts +0 -288
package/src/lib/v2/select/pseudo-checkbox-module.ts +0 -9
package/src/lib/v2/select/pseudo-checkbox.scss +0 -121
package/src/lib/v2/select/pseudo-checkbox.ts +0 -60
package/src/lib/v2/select/select.html +0 -56
package/src/lib/v2/select/select.module.ts +0 -14
package/src/lib/v2/select/select.scss +0 -118
package/src/lib/v2/select/select.ts +0 -824
package/src/lib/v2/switch/base-editor-helper.ts +0 -148
package/src/lib/v2/switch/index.ts +0 -2
package/src/lib/v2/switch/switch.component.html +0 -15
package/src/lib/v2/switch/switch.component.scss +0 -93
package/src/lib/v2/switch/switch.component.ts +0 -203
package/src/lib/v2/switch/switch.module.ts +0 -10
package/src/lib/v2/tabs/config.ts +0 -94
package/src/lib/v2/tabs/index.ts +0 -28
package/src/lib/v2/tabs/ink-bar.ts +0 -226
package/src/lib/v2/tabs/paginated-tab-header.ts +0 -536
package/src/lib/v2/tabs/tab-body.html +0 -9
package/src/lib/v2/tabs/tab-body.scss +0 -60
package/src/lib/v2/tabs/tab-body.ts +0 -310
package/src/lib/v2/tabs/tab-content.ts +0 -12
package/src/lib/v2/tabs/tab-group.html +0 -74
package/src/lib/v2/tabs/tab-group.scss +0 -362
package/src/lib/v2/tabs/tab-group.ts +0 -491
package/src/lib/v2/tabs/tab-header.html +0 -35
package/src/lib/v2/tabs/tab-header.scss +0 -127
package/src/lib/v2/tabs/tab-header.ts +0 -91
package/src/lib/v2/tabs/tab-label-wrapper.ts +0 -49
package/src/lib/v2/tabs/tab-label.ts +0 -34
package/src/lib/v2/tabs/tab.html +0 -1
package/src/lib/v2/tabs/tab.ts +0 -155
package/src/lib/v2/tabs/tabs.module.ts +0 -12
package/src/public-api.ts +0 -33
package/tsconfig.doc.json +0 -4
package/tsconfig.lib.json +0 -19
package/tsconfig.lib.prod.json +0 -10
package/tsconfig.spec.json +0 -17

package/documentation/components/DatepickerComponent.html DELETED Viewed

@@ -1,1397 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>@natec/mef-dev-ui-kit documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	   <link rel="stylesheet" href="../styles/style.css">
-        <link rel="stylesheet" href="../styles/dark.css">
-    </head>
-    <body>
-        <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
-            <a href="../" class="navbar-brand">@natec/mef-dev-ui-kit documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-<ol class="breadcrumb">
-  <li class="breadcrumb-item">Components</li>
-  <li class="breadcrumb-item"
-  >
-  DatepickerComponent</li>
-</ol>
-<ul class="nav nav-tabs" role="tablist">
-        <li class="nav-item">
-            <a href="#info" class="nav-link active"
-                role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li class="nav-item">
-            <a href="#example" class="nav-link"
-                role="tab" id="example-tab" data-bs-toggle="tab" data-link="example">Examples</a>
-        </li>
-</ul>
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.ts</code>
-</p>
-    <p class="comment">
-        <h3>Description</h3>
-    </p>
-    <p class="comment">
-        <p>Datepicker Component for selecting dates.</p>
-<p>This component allows users to pick a date from a calendar interface.
-It supports various configuration options such as language, date format, and date range.</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [labelContentText]=&quot;&#39;Select your date&#39;&quot;
-  [lang]=&quot;&#39;uk&#39;&quot;
-  [dateFormat]=&quot;&#39;dd/MM/yyyy&#39;&quot;
-  [range]=&quot;{startYear: 1900, toYear: 300}&quot;
-  [disabled]=&quot;false&quot;
-  (dateChanged)=&quot;onDateChanged($event)&quot;
-  [topOffset]=&quot;&#39;20&#39;&quot;
-  [leftOffset]=&quot;&#39;10&#39;&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div><p><example-url><a href="https://mef.dev/ui_kit_demo/view/utils/datepicker">https://mef.dev/ui_kit_demo/view/utils/datepicker</a></example-url></p>
-    </p>
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                <code>OnChanges</code>
-                <code>OnInit</code>
-    </p>
-<section data-compodoc="block-metadata">
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover metadata">
-        <tbody>
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>mefdev-datepicker</code></td>
-            </tr>
-            <tr>
-                <td class="col-md-3">styleUrls</td>
-                <td class="col-md-9"><code>./datepicker.component.scss</code></td>
-            </tr>
-            <tr>
-                <td class="col-md-3">templateUrl</td>
-                <td class="col-md-9"><code>./datepicker.component.html</code></td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section data-compodoc="block-index">
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#editedDate" >editedDate</a>
-                            </li>
-                            <li>
-                                <a href="#formattedDate" >formattedDate</a>
-                            </li>
-                            <li>
-                                <a href="#isCalendarOpen" >isCalendarOpen</a>
-                            </li>
-                            <li>
-                                <a href="#isMonthDropdownOpen" >isMonthDropdownOpen</a>
-                            </li>
-                            <li>
-                                <a href="#isUserDateValid" >isUserDateValid</a>
-                            </li>
-                            <li>
-                                <a href="#isYearDropdownOpen" >isYearDropdownOpen</a>
-                            </li>
-                            <li>
-                                <a href="#selectedDate" >selectedDate</a>
-                            </li>
-                            <li>
-                                <a href="#selectedDateMonth" >selectedDateMonth</a>
-                            </li>
-                            <li>
-                                <a href="#selectedDateYear" >selectedDateYear</a>
-                            </li>
-                            <li>
-                                <a href="#userInput" >userInput</a>
-                            </li>
-                            <li>
-                                <a href="#years" >years</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#onClick" >onClick</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#onDateInput" >onDateInput</a>
-                            </li>
-                            <li>
-                                <a href="#selectDate" >selectDate</a>
-                            </li>
-                            <li>
-                                <a href="#toggleEdit" >toggleEdit</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#dateFormat" >dateFormat</a>
-                            </li>
-                            <li>
-                                <a href="#disabled" >disabled</a>
-                            </li>
-                            <li>
-                                <a href="#labelContentText" >labelContentText</a>
-                            </li>
-                            <li>
-                                <a href="#lang" >lang</a>
-                            </li>
-                            <li>
-                                <a href="#leftOffset" >leftOffset</a>
-                            </li>
-                            <li>
-                                <a href="#range" >range</a>
-                            </li>
-                            <li>
-                                <a href="#topOffset" >topOffset</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Outputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#dateChanged" >dateChanged</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>HostListeners</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#document:click" >document:click</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-        </tbody>
-    </table>
-</section>
-    <section data-compodoc="block-constructor">
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(datePipe: DatePipe, elementRef: ElementRef)</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                            <div class="io-description"><p>Constructor for the DatepickerComponent class.
-It is used to access DOM elements.</p>
-</div>
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                                    <td>Description</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>datePipe</td>
-                                                        <td>
-                                                                    <code>DatePipe</code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                        <td>
-                                                                <p>A service for formatting and parsing dates.</p>
-                                                        </td>
-                                                </tr>
-                                                <tr>
-                                                        <td>elementRef</td>
-                                                        <td>
-                                                                    <code>ElementRef</code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                        <td>
-                                                                <p>A reference to the element on which this component is attached.
-It is used to access DOM elements.</p>
-                                                        </td>
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section data-compodoc="block-inputs">
-    <h3 id="inputs">Inputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="dateFormat"></a>
-                        <b>dateFormat</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;EEE MMM dd yyyy&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The date format for displaying the selected date.
-Default value: &#39;EEE MMM dd yyyy&#39;.</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [dateFormat]=&quot;&#39;dd/MM/yyyy&#39;&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="disabled"></a>
-                        <b>disabled</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>false</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Whether the datepicker is disabled or not.
-Default value: false (enabled).</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [disabled]=&quot;false&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="labelContentText"></a>
-                        <b>labelContentText</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Label text for the datepicker.
-Default value: &#39;en&#39; (English).</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [labelContentText] = &quot;&#39;Chose your date&#39;&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="lang"></a>
-                        <b>lang</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;en&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The language/locale for the datepicker.
-Default value: &#39;en&#39; (English).</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [lang] = &quot;&#39;uk&#39;&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="leftOffset"></a>
-                        <b>leftOffset</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;10&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The left offset for positioning the datepicker.
-Default value: &#39;10&#39;.</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [leftOffset]=&quot;&#39;10&#39;&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="range"></a>
-                        <b>range</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>literal type</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>{startYear:1900, toYear:300}</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The range of years available in the year dropdown.
-Default value: { startYear: 1900, toYear: 300 }.</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [range]=&quot;{startYear: 1900, toYear: 300}&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="topOffset"></a>
-                        <b>topOffset</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;20&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>The top offset for positioning the datepicker.
-Default value: &#39;20&#39;.</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  [topOffset]=&quot;&#39;20&#39;&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section data-compodoc="block-outputs">
-    <h3 id="outputs">Outputs</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="dateChanged"></a>
-                        <b>dateChanged</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>EventEmitter&lt;Date&gt;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>Event emitted when the selected date in the datepicker changes.
-It emits a <code>Date</code> object representing the selected date.</p>
-<div><pre class="line-numbers"><code class="language-html">&lt;mefdev-datepicker
-  (dateChanged)=&quot;onDateChanged($event)&quot;&gt;
-&lt;/mefdev-datepicker&gt;</code></pre></div></div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section data-compodoc="block-methods">
-    <h3>HostListeners</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="document:click"></a>
-                    <span class="name">
-                        <span ><b>document:click</b></span>
-                        <a href="#document:click"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <i>Arguments : </i><code>'$event' </code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>document:click(event: MouseEvent)</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Host listener for document click events to handle calendar interaction.
-This function checks if a click event occurred within the calendar or input elements.</p>
-<ul>
-<li>If the click occurred within the calendar, no action is taken.</li>
-<li>If the click occurred within the input element and the component is not in editing mode,
-it opens the calendar.</li>
-</ul>
-</div>
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>event</td>
-                                    <td>
-                                        No
-                                    </td>
-                                    <td>
-                                        <p>The MouseEvent object representing the click event.</p>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section data-compodoc="block-methods">
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onClick"></a>
-                    <span class="name">
-                        <span class="modifier"></span>
-                        <span ><b>onClick</b></span>
-                        <a href="#onClick"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>onClick(event: MouseEvent)</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <b>Decorators : </b>
-                    <br />
-                    <code>@HostListener(&#x27;document:click&#x27;, [&#x27;$event&#x27;])<br /></code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Host listener for document click events to handle calendar interaction.
-This function checks if a click event occurred within the calendar or input elements.</p>
-<ul>
-<li>If the click occurred within the calendar, no action is taken.</li>
-<li>If the click occurred within the input element and the component is not in editing mode,
-it opens the calendar.</li>
-</ul>
-</div>
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>event</td>
-                                    <td>
-                                            <code>MouseEvent</code>
-                                    </td>
-                                    <td>
-                                        No
-                                    </td>
-                                    <td>
-                                        <p>The MouseEvent object representing the click event.</p>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                    <div class="io-description">
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onDateInput"></a>
-                    <span class="name">
-                        <span class="modifier">Public</span>
-                        <span ><b>onDateInput</b></span>
-                        <a href="#onDateInput"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>onDateInput(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Handle user input in the editable input field for date editing. This method captures the input value
-and stores it in the &#39;editedDate&#39; variable. If the input matches the valid date format, it updates
-&#39;selectedDateMonth&#39; and &#39;selectedDateYear&#39; accordingly.</p>
-<div><pre class="line-numbers"><code class="language-none">// Handle user input in the editable input field
-this.onDateInput(event);</code></pre></div></div>
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>event</td>
-                                    <td>
-                                                <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                                    </td>
-                                    <td>
-                                        No
-                                    </td>
-                                    <td>
-                                        <ul>
-<li>The input event containing the user&#39;s input.</li>
-</ul>
-<div><pre class="line-numbers"><code class="language-none">// Handle user input in the editable input field
-this.onDateInput(event);</code></pre></div>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                    <div class="io-description">
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="selectDate"></a>
-                    <span class="name">
-                        <span ><b>selectDate</b></span>
-                        <a href="#selectDate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>selectDate(date: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank">Date</a>)</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Select a date in the calendar interface and perform necessary updates.
-This method sets the selected date, formats it, closes the calendar, and emits a dateChanged event.
-It also updates the selected month and year dropdown values.</p>
-</div>
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Type</td>
-                                    <td>Optional</td>
-                                    <td>Description</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>date</td>
-                                    <td>
-                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" >Date</a></code>
-                                    </td>
-                                    <td>
-                                        No
-                                    </td>
-                                    <td>
-                                        <ul>
-<li>The date to be selected in the calendar.</li>
-</ul>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                    <div class="io-description">
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="toggleEdit"></a>
-                    <span class="name">
-                        <span ><b>toggleEdit</b></span>
-                        <a href="#toggleEdit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>toggleEdit()</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Toggle the editing mode for the date input. When enabled, the user can edit the date directly in the input field.</p>
-</div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section data-compodoc="block-properties">
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="editedDate"></a>
-                    <span class="name">
-                        <span ><b>editedDate</b></span>
-                        <a href="#editedDate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;&#x27;</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Track the edited date separately when in editing mode.
-Default value: An empty string.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="formattedDate"></a>
-                    <span class="name">
-                        <span ><b>formattedDate</b></span>
-                        <a href="#formattedDate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The formatted date for display in the input.
-Default value: Formatted representation of the selected date.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isCalendarOpen"></a>
-                    <span class="name">
-                        <span ><b>isCalendarOpen</b></span>
-                        <a href="#isCalendarOpen"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>false</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Flag to determine if the calendar is open or closed.
-Default value: false (closed).</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isMonthDropdownOpen"></a>
-                    <span class="name">
-                        <span ><b>isMonthDropdownOpen</b></span>
-                        <a href="#isMonthDropdownOpen"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Flag to determine if the month dropdown is open or closed.
-Default value: true (open).</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isUserDateValid"></a>
-                    <span class="name">
-                        <span ><b>isUserDateValid</b></span>
-                        <a href="#isUserDateValid"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>A flag that checks whether a valid date has been entered and whether the entered date exists.
-If the two previous conditions are not true, the datepicker will be highlighted in red</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isYearDropdownOpen"></a>
-                    <span class="name">
-                        <span ><b>isYearDropdownOpen</b></span>
-                        <a href="#isYearDropdownOpen"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Flag to determine if the year dropdown is open or closed.
-Default value: true (open).</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="selectedDate"></a>
-                    <span class="name">
-                        <span ><b>selectedDate</b></span>
-                        <a href="#selectedDate"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" >Date</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>new Date()</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The currently selected date.
-Default value: Today&#39;s date.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="selectedDateMonth"></a>
-                    <span class="name">
-                        <span ><b>selectedDateMonth</b></span>
-                        <a href="#selectedDateMonth"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.selectedDate.getMonth()</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The selected month (0-11).
-Default value: The month of the selected date.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="selectedDateYear"></a>
-                    <span class="name">
-                        <span ><b>selectedDateYear</b></span>
-                        <a href="#selectedDateYear"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.selectedDate.getFullYear()</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The selected year.
-Default value: The year of the selected date.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="userInput"></a>
-                    <span class="name">
-                        <span ><b>userInput</b></span>
-                        <a href="#userInput"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;&#x27;</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>The string entered by the user for date input.
-This variable stores the user&#39;s input as they type in the date field.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="years"></a>
-                    <span class="name">
-                        <span ><b>years</b></span>
-                        <a href="#years"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>number[]</code>
-                    </td>
-                </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>An array of years for the year dropdown.
-Default value: An array of years within the specified range.</p>
-</div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-</div>
-    <div class="tab-pane fade " id="example">
-            <iframe class="exampleContainer" src="https://mef.dev/ui_kit_demo/view/utils/datepicker">
-                <p>no-iframes</p>
-            </iframe>
-    </div>
-</div>
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><div class="datepicker-container" [class.disabled]="disabled">  <!-- Input, save & edit buttons -->    <div class="input-container form-group">        <label *ngIf="labelContentText" class="form-label"> {{ labelContentText }} </label>        <input          [ngClass]="{ \'calendarNotOpened\': !isCalendarOpen }"          [ngStyle]="{ \'border-color\': isUserDateValid ? \'\' : \'red\' }"          type="text"          class="form-control"          (input)="onDateInput($event)"          (click)="isCalendarOpen = true"          [value]="formattedDate"          [readOnly]="!isCalendarOpen"        >    </div>  <!-- Calendar(Dropdowns, dates) -->  <div *ngIf="isCalendarOpen" class="calendar" #calendarContainer       [style.top]="topOffset"       [style.left]="leftOffset">    <div class="calendar-header">      <div class="monthButtonContainer">        <!-- Month dropdown -->        <ng-container *ngIf="isMonthDropdownOpen; else monthLabel">          <mefdev-select            class="monthDropdown"            [(ngModel)]="selectedDateMonth"            (ngModelChange)="onMonthChange()"            [PlaceHolder]="\'month\'"          >            <mefdev-option              *ngFor="let month of months; let i = index"              [Value]="i"              [Label]="month"              style="z-index: 1"            >{{ month }}</mefdev-option>          </mefdev-select>        </ng-container>        <ng-template #monthLabel>          <span (click)="toggleMonthDropdown($event)"></span>        </ng-template>        <!-- Year dropdown -->        <ng-container *ngIf="isYearDropdownOpen; else yearLabel">          <mefdev-select            class="yearDropdown"            [(ngModel)]="selectedDateYear"            (ngModelChange)="onYearChange()"            [PlaceHolder]="\'year\'"          >            <mefdev-option              *ngFor="let year of years"              [Label]="year"              [Value]="year"            >{{year}}</mefdev-option>          </mefdev-select>        </ng-container>        <ng-template #yearLabel>          <span (click)="toggleYearDropdown($event)">{{ selectedDateYear }}</span>        </ng-template>      </div>      <!-- Calendar exit button -->      <div>        <i class="fa fa-times toggleCalendarButton" (click)="isCalendarOpen = false" aria-hidden="true"></i>      </div>    </div>    <div class="calendar-body">      <table>        <tr>          <th class="text-center" *ngFor="let weekday of weekdays">{{ weekday }}</th>        </tr>        <tr *ngFor="let week of calendarDays">          <td *ngFor="let dayData of week"              (click)="selectDate(dayData.date)"              [ngClass]="{ \'selected\': isDateSelected(dayData.date), \'prev-month\': !dayData.isCurrentMonth }">            <span class="date" [class.prev-month]="!dayData.isCurrentMonth">              {{ dayData.date.getDate() }}            </span>          </td>        </tr>      </table>    </div>  </div></div></div>'
-    var COMPONENTS = [{'name': 'CardComponent', 'selector': 'mefdev-card'},{'name': 'CardLongComponent', 'selector': 'mefdev-card-long'},{'name': 'CardSimpleComponent', 'selector': 'mefdev-card-simple'},{'name': 'CentralPageComponent', 'selector': 'mefdev-central-page'},{'name': 'CentralPageRowComponent', 'selector': 'mefdev-central-page-row'},{'name': 'CollapseComponent', 'selector': 'mefdev-collapse'},{'name': 'CollapseSetComponent', 'selector': 'mefdev-collapse-set'},{'name': 'DatepickerComponent', 'selector': 'mefdev-datepicker'},{'name': 'FillComponent', 'selector': 'mefdev-fill-modal'},{'name': 'FilteredFieldContainerComponent', 'selector': 'mefdev-filtered-field-container'},{'name': 'FilteredFieldItemComponent', 'selector': 'mefdev-filtered-field-item'},{'name': 'HelpBlockComponent', 'selector': 'mefdev-help-block'},{'name': 'ManagePageComponent', 'selector': 'mefdev-manage-page'},{'name': 'MefdevExecutorPageComponent', 'selector': 'mefdev-executor-page'},{'name': 'MefDevOptionComponent', 'selector': 'mefdev-option'},{'name': 'MefDevProgressComponent', 'selector': 'mefdev-progress'},{'name': 'MefDevSelectComponent', 'selector': 'mefdev-select'},{'name': 'MefDevSliderComponent', 'selector': 'mefdev-slider'},{'name': 'MefDevSpecFlowTestComponent', 'selector': 'mefdev-spec-flow-test'},{'name': 'MefDevSwitchComponent', 'selector': 'mefdev-switch'},{'name': 'MefDevTabBodyComponent', 'selector': 'mefdev-tab-body'},{'name': 'MefDevTabComponent', 'selector': 'mefdev-tab'},{'name': 'MefDevTabSetComponent', 'selector': 'mefdev-tabset'},{'name': 'MefDevTabsNavComponent', 'selector': 'mefdev-tabs-nav'},{'name': 'ProfileComponent', 'selector': 'mefdev-profile'},{'name': 'RightFilterComponent', 'selector': 'mefdev-right-filter'},{'name': 'SlideRightComponent', 'selector': 'mefdev-slide-right-modal'},{'name': 'SlideUpComponent', 'selector': 'mefdev-slide-up-modal'},{'name': 'StepExecutorComponent', 'selector': 'mefdev-step-executor'},{'name': 'TablePageComponent', 'selector': 'mefdev-table-page'}];
-    var DIRECTIVES = [{'name': 'MefDevTabLabelDirective', 'selector': '[mefdev-tab-label]'},{'name': 'MefDevTabsInkBarDirective', 'selector': '[mefdev-tabs-ink-bar]'}];
-    var ACTUAL_COMPONENT = {'name': 'DatepickerComponent'};
-</script>
-<script src="../js/tree.js"></script>
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-          <label class="dark-mode-switch">
-               <input type="checkbox">
-               <span class="slider">
-                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-                    </svg>
-               </span>
-          </label>
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'DatepickerComponent.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-       <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
-       <script src="../js/libs/bootstrap-native.js"></script>
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-       <script src="../js/compodoc.js"></script>
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-    </body>
-</html>