@tailng-ui/components 0.17.0 → 0.19.0

package/src/lib/form/combobox/tng-combobox.component.d.ts

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class TngComboboxComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngComboboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngComboboxComponent, "tng-combobox", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 //# sourceMappingURL=tng-combobox.component.d.ts.map

package/src/lib/form/combobox/tng-combobox.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":"AAGA,qBAMa,oBAAoB;IAC/B,SAAgB,SAAS,8CAA6B;CACvD"}
+{"version":3,"file":"tng-combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":";AAGA,qBAMa,oBAAoB;IAC/B,SAAgB,SAAS,8CAA6B;yCAD3C,oBAAoB;2CAApB,oBAAoB;CAEhC"}

package/src/lib/form/combobox/tng-combobox.component.js

@@ -1,16 +1,13 @@
-import { __decorate } from "tslib";
 import { Component, input } from '@angular/core';
 import { TngCombobox as TngComboboxPrimitive } from '@tailng-ui/primitives';
-let TngComboboxComponent = class TngComboboxComponent {
-    ariaLabel = input('Combobox');
-};
-TngComboboxComponent = __decorate([
-    Component({
-        selector: 'tng-combobox',
-        imports: [TngComboboxPrimitive],
-        templateUrl: './tng-combobox.component.html',
-        styleUrl: './tng-combobox.component.css',
-    })
-], TngComboboxComponent);
-export { TngComboboxComponent };
+import * as i0 from "@angular/core";
+export class TngComboboxComponent {
+    ariaLabel = input('Combobox', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngComboboxComponent, isStandalone: true, selector: "tng-combobox", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section tngCombobox class=\"tng-combobox\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-combobox {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"], dependencies: [{ kind: "directive", type: TngComboboxPrimitive, selector: "[tngCombobox]", exportAs: ["tngCombobox"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngComboboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-combobox', imports: [TngComboboxPrimitive], template: "<section tngCombobox class=\"tng-combobox\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-combobox {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 //# sourceMappingURL=tng-combobox.component.js.map

package/src/lib/form/combobox/tng-combobox.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-combobox.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAQrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACf,SAAS,GAAG,KAAK,CAAS,UAAU,CAAC,CAAC;CACvD,CAAA;AAFY,oBAAoB;IANhC,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,WAAW,EAAE,+BAA+B;QAC5C,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,oBAAoB,CAEhC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngCombobox as TngComboboxPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-combobox',\n  imports: [TngComboboxPrimitive],\n  templateUrl: './tng-combobox.component.html',\n  styleUrl: './tng-combobox.component.css',\n})\nexport class TngComboboxComponent {\n  public readonly ariaLabel = input<string>('Combobox');\n}\n"]}
+{"version":3,"file":"tng-combobox.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;;AAQ5E,MAAM,OAAO,oBAAoB;IACf,SAAS,GAAG,KAAK,CAAS,UAAU,qDAAC,CAAC;uGAD3C,oBAAoB;2FAApB,oBAAoB,wNCTjC,gHAGA,mWDEY,oBAAoB;;2FAInB,oBAAoB;kBANhC,SAAS;+BACE,cAAc,WACf,CAAC,oBAAoB,CAAC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngCombobox as TngComboboxPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-combobox',\n  imports: [TngComboboxPrimitive],\n  templateUrl: './tng-combobox.component.html',\n  styleUrl: './tng-combobox.component.css',\n})\nexport class TngComboboxComponent {\n  public readonly ariaLabel = input<string>('Combobox');\n}\n","<section tngCombobox class=\"tng-combobox\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n"]}

package/src/lib/form/datepicker/tng-datepicker.component.d.ts

@@ -1,5 +1,6 @@
 import type { OnDestroy } from '@angular/core';
 import { type TngCalendarView, type TngDateCell, type TngDateInputValue, type TngDateSelectionInput, type TngDateValue, type TngDatepickerCloseReason, type TngDatepickerDirection, type TngDatepickerSelectionMode, type TngMonthOption, type TngWeekdayIndex, type TngYearOption } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 type OptionalBooleanInput = boolean | null | string | undefined;
 type TngDatepickerPlacement = 'auto' | 'bottom' | 'top';
 export declare class TngDatepickerComponent<TDate = Date> implements OnDestroy {
@@ -152,7 +153,7 @@ export declare class TngDatepickerComponent<TDate = Date> implements OnDestroy {
         inputText: string;
         labelMonthYear: string;
         layout: Readonly<{
-            mode: import("dist/libs/tailng-ui/primitives/src/lib/form/datepicker/datepicker.types").TngDatepickerOverlayMode;
+            mode: import("@tailng-ui/primitives/lib/form/datepicker/datepicker.types").TngDatepickerOverlayMode;
             offsetX: number;
             width: number;
         }>;
@@ -231,6 +232,8 @@ export declare class TngDatepickerComponent<TDate = Date> implements OnDestroy {
     private resolveOverlayCollision;
     private resolveOverlayOffset;
     private resolveOverlayPlacement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngDatepickerComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngDatepickerComponent<any>, "tng-datepicker", never, { "adapter": { "alias": "adapter"; "required": false; "isSignal": true; }; "allowDeselect": { "alias": "allowDeselect"; "required": false; "isSignal": true; }; "allowManualInput": { "alias": "allowManualInput"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "autoCommitView": { "alias": "autoCommitView"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "closeOthersOnOpen": { "alias": "closeOthersOnOpen"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "disableDate": { "alias": "disableDate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "inputAriaLabel": { "alias": "inputAriaLabel"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "overlaySize": { "alias": "overlaySize"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "weekStartsOn": { "alias": "weekStartsOn"; "required": false; "isSignal": true; }; "yearPageSize": { "alias": "yearPageSize"; "required": false; "isSignal": true; }; }, { "activeDateChange": "activeDateChange"; "closed": "closed"; "monthChange": "monthChange"; "openChange": "openChange"; "valueChange": "valueChange"; "viewChange": "viewChange"; "yearChange": "yearChange"; }, never, never, true, never>;
 }
 export {};
 //# sourceMappingURL=tng-datepicker.component.d.ts.map

package/src/lib/form/datepicker/tng-datepicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/datepicker/tng-datepicker.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tng-datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/datepicker/tng-datepicker.component.ts"],"names":[],"mappings":"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"}

package/src/lib/form/datepicker/tng-datepicker.component.js

@@ -1,8 +1,8 @@
-import { __decorate } from "tslib";
 import { Component, ElementRef, HostBinding, LOCALE_ID, computed, effect, inject, input, output, signal, viewChild, } from '@angular/core';
 import { booleanAttribute } from '@angular/core';
 import { computeOverlayPosition, } from '@tailng-ui/cdk';
 import { createDatepickerController, } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 const OVERLAY_VIEWPORT_MARGIN = 12;
 const OVERLAY_OFFSET = 9;
 function rectFromClientRect(rect) {
@@ -42,18 +42,18 @@ function createDatepickerInputId() {
     nextDatepickerInputId += 1;
     return `tng-datepicker-input-${nextDatepickerInputId}`;
 }
-let TngDatepickerComponent = class TngDatepickerComponent {
+export class TngDatepickerComponent {
     hostElement = inject(ElementRef);
     defaultLocale = inject(LOCALE_ID);
     fallbackInputId = createDatepickerInputId();
     ownerDocument = this.hostElement.nativeElement.ownerDocument ?? null;
     ownerWindow = this.ownerDocument?.defaultView ?? null;
-    renderVersion = signal(0);
-    overlayOpen = signal(false);
-    resolvedOverlayPlacement = signal('bottom');
-    anchorRef = viewChild('anchorShell');
-    triggerRef = viewChild('triggerButton');
-    overlayRef = viewChild('overlayPanel');
+    renderVersion = signal(0, ...(ngDevMode ? [{ debugName: "renderVersion" }] : []));
+    overlayOpen = signal(false, ...(ngDevMode ? [{ debugName: "overlayOpen" }] : []));
+    resolvedOverlayPlacement = signal('bottom', ...(ngDevMode ? [{ debugName: "resolvedOverlayPlacement" }] : []));
+    anchorRef = viewChild('anchorShell', ...(ngDevMode ? [{ debugName: "anchorRef" }] : []));
+    triggerRef = viewChild('triggerButton', ...(ngDevMode ? [{ debugName: "triggerRef" }] : []));
+    overlayRef = viewChild('overlayPanel', ...(ngDevMode ? [{ debugName: "overlayRef" }] : []));
     overlayPlaceholder = null;
     overlayOriginalParent = null;
     removeResizeListener = null;
@@ -104,80 +104,42 @@ let TngDatepickerComponent = class TngDatepickerComponent {
                 break;
         }
     });
-    adapter = input(undefined);
-    allowDeselect = input(false, {
-        transform: booleanAttribute,
-    });
-    allowManualInput = input(true, {
-        transform: booleanAttribute,
-    });
-    ariaDescribedBy = input(null);
-    ariaLabel = input(null);
-    ariaLabelledBy = input(null);
-    autoCommitView = input(false, {
-        transform: booleanAttribute,
-    });
-    closeOnEscape = input(true, {
-        transform: booleanAttribute,
-    });
-    closeOnOutsideClick = input(true, {
-        transform: booleanAttribute,
-    });
-    closeOnSelect = input(true, {
-        transform: booleanAttribute,
-    });
-    closeOthersOnOpen = input(false, {
-        transform: booleanAttribute,
-    });
-    defaultOpen = input(false, {
-        transform: booleanAttribute,
-    });
-    defaultValue = input(undefined);
-    direction = input('ltr');
-    disableDate = input(null);
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    fullWidth = input(true, {
-        transform: booleanAttribute,
-    });
-    id = input(null);
-    inputAriaLabel = input('Date input');
-    invalid = input(false, {
-        transform: booleanAttribute,
-    });
-    locale = input(this.defaultLocale);
-    maxDate = input(undefined);
-    minDate = input(undefined);
-    open = input(undefined, {
-        transform: normalizeOptionalBooleanInput,
-    });
-    overlaySize = input(320, {
-        transform: normalizeNumberInput,
-    });
-    placement = input('auto');
-    placeholder = input('MM-DD-YYYY');
-    readonly = input(false, {
-        transform: booleanAttribute,
-    });
-    restoreFocus = input(true, {
-        transform: booleanAttribute,
-    });
-    selectionMode = input('single');
-    showOutsideDays = input(true, {
-        transform: booleanAttribute,
-    });
-    today = input(undefined);
-    trapFocus = input(true, {
-        transform: booleanAttribute,
-    });
-    value = input(undefined);
-    weekStartsOn = input(0, {
-        transform: normalizeWeekdayInput,
-    });
-    yearPageSize = input(24, {
-        transform: normalizeNumberInput,
-    });
+    adapter = input(undefined, ...(ngDevMode ? [{ debugName: "adapter" }] : []));
+    allowDeselect = input(false, { ...(ngDevMode ? { debugName: "allowDeselect" } : {}), transform: booleanAttribute });
+    allowManualInput = input(true, { ...(ngDevMode ? { debugName: "allowManualInput" } : {}), transform: booleanAttribute });
+    ariaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    ariaLabelledBy = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : []));
+    autoCommitView = input(false, { ...(ngDevMode ? { debugName: "autoCommitView" } : {}), transform: booleanAttribute });
+    closeOnEscape = input(true, { ...(ngDevMode ? { debugName: "closeOnEscape" } : {}), transform: booleanAttribute });
+    closeOnOutsideClick = input(true, { ...(ngDevMode ? { debugName: "closeOnOutsideClick" } : {}), transform: booleanAttribute });
+    closeOnSelect = input(true, { ...(ngDevMode ? { debugName: "closeOnSelect" } : {}), transform: booleanAttribute });
+    closeOthersOnOpen = input(false, { ...(ngDevMode ? { debugName: "closeOthersOnOpen" } : {}), transform: booleanAttribute });
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : {}), transform: booleanAttribute });
+    defaultValue = input(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : []));
+    direction = input('ltr', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    disableDate = input(null, ...(ngDevMode ? [{ debugName: "disableDate" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    fullWidth = input(true, { ...(ngDevMode ? { debugName: "fullWidth" } : {}), transform: booleanAttribute });
+    id = input(null, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    inputAriaLabel = input('Date input', ...(ngDevMode ? [{ debugName: "inputAriaLabel" }] : []));
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : {}), transform: booleanAttribute });
+    locale = input(this.defaultLocale, ...(ngDevMode ? [{ debugName: "locale" }] : []));
+    maxDate = input(undefined, ...(ngDevMode ? [{ debugName: "maxDate" }] : []));
+    minDate = input(undefined, ...(ngDevMode ? [{ debugName: "minDate" }] : []));
+    open = input(undefined, { ...(ngDevMode ? { debugName: "open" } : {}), transform: normalizeOptionalBooleanInput });
+    overlaySize = input(320, { ...(ngDevMode ? { debugName: "overlaySize" } : {}), transform: normalizeNumberInput });
+    placement = input('auto', ...(ngDevMode ? [{ debugName: "placement" }] : []));
+    placeholder = input('MM-DD-YYYY', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    restoreFocus = input(true, { ...(ngDevMode ? { debugName: "restoreFocus" } : {}), transform: booleanAttribute });
+    selectionMode = input('single', ...(ngDevMode ? [{ debugName: "selectionMode" }] : []));
+    showOutsideDays = input(true, { ...(ngDevMode ? { debugName: "showOutsideDays" } : {}), transform: booleanAttribute });
+    today = input(undefined, ...(ngDevMode ? [{ debugName: "today" }] : []));
+    trapFocus = input(true, { ...(ngDevMode ? { debugName: "trapFocus" } : {}), transform: booleanAttribute });
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    weekStartsOn = input(0, { ...(ngDevMode ? { debugName: "weekStartsOn" } : {}), transform: normalizeWeekdayInput });
+    yearPageSize = input(24, { ...(ngDevMode ? { debugName: "yearPageSize" } : {}), transform: normalizeNumberInput });
     activeDateChange = output();
     closed = output();
     monthChange = output();
@@ -188,9 +150,9 @@ let TngDatepickerComponent = class TngDatepickerComponent {
     outputs = computed(() => {
         this.renderVersion();
         return this.controller.getOutputs();
-    });
-    invalidState = computed(() => this.invalid() || this.outputs().validationError !== null);
-    currentOverlayPlacement = computed(() => this.resolvedOverlayPlacement());
+    }, ...(ngDevMode ? [{ debugName: "outputs" }] : []));
+    invalidState = computed(() => this.invalid() || this.outputs().validationError !== null, ...(ngDevMode ? [{ debugName: "invalidState" }] : []));
+    currentOverlayPlacement = computed(() => this.resolvedOverlayPlacement(), ...(ngDevMode ? [{ debugName: "currentOverlayPlacement" }] : []));
     materialPeriodLabel = computed(() => {
         const outputs = this.outputs();
         if (outputs.view === 'year') {
@@ -204,7 +166,7 @@ let TngDatepickerComponent = class TngDatepickerComponent {
             return this.controller.formatDate(outputs.visibleMonth, 'year-label');
         }
         return outputs.labelMonthYear;
-    });
+    }, ...(ngDevMode ? [{ debugName: "materialPeriodLabel" }] : []));
     get dataFullWidth() {
         return this.fullWidth() ? '' : null;
     }
@@ -669,16 +631,14 @@ let TngDatepickerComponent = class TngDatepickerComponent {
             side: placement === 'top' ? 'top' : 'bottom',
         };
     }
-};
-__decorate([
-    HostBinding('attr.data-full-width')
-], TngDatepickerComponent.prototype, "dataFullWidth", null);
-TngDatepickerComponent = __decorate([
-    Component({
-        selector: 'tng-datepicker',
-        templateUrl: './tng-datepicker.component.html',
-        styleUrl: './tng-datepicker.component.css',
-    })
-], TngDatepickerComponent);
-export { TngDatepickerComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngDatepickerComponent, isStandalone: true, selector: "tng-datepicker", inputs: { adapter: { classPropertyName: "adapter", publicName: "adapter", isSignal: true, isRequired: false, transformFunction: null }, allowDeselect: { classPropertyName: "allowDeselect", publicName: "allowDeselect", isSignal: true, isRequired: false, transformFunction: null }, allowManualInput: { classPropertyName: "allowManualInput", publicName: "allowManualInput", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, autoCommitView: { classPropertyName: "autoCommitView", publicName: "autoCommitView", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, closeOthersOnOpen: { classPropertyName: "closeOthersOnOpen", publicName: "closeOthersOnOpen", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, disableDate: { classPropertyName: "disableDate", publicName: "disableDate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputAriaLabel: { classPropertyName: "inputAriaLabel", publicName: "inputAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, overlaySize: { classPropertyName: "overlaySize", publicName: "overlaySize", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showOutsideDays: { classPropertyName: "showOutsideDays", publicName: "showOutsideDays", isSignal: true, isRequired: false, transformFunction: null }, today: { classPropertyName: "today", publicName: "today", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, yearPageSize: { classPropertyName: "yearPageSize", publicName: "yearPageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeDateChange: "activeDateChange", closed: "closed", monthChange: "monthChange", openChange: "openChange", valueChange: "valueChange", viewChange: "viewChange", yearChange: "yearChange" }, host: { properties: { "attr.data-full-width": "this.dataFullWidth" } }, viewQueries: [{ propertyName: "anchorRef", first: true, predicate: ["anchorShell"], descendants: true, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerButton"], descendants: true, isSignal: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayPanel"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"tng-datepicker-root\"\n  [attr.aria-describedby]=\"outputs().getHostAttributes()['aria-describedby']\"\n  [attr.aria-label]=\"outputs().getHostAttributes()['aria-label']\"\n  [attr.aria-labelledby]=\"outputs().getHostAttributes()['aria-labelledby']\"\n  [attr.data-disabled]=\"outputs().getHostAttributes()['data-disabled']\"\n  [attr.data-open]=\"outputs().getHostAttributes()['data-open']\"\n  [attr.data-slot]=\"outputs().getHostAttributes()['data-slot']\"\n  [attr.data-view]=\"outputs().getHostAttributes()['data-view']\"\n  [attr.dir]=\"outputs().getHostAttributes()['dir']\"\n  [attr.role]=\"outputs().getHostAttributes()['role']\"\n>\n  <div class=\"tng-datepicker-field\" data-slot=\"datepicker-field\">\n    <div class=\"tng-datepicker-anchor\">\n      <div\n        #anchorShell\n        class=\"tng-datepicker-input-shell\"\n        data-slot=\"datepicker-input-shell\"\n        [attr.data-invalid]=\"invalidState() ? 'true' : null\"\n        [attr.data-open]=\"outputs().getTriggerAttributes()['data-open']\"\n      >\n        <input\n          [id]=\"resolveInputId()\"\n          class=\"tng-datepicker-input\"\n          data-slot=\"datepicker-input\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"readonly() || !allowManualInput()\"\n          [required]=\"false\"\n          [value]=\"outputs().inputText\"\n          [attr.aria-invalid]=\"invalidState() ? 'true' : null\"\n          [attr.aria-label]=\"inputAriaLabel()\"\n          [attr.placeholder]=\"placeholder()\"\n          (blur)=\"onInputBlur()\"\n          (input)=\"onInputChange($event)\"\n          (keydown)=\"onInputKeydown($event)\"\n        />\n\n        <button\n          #triggerButton\n          type=\"button\"\n          class=\"tng-datepicker-trigger\"\n          [disabled]=\"disabled()\"\n          [attr.aria-controls]=\"outputs().getTriggerAttributes()['aria-controls']\"\n          [attr.aria-expanded]=\"outputs().getTriggerAttributes()['aria-expanded']\"\n          [attr.aria-haspopup]=\"outputs().getTriggerAttributes()['aria-haspopup']\"\n          [attr.data-open]=\"outputs().getTriggerAttributes()['data-open']\"\n          [attr.data-slot]=\"outputs().getTriggerAttributes()['data-slot']\"\n          [attr.aria-label]=\"'Open calendar'\"\n          (click)=\"onTriggerClick()\"\n          (keydown)=\"onTriggerKeydown($event)\"\n        >\n          <svg aria-hidden=\"true\" class=\"tng-datepicker-trigger-calendar\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M6 2.5V5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M14 2.5V5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" />\n            <rect x=\"3.25\" y=\"4.25\" width=\"13.5\" height=\"12.5\" rx=\"2.25\" stroke=\"currentColor\" stroke-width=\"1.8\" />\n            <path d=\"M3.75 7.5H16.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M6.75 10.5H7.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M9.75 10.5H10.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M12.75 10.5H13.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M6.75 13.5H7.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M9.75 13.5H10.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n          </svg>\n          <svg aria-hidden=\"true\" class=\"tng-datepicker-trigger-chevron\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M4.5 6.25L8 9.75L11.5 6.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" />\n          </svg>\n        </button>\n      </div>\n\n      <section\n        #overlayPanel\n        class=\"tng-datepicker-overlay\"\n        [attr.aria-labelledby]=\"outputs().getOverlayAttributes()['aria-labelledby']\"\n        [attr.aria-modal]=\"outputs().getOverlayAttributes()['aria-modal']\"\n        [attr.data-open]=\"outputs().getOverlayAttributes()['data-open']\"\n        [attr.data-placement]=\"currentOverlayPlacement()\"\n        [attr.data-position]=\"outputs().getOverlayAttributes()['data-position']\"\n        [attr.data-slot]=\"outputs().getOverlayAttributes()['data-slot']\"\n        [attr.hidden]=\"outputs().open ? null : ''\"\n        [attr.id]=\"outputs().getOverlayAttributes()['id']\"\n        [attr.role]=\"outputs().getOverlayAttributes()['role']\"\n        [style.display]=\"outputs().open ? null : 'none'\"\n        (keydown)=\"onOverlayKeydown($event)\"\n      >\n          <header class=\"tng-datepicker-header tng-datepicker-header-material\" data-slot=\"datepicker-header\">\n            <div class=\"tng-datepicker-header-row tng-datepicker-header-row-material\">\n              <button type=\"button\" class=\"tng-datepicker-nav-button\" data-slot=\"datepicker-nav-button\" (click)=\"pageBackward()\">\n                <span aria-hidden=\"true\">&lsaquo;</span>\n              </button>\n\n              <button\n                type=\"button\"\n                class=\"tng-datepicker-period-button\"\n                [attr.aria-haspopup]=\"!isYearView() ? 'grid' : null\"\n                data-slot=\"datepicker-period-button\"\n                [attr.id]=\"outputs().getGridAttributes()['aria-labelledby']\"\n                [attr.data-interactive]=\"!isYearView() ? 'true' : null\"\n                (click)=\"onPeriodButtonClick()\"\n              >\n                <span class=\"tng-datepicker-period-button-title-row\">\n                  <span class=\"tng-datepicker-period-button-title\">{{ materialPeriodLabel() }}</span>\n                  @if (!isYearView()) {\n                    <svg aria-hidden=\"true\" class=\"tng-datepicker-period-button-chevron\" viewBox=\"0 0 16 16\" fill=\"none\">\n                      <path d=\"M4.5 6.25L8 9.75L11.5 6.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" />\n                    </svg>\n                  }\n                </span>\n              </button>\n\n              <button type=\"button\" class=\"tng-datepicker-nav-button\" data-slot=\"datepicker-nav-button\" (click)=\"pageForward()\">\n                <span aria-hidden=\"true\">&rsaquo;</span>\n              </button>\n            </div>\n          </header>\n\n          @if (isDayView()) {\n            <div class=\"tng-datepicker-weekdays\" data-slot=\"datepicker-weekdays\" aria-hidden=\"true\">\n              @for (label of outputs().weekdayLabels; track label) {\n                <span class=\"tng-datepicker-weekday\" data-slot=\"datepicker-weekday\">{{ label }}</span>\n              }\n            </div>\n\n            <div\n              class=\"tng-datepicker-grid tng-datepicker-grid-days\"\n              [attr.aria-activedescendant]=\"outputs().getGridAttributes()['aria-activedescendant']\"\n              [attr.aria-labelledby]=\"outputs().getGridAttributes()['aria-labelledby']\"\n              [attr.data-slot]=\"outputs().getGridAttributes()['data-slot']\"\n              [attr.id]=\"outputs().getGridAttributes()['id']\"\n              [attr.role]=\"outputs().getGridAttributes()['role']\"\n              (keydown)=\"onGridKeydown($event)\"\n            >\n              @for (cell of outputs().cells; track cell.id) {\n                <button\n                  type=\"button\"\n                  class=\"tng-datepicker-cell\"\n                  [disabled]=\"cell.disabled\"\n                  [attr.aria-current]=\"cell.today ? 'date' : null\"\n                  [attr.aria-disabled]=\"cell.disabled ? 'true' : null\"\n                  [attr.aria-selected]=\"cell.selected ? 'true' : 'false'\"\n                  [attr.data-active]=\"outputs().getCellAttributes(cell)['data-active']\"\n                  [attr.data-disabled]=\"outputs().getCellAttributes(cell)['data-disabled']\"\n                  [attr.data-focus-visible]=\"outputs().getCellAttributes(cell)['data-focus-visible']\"\n                  [attr.data-hidden]=\"outputs().getCellAttributes(cell)['data-hidden']\"\n                  [attr.data-in-month]=\"outputs().getCellAttributes(cell)['data-in-month']\"\n                  [attr.data-in-range]=\"outputs().getCellAttributes(cell)['data-in-range']\"\n                  [attr.data-range-end]=\"outputs().getCellAttributes(cell)['data-range-end']\"\n                  [attr.data-range-start]=\"outputs().getCellAttributes(cell)['data-range-start']\"\n                  [attr.data-selected]=\"outputs().getCellAttributes(cell)['data-selected']\"\n                  [attr.data-slot]=\"outputs().getCellAttributes(cell)['data-slot']\"\n                  [attr.id]=\"cell.id\"\n                  [attr.role]=\"'gridcell'\"\n                  [attr.tabindex]=\"outputs().getCellAttributes(cell)['tabindex']\"\n                  (click)=\"onDayCellClick(cell)\"\n                >\n                  {{ cell.label }}\n                </button>\n              }\n            </div>\n          }\n\n          @if (isMonthView()) {\n            <div class=\"tng-datepicker-grid tng-datepicker-grid-picker\" data-slot=\"datepicker-grid\" role=\"grid\" (keydown)=\"onMonthKeydown($event)\">\n              @for (option of outputs().monthOptions; track option.id) {\n                <button\n                  type=\"button\"\n                  class=\"tng-datepicker-picker-cell\"\n                  [disabled]=\"option.disabled\"\n                  [attr.aria-disabled]=\"outputs().getMonthAttributes(option)['aria-disabled']\"\n                  [attr.aria-selected]=\"outputs().getMonthAttributes(option)['aria-selected']\"\n                  [attr.data-active]=\"outputs().getMonthAttributes(option)['data-active']\"\n                  [attr.data-disabled]=\"outputs().getMonthAttributes(option)['data-disabled']\"\n                  [attr.data-focus-visible]=\"outputs().getMonthAttributes(option)['data-focus-visible']\"\n                  [attr.data-selected]=\"outputs().getMonthAttributes(option)['data-selected']\"\n                  [attr.data-slot]=\"outputs().getMonthAttributes(option)['data-slot']\"\n                  [attr.id]=\"option.id\"\n                  [attr.role]=\"outputs().getMonthAttributes(option)['role']\"\n                  [attr.tabindex]=\"outputs().getMonthAttributes(option)['tabindex']\"\n                  (click)=\"onMonthOptionClick(option)\"\n                >\n                  {{ option.label }}\n                </button>\n              }\n            </div>\n          }\n\n          @if (isYearView()) {\n            <div class=\"tng-datepicker-grid tng-datepicker-grid-picker\" data-slot=\"datepicker-grid\" role=\"grid\" (keydown)=\"onYearKeydown($event)\">\n              @for (option of outputs().yearOptions; track option.id) {\n                <button\n                  type=\"button\"\n                  class=\"tng-datepicker-picker-cell\"\n                  [disabled]=\"option.disabled\"\n                  [attr.aria-disabled]=\"outputs().getYearAttributes(option)['aria-disabled']\"\n                  [attr.aria-selected]=\"outputs().getYearAttributes(option)['aria-selected']\"\n                  [attr.data-active]=\"outputs().getYearAttributes(option)['data-active']\"\n                  [attr.data-disabled]=\"outputs().getYearAttributes(option)['data-disabled']\"\n                  [attr.data-focus-visible]=\"outputs().getYearAttributes(option)['data-focus-visible']\"\n                  [attr.data-selected]=\"outputs().getYearAttributes(option)['data-selected']\"\n                  [attr.data-slot]=\"outputs().getYearAttributes(option)['data-slot']\"\n                  [attr.id]=\"option.id\"\n                  [attr.role]=\"outputs().getYearAttributes(option)['role']\"\n                  [attr.tabindex]=\"outputs().getYearAttributes(option)['tabindex']\"\n                  (click)=\"onYearOptionClick(option)\"\n                >\n                  {{ option.label }}\n                </button>\n              }\n            </div>\n          }\n      </section>\n    </div>\n  </div>\n</div>\n", styles: [":host {\n  display: inline-grid;\n  max-width: 100%;\n  min-width: min(18rem, 100%);\n}\n\n:host([data-full-width]) {\n  display: block;\n  width: 100%;\n}\n\n.tng-datepicker-anchor {\n  min-width: 0;\n  position: relative;\n}\n\n.tng-datepicker-trigger-calendar {\n  height: 0.96rem;\n  width: 0.96rem;\n}\n\n.tng-datepicker-trigger-chevron,\n.tng-datepicker-period-button-chevron {\n  flex: 0 0 auto;\n  height: 0.72rem;\n  width: 0.72rem;\n}\n\n.tng-datepicker-overlay {\n  max-width: calc(100vw - 1.5rem);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  position: fixed;\n  z-index: 30;\n}\n\n.tng-datepicker-header-row-material {\n  align-items: center;\n  grid-template-columns:\n    var(--tng-datepicker-nav-size, 2.1rem)\n    minmax(0, 1fr)\n    var(--tng-datepicker-nav-size, 2.1rem);\n}\n\n.tng-datepicker-period-button {\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  justify-self: center;\n  min-width: 0;\n  width: 100%;\n}\n\n.tng-datepicker-period-button-title-row {\n  align-items: center;\n  display: inline-flex;\n  gap: 0.24rem;\n}\n\n.tng-datepicker-period-button-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.tng-datepicker-weekdays {\n  display: grid;\n  gap: var(--tng-datepicker-grid-gap);\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.tng-datepicker-grid {\n  display: grid;\n  gap: var(--tng-datepicker-grid-gap);\n}\n\n.tng-datepicker-grid-days {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.tng-datepicker-grid-picker {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n@media (max-width: 40rem) {\n  :host,\n  :host([data-full-width]) {\n    width: 100%;\n  }\n}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-datepicker', template: "<div\n  class=\"tng-datepicker-root\"\n  [attr.aria-describedby]=\"outputs().getHostAttributes()['aria-describedby']\"\n  [attr.aria-label]=\"outputs().getHostAttributes()['aria-label']\"\n  [attr.aria-labelledby]=\"outputs().getHostAttributes()['aria-labelledby']\"\n  [attr.data-disabled]=\"outputs().getHostAttributes()['data-disabled']\"\n  [attr.data-open]=\"outputs().getHostAttributes()['data-open']\"\n  [attr.data-slot]=\"outputs().getHostAttributes()['data-slot']\"\n  [attr.data-view]=\"outputs().getHostAttributes()['data-view']\"\n  [attr.dir]=\"outputs().getHostAttributes()['dir']\"\n  [attr.role]=\"outputs().getHostAttributes()['role']\"\n>\n  <div class=\"tng-datepicker-field\" data-slot=\"datepicker-field\">\n    <div class=\"tng-datepicker-anchor\">\n      <div\n        #anchorShell\n        class=\"tng-datepicker-input-shell\"\n        data-slot=\"datepicker-input-shell\"\n        [attr.data-invalid]=\"invalidState() ? 'true' : null\"\n        [attr.data-open]=\"outputs().getTriggerAttributes()['data-open']\"\n      >\n        <input\n          [id]=\"resolveInputId()\"\n          class=\"tng-datepicker-input\"\n          data-slot=\"datepicker-input\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"readonly() || !allowManualInput()\"\n          [required]=\"false\"\n          [value]=\"outputs().inputText\"\n          [attr.aria-invalid]=\"invalidState() ? 'true' : null\"\n          [attr.aria-label]=\"inputAriaLabel()\"\n          [attr.placeholder]=\"placeholder()\"\n          (blur)=\"onInputBlur()\"\n          (input)=\"onInputChange($event)\"\n          (keydown)=\"onInputKeydown($event)\"\n        />\n\n        <button\n          #triggerButton\n          type=\"button\"\n          class=\"tng-datepicker-trigger\"\n          [disabled]=\"disabled()\"\n          [attr.aria-controls]=\"outputs().getTriggerAttributes()['aria-controls']\"\n          [attr.aria-expanded]=\"outputs().getTriggerAttributes()['aria-expanded']\"\n          [attr.aria-haspopup]=\"outputs().getTriggerAttributes()['aria-haspopup']\"\n          [attr.data-open]=\"outputs().getTriggerAttributes()['data-open']\"\n          [attr.data-slot]=\"outputs().getTriggerAttributes()['data-slot']\"\n          [attr.aria-label]=\"'Open calendar'\"\n          (click)=\"onTriggerClick()\"\n          (keydown)=\"onTriggerKeydown($event)\"\n        >\n          <svg aria-hidden=\"true\" class=\"tng-datepicker-trigger-calendar\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M6 2.5V5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M14 2.5V5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" />\n            <rect x=\"3.25\" y=\"4.25\" width=\"13.5\" height=\"12.5\" rx=\"2.25\" stroke=\"currentColor\" stroke-width=\"1.8\" />\n            <path d=\"M3.75 7.5H16.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M6.75 10.5H7.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M9.75 10.5H10.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M12.75 10.5H13.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M6.75 13.5H7.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n            <path d=\"M9.75 13.5H10.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.8\" />\n          </svg>\n          <svg aria-hidden=\"true\" class=\"tng-datepicker-trigger-chevron\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M4.5 6.25L8 9.75L11.5 6.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" />\n          </svg>\n        </button>\n      </div>\n\n      <section\n        #overlayPanel\n        class=\"tng-datepicker-overlay\"\n        [attr.aria-labelledby]=\"outputs().getOverlayAttributes()['aria-labelledby']\"\n        [attr.aria-modal]=\"outputs().getOverlayAttributes()['aria-modal']\"\n        [attr.data-open]=\"outputs().getOverlayAttributes()['data-open']\"\n        [attr.data-placement]=\"currentOverlayPlacement()\"\n        [attr.data-position]=\"outputs().getOverlayAttributes()['data-position']\"\n        [attr.data-slot]=\"outputs().getOverlayAttributes()['data-slot']\"\n        [attr.hidden]=\"outputs().open ? null : ''\"\n        [attr.id]=\"outputs().getOverlayAttributes()['id']\"\n        [attr.role]=\"outputs().getOverlayAttributes()['role']\"\n        [style.display]=\"outputs().open ? null : 'none'\"\n        (keydown)=\"onOverlayKeydown($event)\"\n      >\n          <header class=\"tng-datepicker-header tng-datepicker-header-material\" data-slot=\"datepicker-header\">\n            <div class=\"tng-datepicker-header-row tng-datepicker-header-row-material\">\n              <button type=\"button\" class=\"tng-datepicker-nav-button\" data-slot=\"datepicker-nav-button\" (click)=\"pageBackward()\">\n                <span aria-hidden=\"true\">&lsaquo;</span>\n              </button>\n\n              <button\n                type=\"button\"\n                class=\"tng-datepicker-period-button\"\n                [attr.aria-haspopup]=\"!isYearView() ? 'grid' : null\"\n                data-slot=\"datepicker-period-button\"\n                [attr.id]=\"outputs().getGridAttributes()['aria-labelledby']\"\n                [attr.data-interactive]=\"!isYearView() ? 'true' : null\"\n                (click)=\"onPeriodButtonClick()\"\n              >\n                <span class=\"tng-datepicker-period-button-title-row\">\n                  <span class=\"tng-datepicker-period-button-title\">{{ materialPeriodLabel() }}</span>\n                  @if (!isYearView()) {\n                    <svg aria-hidden=\"true\" class=\"tng-datepicker-period-button-chevron\" viewBox=\"0 0 16 16\" fill=\"none\">\n                      <path d=\"M4.5 6.25L8 9.75L11.5 6.25\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" />\n                    </svg>\n                  }\n                </span>\n              </button>\n\n              <button type=\"button\" class=\"tng-datepicker-nav-button\" data-slot=\"datepicker-nav-button\" (click)=\"pageForward()\">\n                <span aria-hidden=\"true\">&rsaquo;</span>\n              </button>\n            </div>\n          </header>\n\n          @if (isDayView()) {\n            <div class=\"tng-datepicker-weekdays\" data-slot=\"datepicker-weekdays\" aria-hidden=\"true\">\n              @for (label of outputs().weekdayLabels; track label) {\n                <span class=\"tng-datepicker-weekday\" data-slot=\"datepicker-weekday\">{{ label }}</span>\n              }\n            </div>\n\n            <div\n              class=\"tng-datepicker-grid tng-datepicker-grid-days\"\n              [attr.aria-activedescendant]=\"outputs().getGridAttributes()['aria-activedescendant']\"\n              [attr.aria-labelledby]=\"outputs().getGridAttributes()['aria-labelledby']\"\n              [attr.data-slot]=\"outputs().getGridAttributes()['data-slot']\"\n              [attr.id]=\"outputs().getGridAttributes()['id']\"\n              [attr.role]=\"outputs().getGridAttributes()['role']\"\n              (keydown)=\"onGridKeydown($event)\"\n            >\n              @for (cell of outputs().cells; track cell.id) {\n                <button\n                  type=\"button\"\n                  class=\"tng-datepicker-cell\"\n                  [disabled]=\"cell.disabled\"\n                  [attr.aria-current]=\"cell.today ? 'date' : null\"\n                  [attr.aria-disabled]=\"cell.disabled ? 'true' : null\"\n                  [attr.aria-selected]=\"cell.selected ? 'true' : 'false'\"\n                  [attr.data-active]=\"outputs().getCellAttributes(cell)['data-active']\"\n                  [attr.data-disabled]=\"outputs().getCellAttributes(cell)['data-disabled']\"\n                  [attr.data-focus-visible]=\"outputs().getCellAttributes(cell)['data-focus-visible']\"\n                  [attr.data-hidden]=\"outputs().getCellAttributes(cell)['data-hidden']\"\n                  [attr.data-in-month]=\"outputs().getCellAttributes(cell)['data-in-month']\"\n                  [attr.data-in-range]=\"outputs().getCellAttributes(cell)['data-in-range']\"\n                  [attr.data-range-end]=\"outputs().getCellAttributes(cell)['data-range-end']\"\n                  [attr.data-range-start]=\"outputs().getCellAttributes(cell)['data-range-start']\"\n                  [attr.data-selected]=\"outputs().getCellAttributes(cell)['data-selected']\"\n                  [attr.data-slot]=\"outputs().getCellAttributes(cell)['data-slot']\"\n                  [attr.id]=\"cell.id\"\n                  [attr.role]=\"'gridcell'\"\n                  [attr.tabindex]=\"outputs().getCellAttributes(cell)['tabindex']\"\n                  (click)=\"onDayCellClick(cell)\"\n                >\n                  {{ cell.label }}\n                </button>\n              }\n            </div>\n          }\n\n          @if (isMonthView()) {\n            <div class=\"tng-datepicker-grid tng-datepicker-grid-picker\" data-slot=\"datepicker-grid\" role=\"grid\" (keydown)=\"onMonthKeydown($event)\">\n              @for (option of outputs().monthOptions; track option.id) {\n                <button\n                  type=\"button\"\n                  class=\"tng-datepicker-picker-cell\"\n                  [disabled]=\"option.disabled\"\n                  [attr.aria-disabled]=\"outputs().getMonthAttributes(option)['aria-disabled']\"\n                  [attr.aria-selected]=\"outputs().getMonthAttributes(option)['aria-selected']\"\n                  [attr.data-active]=\"outputs().getMonthAttributes(option)['data-active']\"\n                  [attr.data-disabled]=\"outputs().getMonthAttributes(option)['data-disabled']\"\n                  [attr.data-focus-visible]=\"outputs().getMonthAttributes(option)['data-focus-visible']\"\n                  [attr.data-selected]=\"outputs().getMonthAttributes(option)['data-selected']\"\n                  [attr.data-slot]=\"outputs().getMonthAttributes(option)['data-slot']\"\n                  [attr.id]=\"option.id\"\n                  [attr.role]=\"outputs().getMonthAttributes(option)['role']\"\n                  [attr.tabindex]=\"outputs().getMonthAttributes(option)['tabindex']\"\n                  (click)=\"onMonthOptionClick(option)\"\n                >\n                  {{ option.label }}\n                </button>\n              }\n            </div>\n          }\n\n          @if (isYearView()) {\n            <div class=\"tng-datepicker-grid tng-datepicker-grid-picker\" data-slot=\"datepicker-grid\" role=\"grid\" (keydown)=\"onYearKeydown($event)\">\n              @for (option of outputs().yearOptions; track option.id) {\n                <button\n                  type=\"button\"\n                  class=\"tng-datepicker-picker-cell\"\n                  [disabled]=\"option.disabled\"\n                  [attr.aria-disabled]=\"outputs().getYearAttributes(option)['aria-disabled']\"\n                  [attr.aria-selected]=\"outputs().getYearAttributes(option)['aria-selected']\"\n                  [attr.data-active]=\"outputs().getYearAttributes(option)['data-active']\"\n                  [attr.data-disabled]=\"outputs().getYearAttributes(option)['data-disabled']\"\n                  [attr.data-focus-visible]=\"outputs().getYearAttributes(option)['data-focus-visible']\"\n                  [attr.data-selected]=\"outputs().getYearAttributes(option)['data-selected']\"\n                  [attr.data-slot]=\"outputs().getYearAttributes(option)['data-slot']\"\n                  [attr.id]=\"option.id\"\n                  [attr.role]=\"outputs().getYearAttributes(option)['role']\"\n                  [attr.tabindex]=\"outputs().getYearAttributes(option)['tabindex']\"\n                  (click)=\"onYearOptionClick(option)\"\n                >\n                  {{ option.label }}\n                </button>\n              }\n            </div>\n          }\n      </section>\n    </div>\n  </div>\n</div>\n", styles: [":host {\n  display: inline-grid;\n  max-width: 100%;\n  min-width: min(18rem, 100%);\n}\n\n:host([data-full-width]) {\n  display: block;\n  width: 100%;\n}\n\n.tng-datepicker-anchor {\n  min-width: 0;\n  position: relative;\n}\n\n.tng-datepicker-trigger-calendar {\n  height: 0.96rem;\n  width: 0.96rem;\n}\n\n.tng-datepicker-trigger-chevron,\n.tng-datepicker-period-button-chevron {\n  flex: 0 0 auto;\n  height: 0.72rem;\n  width: 0.72rem;\n}\n\n.tng-datepicker-overlay {\n  max-width: calc(100vw - 1.5rem);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  position: fixed;\n  z-index: 30;\n}\n\n.tng-datepicker-header-row-material {\n  align-items: center;\n  grid-template-columns:\n    var(--tng-datepicker-nav-size, 2.1rem)\n    minmax(0, 1fr)\n    var(--tng-datepicker-nav-size, 2.1rem);\n}\n\n.tng-datepicker-period-button {\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  justify-self: center;\n  min-width: 0;\n  width: 100%;\n}\n\n.tng-datepicker-period-button-title-row {\n  align-items: center;\n  display: inline-flex;\n  gap: 0.24rem;\n}\n\n.tng-datepicker-period-button-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.tng-datepicker-weekdays {\n  display: grid;\n  gap: var(--tng-datepicker-grid-gap);\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.tng-datepicker-grid {\n  display: grid;\n  gap: var(--tng-datepicker-grid-gap);\n}\n\n.tng-datepicker-grid-days {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.tng-datepicker-grid-picker {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n@media (max-width: 40rem) {\n  :host,\n  :host([data-full-width]) {\n    width: 100%;\n  }\n}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { anchorRef: [{ type: i0.ViewChild, args: ['anchorShell', { isSignal: true }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerButton', { isSignal: true }] }], overlayRef: [{ type: i0.ViewChild, args: ['overlayPanel', { isSignal: true }] }], adapter: [{ type: i0.Input, args: [{ isSignal: true, alias: "adapter", required: false }] }], allowDeselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDeselect", required: false }] }], allowManualInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowManualInput", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], autoCommitView: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCommitView", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], closeOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutsideClick", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], closeOthersOnOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOthersOnOpen", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], disableDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], inputAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputAriaLabel", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], overlaySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlaySize", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], showOutsideDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOutsideDays", required: false }] }], today: [{ type: i0.Input, args: [{ isSignal: true, alias: "today", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], weekStartsOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStartsOn", required: false }] }], yearPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "yearPageSize", required: false }] }], activeDateChange: [{ type: i0.Output, args: ["activeDateChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], monthChange: [{ type: i0.Output, args: ["monthChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], viewChange: [{ type: i0.Output, args: ["viewChange"] }], yearChange: [{ type: i0.Output, args: ["yearChange"] }], dataFullWidth: [{
+                type: HostBinding,
+                args: ['attr.data-full-width']
+            }] } });
 //# sourceMappingURL=tng-datepicker.component.js.map