@six-group/ui-library-angular 0.0.0-insider.b13c699 → 0.0.0-insider.b2db78f

package/fesm2022/six-group-ui-library-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Injectable, inject, Directive, HostListener, Input, EventEmitter, Output, Optional, APP_INITIALIZER, NgModule, NgZone } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Injectable, inject, Directive, HostListener, Input, EventEmitter, Output, Optional, HostBinding, ContentChildren, APP_INITIALIZER, NgModule, NgZone } from '@angular/core';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@six-group/ui-library/loader';
@@ -8,6 +8,7 @@ import { NgControl, NG_VALUE_ACCESSOR, FormControl, FormGroup, FormArray, NG_VAL
 import { getErrorMessage, getLanguage, showAlert } from '@six-group/ui-library';
 import * as i1$1 from '@angular/common';
 import * as i2 from '@angular/router';
+import { RouterLinkActive } from '@angular/router';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -215,6 +216,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     inputs: ['checked', 'disabled', 'errorText', 'errorTextCount', 'indeterminate', 'invalid', 'label', 'name', 'required', 'value'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let SixDate = class SixDate {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['six-change', 'six-blur']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixDate, selector: "six-date", inputs: { allowedDates: "allowedDates", clearable: "clearable", dateFormat: "dateFormat", debounce: "debounce", disabled: "disabled", errorText: "errorText", errorTextCount: "errorTextCount", helpText: "helpText", invalid: "invalid", label: "label", language: "language", max: "max", min: "min", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+SixDate = __decorate([
+    ProxyCmp({
+        inputs: ['allowedDates', 'clearable', 'dateFormat', 'debounce', 'disabled', 'errorText', 'errorTextCount', 'helpText', 'invalid', 'label', 'language', 'max', 'min', 'name', 'placeholder', 'readonly', 'required', 'size', 'value'],
+        methods: ['setFocus']
+    })
+], SixDate);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixDate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'six-date',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['allowedDates', 'clearable', 'dateFormat', 'debounce', 'disabled', 'errorText', 'errorTextCount', 'helpText', 'invalid', 'label', 'language', 'max', 'min', 'name', 'placeholder', 'readonly', 'required', 'size', 'value'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SixDatepicker = class SixDatepicker {
     constructor(c, r, z) {
         this.z = z;
@@ -332,7 +359,7 @@ let SixDropdown = class SixDropdown {
 SixDropdown = __decorate([
     ProxyCmp({
         inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
-        methods: ['show', 'hide', 'reposition']
+        methods: ['show', 'hide']
     })
 ], SixDropdown);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixDropdown, decorators: [{
@@ -514,15 +541,13 @@ let SixHeader = class SixHeader {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['six-header-app-name-clicked', 'six-header-app-switcher-select', 'six-header-profile-select', 'six-header-hamburger-menu-clicked', 'six-header-logo-clicked', 'six-header-search-field-toggle']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixHeader, selector: "six-header", inputs: { clickableLogo: "clickableLogo", custom: "custom", hideHamburgerMenu: "hideHamburgerMenu", logo: "logo", openHamburgerMenu: "openHamburgerMenu", openSearch: "openSearch", shiftContent: "shiftContent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixHeader, selector: "six-header", inputs: { openSearch: "openSearch", shiftContent: "shiftContent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SixHeader = __decorate([
     ProxyCmp({
-        inputs: ['clickableLogo', 'custom', 'hideHamburgerMenu', 'logo', 'openHamburgerMenu', 'openSearch', 'shiftContent'],
-        methods: ['setSearchOpenState', 'getIsSearchOpen']
+        inputs: ['openSearch', 'shiftContent']
     })
 ], SixHeader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixHeader, decorators: [{
@@ -532,7 +557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['clickableLogo', 'custom', 'hideHamburgerMenu', 'logo', 'openHamburgerMenu', 'openSearch', 'shiftContent'],
+                    inputs: ['openSearch', 'shiftContent'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SixHeaderDropdownItem = class SixHeaderDropdownItem {
@@ -542,10 +567,12 @@ let SixHeaderDropdownItem = class SixHeaderDropdownItem {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixHeaderDropdownItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixHeaderDropdownItem, selector: "six-header-dropdown-item", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixHeaderDropdownItem, selector: "six-header-dropdown-item", inputs: { filter: "filter", filterPlaceholder: "filterPlaceholder" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SixHeaderDropdownItem = __decorate([
-    ProxyCmp({})
+    ProxyCmp({
+        inputs: ['filter', 'filterPlaceholder']
+    })
 ], SixHeaderDropdownItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixHeaderDropdownItem, decorators: [{
             type: Component,
@@ -554,7 +581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['filter', 'filterPlaceholder'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SixHeaderItem = class SixHeaderItem {
@@ -588,11 +615,11 @@ let SixHeaderMenuButton = class SixHeaderMenuButton {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixHeaderMenuButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixHeaderMenuButton, selector: "six-header-menu-button", inputs: { icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixHeaderMenuButton, selector: "six-header-menu-button", inputs: { caret: "caret", disabled: "disabled", loading: "loading", reset: "reset", submit: "submit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SixHeaderMenuButton = __decorate([
     ProxyCmp({
-        inputs: ['icon']
+        inputs: ['caret', 'disabled', 'loading', 'reset', 'submit']
     })
 ], SixHeaderMenuButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixHeaderMenuButton, decorators: [{
@@ -602,7 +629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon'],
+                    inputs: ['caret', 'disabled', 'loading', 'reset', 'submit'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SixIcon = class SixIcon {
@@ -1077,11 +1104,11 @@ let SixSelect = class SixSelect {
         proxyOutputs(this, this.el, ['six-select-change', 'six-select-focus', 'six-select-blur']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixSelect, selector: "six-select", inputs: { asyncFilter: "asyncFilter", autocomplete: "autocomplete", clearable: "clearable", disabled: "disabled", errorText: "errorText", errorTextCount: "errorTextCount", filter: "filter", filterDebounce: "filterDebounce", filterPlaceholder: "filterPlaceholder", helpText: "helpText", hoist: "hoist", inputDebounce: "inputDebounce", invalid: "invalid", label: "label", line: "line", maxTagsVisible: "maxTagsVisible", multiple: "multiple", name: "name", options: "options", pill: "pill", placeholder: "placeholder", required: "required", selectAllButton: "selectAllButton", selectAllText: "selectAllText", size: "size", value: "value", virtualScroll: "virtualScroll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixSelect, selector: "six-select", inputs: { asyncFilter: "asyncFilter", autocomplete: "autocomplete", clearable: "clearable", disabled: "disabled", errorText: "errorText", errorTextCount: "errorTextCount", filter: "filter", filterDebounce: "filterDebounce", filterPlaceholder: "filterPlaceholder", helpText: "helpText", hoist: "hoist", inputDebounce: "inputDebounce", invalid: "invalid", label: "label", line: "line", multiple: "multiple", name: "name", options: "options", pill: "pill", placeholder: "placeholder", required: "required", selectAllButton: "selectAllButton", selectAllText: "selectAllText", size: "size", value: "value", virtualScroll: "virtualScroll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SixSelect = __decorate([
     ProxyCmp({
-        inputs: ['asyncFilter', 'autocomplete', 'clearable', 'disabled', 'errorText', 'errorTextCount', 'filter', 'filterDebounce', 'filterPlaceholder', 'helpText', 'hoist', 'inputDebounce', 'invalid', 'label', 'line', 'maxTagsVisible', 'multiple', 'name', 'options', 'pill', 'placeholder', 'required', 'selectAllButton', 'selectAllText', 'size', 'value', 'virtualScroll'],
+        inputs: ['asyncFilter', 'autocomplete', 'clearable', 'disabled', 'errorText', 'errorTextCount', 'filter', 'filterDebounce', 'filterPlaceholder', 'helpText', 'hoist', 'inputDebounce', 'invalid', 'label', 'line', 'multiple', 'name', 'options', 'pill', 'placeholder', 'required', 'selectAllButton', 'selectAllText', 'size', 'value', 'virtualScroll'],
         methods: ['setFocus']
     })
 ], SixSelect);
@@ -1092,7 +1119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['asyncFilter', 'autocomplete', 'clearable', 'disabled', 'errorText', 'errorTextCount', 'filter', 'filterDebounce', 'filterPlaceholder', 'helpText', 'hoist', 'inputDebounce', 'invalid', 'label', 'line', 'maxTagsVisible', 'multiple', 'name', 'options', 'pill', 'placeholder', 'required', 'selectAllButton', 'selectAllText', 'size', 'value', 'virtualScroll'],
+                    inputs: ['asyncFilter', 'autocomplete', 'clearable', 'disabled', 'errorText', 'errorTextCount', 'filter', 'filterDebounce', 'filterPlaceholder', 'helpText', 'hoist', 'inputDebounce', 'invalid', 'label', 'line', 'multiple', 'name', 'options', 'pill', 'placeholder', 'required', 'selectAllButton', 'selectAllText', 'size', 'value', 'virtualScroll'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SixSidebar = class SixSidebar {
@@ -1128,11 +1155,11 @@ let SixSidebarItem = class SixSidebarItem {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixSidebarItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixSidebarItem, selector: "six-sidebar-item", inputs: { disabled: "disabled", href: "href", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SixSidebarItem, selector: "six-sidebar-item", inputs: { disabled: "disabled", href: "href", icon: "icon", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SixSidebarItem = __decorate([
     ProxyCmp({
-        inputs: ['disabled', 'href', 'selected', 'value']
+        inputs: ['disabled', 'href', 'icon', 'selected', 'value']
     })
 ], SixSidebarItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixSidebarItem, decorators: [{
@@ -1142,7 +1169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['disabled', 'href', 'selected', 'value'],
+                    inputs: ['disabled', 'href', 'icon', 'selected', 'value'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SixSidebarItemGroup = class SixSidebarItemGroup {
@@ -1456,6 +1483,7 @@ const DIRECTIVES = [
     SixButton,
     SixCard,
     SixCheckbox,
+    SixDate,
     SixDatepicker,
     SixDetails,
     SixDialog,
@@ -1970,6 +1998,30 @@ class SixUiLibraryValidators {
             return allowed ? null : { invaliddate: { actual: control.value } };
         };
     }
+    static minDateIso(mindate) {
+        return (control) => {
+            if (control.value == null || control.value === '')
+                return null;
+            const actualDate = control.value;
+            return actualDate >= mindate ? null : { mindate: { mindate, actual: actualDate } };
+        };
+    }
+    static maxDateIso(maxdate) {
+        return (control) => {
+            if (control.value == null || control.value === '')
+                return null;
+            const actualDate = control.value;
+            return actualDate <= maxdate ? null : { maxdate: { maxdate, actual: actualDate } };
+        };
+    }
+    static allowedDatesIso(allowedDates = () => true) {
+        return (control) => {
+            if (control.value == null || control.value === '')
+                return null;
+            const allowed = allowedDates(control.value);
+            return allowed ? null : { invaliddate: { actual: control.value } };
+        };
+    }
 }
 class MinDateValidator {
     validate(control) {
@@ -2028,6 +2080,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { allowedDates: [{
                 type: Input
             }] } });
+class MinDateValidatorIso {
+    validate(control) {
+        if (this.min != null) {
+            return SixUiLibraryValidators.minDateIso(this.min)(control);
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinDateValidatorIso, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MinDateValidatorIso, selector: "six-date[min]", inputs: { min: "min" }, providers: [{ provide: NG_VALIDATORS, useExisting: MinDateValidatorIso, multi: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinDateValidatorIso, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-date[min]',
+                    providers: [{ provide: NG_VALIDATORS, useExisting: MinDateValidatorIso, multi: true }],
+                }]
+        }], propDecorators: { min: [{
+                type: Input
+            }] } });
+class MaxDateValidatorIso {
+    validate(control) {
+        if (this.max != null) {
+            return SixUiLibraryValidators.maxDateIso(this.max)(control);
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaxDateValidatorIso, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MaxDateValidatorIso, selector: "six-date[max]", inputs: { max: "max" }, providers: [{ provide: NG_VALIDATORS, useExisting: MaxDateValidatorIso, multi: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaxDateValidatorIso, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-date[max]',
+                    providers: [{ provide: NG_VALIDATORS, useExisting: MaxDateValidatorIso, multi: true }],
+                }]
+        }], propDecorators: { max: [{
+                type: Input
+            }] } });
+class AllowedDatesValidatorIso {
+    constructor() {
+        this.allowedDates = () => true;
+    }
+    validate(control) {
+        return SixUiLibraryValidators.allowedDatesIso(this.allowedDates)(control);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AllowedDatesValidatorIso, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AllowedDatesValidatorIso, selector: "six-date[allowedDates]", inputs: { allowedDates: "allowedDates" }, providers: [{ provide: NG_VALIDATORS, useExisting: AllowedDatesValidatorIso, multi: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AllowedDatesValidatorIso, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-date[allowedDates]',
+                    providers: [{ provide: NG_VALIDATORS, useExisting: AllowedDatesValidatorIso, multi: true }],
+                }]
+        }], propDecorators: { allowedDates: [{
+                type: Input
+            }] } });
 class MinValidator {
     validate(control) {
         return Validators.min(toFloat(this.min))(control);
@@ -2299,6 +2408,148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Enables Angular router integration for the six-sidebar component.
+ *
+ * When this directive is added to a six-sidebar component using the 'sixRouterLinkActive' attribute,
+ * it activates automatic route-based selection for sidebar items and groups.
+ *
+ * @recommended Add this directive to enable automatic route-based navigation in sidebars.
+ *
+ * @example
+ * ```html
+ * <six-sidebar sixRouterLinkActive>
+ *   <six-sidebar-item routerLink="/home">Home</six-sidebar-item>
+ *   <six-sidebar-item-group>
+ *     <six-sidebar-item routerLink="/settings/profile">Profile</six-sidebar-item>
+ *   </six-sidebar-item-group>
+ * </six-sidebar>
+ * ```
+ */
+class ActiveSidebarDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActiveSidebarDirective, selector: "six-sidebar[sixRouterLinkActive]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar[sixRouterLinkActive]',
+                }]
+        }] });
+/**
+ * Enhances six-sidebar-item with Angular router integration.
+ *
+ * This directive automatically manages the 'selected' state of sidebar items based on the current route.
+ * When used with ActiveSidebarDirective, it switches from manual selection to route-based selection.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based selection
+ */
+class ActiveSidebarItemDirective {
+    constructor() {
+        this.routerLinkActive = inject(RouterLinkActive);
+        this.sidebarItem = inject(SixSidebarItem);
+        this.activeSidebarDirective = inject(ActiveSidebarDirective, { optional: true });
+    }
+    get selected() {
+        if (this.activeSidebarDirective == null) {
+            return this.sidebarItem.selected;
+        }
+        else {
+            return this.routerLinkActive.isActive;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActiveSidebarItemDirective, selector: "six-sidebar-item", host: { properties: { "selected": "this.selected" } }, hostDirectives: [{ directive: i2.RouterLinkActive }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar-item',
+                    hostDirectives: [RouterLinkActive],
+                }]
+        }], propDecorators: { selected: [{
+                type: HostBinding,
+                args: ['selected']
+            }] } });
+/**
+ * Enhances six-sidebar-item-group with Angular router integration.
+ *
+ * This directive automatically manages the 'open' state of sidebar groups based on the active route.
+ * When a child route is active, the group automatically expands to show the active item.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based expansion
+ */
+class ActiveSidebarItemGroupDirective {
+    constructor() {
+        this.routerLinkActive = inject(RouterLinkActive);
+        this.sidebarItemGroup = inject(SixSidebarItemGroup);
+        this.activeSidebarDirective = inject(ActiveSidebarDirective, { optional: true });
+    }
+    get open() {
+        if (this.activeSidebarDirective == null) {
+            return this.sidebarItemGroup.open;
+        }
+        if (this.sidebarItems?.length > 0) {
+            return this.routerLinkActive.isActive ? true : this.sidebarItemGroup.open;
+        }
+        return this.routerLinkActive.isActive;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActiveSidebarItemGroupDirective, selector: "six-sidebar-item-group", host: { properties: { "open": "this.open" } }, queries: [{ propertyName: "sidebarItems", predicate: SixSidebarItem }], hostDirectives: [{ directive: i2.RouterLinkActive }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar-item-group',
+                    hostDirectives: [RouterLinkActive],
+                }]
+        }], propDecorators: { sidebarItems: [{
+                type: ContentChildren,
+                args: [SixSidebarItem]
+            }], open: [{
+                type: HostBinding,
+                args: ['open']
+            }] } });
+
+class DateValueAccessor extends ValueAccessor {
+    constructor(injector, el) {
+        super(injector, el);
+    }
+    handleInputEvent(el) {
+        this.handleValueChange(el, el.value);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = value == null ? '' : value;
+        this.updateValidation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateValueAccessor, selector: "six-date", host: { listeners: { "change": "handleInputEvent($event.target)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: DateValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-date',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: DateValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { handleInputEvent: [{
+                type: HostListener,
+                args: ['change', ['$event.target']]
+            }] } });
+
 class UiLibraryAngularModule {
     static forRoot(customValidationMessagesService) {
         return {
@@ -2314,12 +2565,13 @@ class UiLibraryAngularModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UiLibraryAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UiLibraryAngularModule, declarations: [SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, 
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UiLibraryAngularModule, declarations: [SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, 
             // value accessors
             TextValueAccessor,
             NumericValueAccessor,
             RadioValueAccessor,
             DatepickerValueAccessor,
+            DateValueAccessor,
             TimepickerValueAccessor,
             SelectValueAccessor,
             CheckboxValueAccessor,
@@ -2331,16 +2583,24 @@ class UiLibraryAngularModule {
             MinDateValidator,
             MaxDateValidator,
             AllowedDatesValidator,
+            MinDateValidatorIso,
+            MaxDateValidatorIso,
+            AllowedDatesValidatorIso,
             // form helpers
             SixFormDirective,
             SixFormUtilDirective,
             // router link directive
-            SixRouterLinkDirective], exports: [SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, 
+            SixRouterLinkDirective,
+            // sidebar helpers
+            ActiveSidebarItemDirective,
+            ActiveSidebarItemGroupDirective,
+            ActiveSidebarDirective], exports: [SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, 
             // value accessors
             TextValueAccessor,
             NumericValueAccessor,
             RadioValueAccessor,
             DatepickerValueAccessor,
+            DateValueAccessor,
             TimepickerValueAccessor,
             SelectValueAccessor,
             CheckboxValueAccessor,
@@ -2352,11 +2612,18 @@ class UiLibraryAngularModule {
             MinDateValidator,
             MaxDateValidator,
             AllowedDatesValidator,
+            MinDateValidatorIso,
+            MaxDateValidatorIso,
+            AllowedDatesValidatorIso,
             // form helpers
             SixFormDirective,
             SixFormUtilDirective,
             // router link directive
-            SixRouterLinkDirective] }); }
+            SixRouterLinkDirective,
+            // sidebar helpers
+            ActiveSidebarItemDirective,
+            ActiveSidebarItemGroupDirective,
+            ActiveSidebarDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UiLibraryAngularModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UiLibraryAngularModule, decorators: [{
@@ -2370,6 +2637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         NumericValueAccessor,
                         RadioValueAccessor,
                         DatepickerValueAccessor,
+                        DateValueAccessor,
                         TimepickerValueAccessor,
                         SelectValueAccessor,
                         CheckboxValueAccessor,
@@ -2381,11 +2649,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MinDateValidator,
                         MaxDateValidator,
                         AllowedDatesValidator,
+                        MinDateValidatorIso,
+                        MaxDateValidatorIso,
+                        AllowedDatesValidatorIso,
                         // form helpers
                         SixFormDirective,
                         SixFormUtilDirective,
                         // router link directive
                         SixRouterLinkDirective,
+                        // sidebar helpers
+                        ActiveSidebarItemDirective,
+                        ActiveSidebarItemGroupDirective,
+                        ActiveSidebarDirective,
                     ],
                     imports: [],
                     exports: [
@@ -2396,6 +2671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         NumericValueAccessor,
                         RadioValueAccessor,
                         DatepickerValueAccessor,
+                        DateValueAccessor,
                         TimepickerValueAccessor,
                         SelectValueAccessor,
                         CheckboxValueAccessor,
@@ -2407,11 +2683,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MinDateValidator,
                         MaxDateValidator,
                         AllowedDatesValidator,
+                        MinDateValidatorIso,
+                        MaxDateValidatorIso,
+                        AllowedDatesValidatorIso,
                         // form helpers
                         SixFormDirective,
                         SixFormUtilDirective,
                         // router link directive
                         SixRouterLinkDirective,
+                        // sidebar helpers
+                        ActiveSidebarItemDirective,
+                        ActiveSidebarItemGroupDirective,
+                        ActiveSidebarDirective,
                     ],
                 }]
         }] });
@@ -2442,5 +2725,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AlertService, AllowedDatesValidator, CheckboxValueAccessor, DIRECTIVES, DatepickerValueAccessor, MaxDateValidator, MaxValidator, MinDateValidator, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
+export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxValueAccessor, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
 //# sourceMappingURL=six-group-ui-library-angular.mjs.map