@yuuvis/material 3.0.0-beta.20.1 → 3.0.0-beta.21.0

package/fesm2022/yuuvis-material.mjs

@@ -40,10 +40,10 @@ class YmtMatIconRegistryService extends MatIconRegistry {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtMatIconRegistryService, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: DOCUMENT }, { token: i0.ErrorHandler }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtMatIconRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtMatIconRegistryService, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: DOCUMENT }, { token: i0.ErrorHandler }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtMatIconRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtMatIconRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtMatIconRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -85,10 +85,10 @@ class YmtDatepickerIntlService extends MatDatepickerIntl {
     formatYearRangeLabel(start, end) {
         return super.formatYearRangeLabel(start, end);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtDatepickerIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtDatepickerIntlService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtDatepickerIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtDatepickerIntlService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtDatepickerIntlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtDatepickerIntlService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -159,10 +159,10 @@ class YmtDateAdapterService extends NativeDateAdapter {
         };
         return date;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtDateAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtDateAdapterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtDateAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtDateAdapterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtDateAdapterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtDateAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -263,8 +263,8 @@ class DeviceService {
      *
      * @default false
      */
-    smallScreenLayout = signal(false, ...(ngDevMode ? [{ debugName: "smallScreenLayout" }] : []));
-    #supportsSmallScreens = signal(false, ...(ngDevMode ? [{ debugName: "#supportsSmallScreens" }] : []));
+    smallScreenLayout = signal(false, ...(ngDevMode ? [{ debugName: "smallScreenLayout" }] : /* istanbul ignore next */ []));
+    #supportsSmallScreens = signal(false, ...(ngDevMode ? [{ debugName: "#supportsSmallScreens" }] : /* istanbul ignore next */ []));
     /**
      * `true` if the current device is a mobile phone (Android, iPhone, Windows Phone, etc.).
      * Populated once at service creation from `ngx-device-detector`.
@@ -419,10 +419,10 @@ class DeviceService {
         // keyboard appears, so we don't need to debounce
         return this.isMobile ? 0 : 500;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DeviceService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DeviceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -462,10 +462,10 @@ class YmtMatPaginatorIntlService extends MatPaginatorIntl {
         this.rangeLabelSeparator = this.#translate.instant('ymt.paginator.rangeLabelSeparator');
         this.changes.next();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtMatPaginatorIntlService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtMatPaginatorIntlService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtMatPaginatorIntlService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtMatPaginatorIntlService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtMatPaginatorIntlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtMatPaginatorIntlService, decorators: [{
             type: Injectable
         }] });
 
@@ -576,11 +576,11 @@ var YMT_ICON_BUTTON_SIZE;
 })(YMT_ICON_BUTTON_SIZE || (YMT_ICON_BUTTON_SIZE = {}));
 
 class YmtIconButtonDirective {
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    disableRipple = input(false, ...(ngDevMode ? [{ debugName: "disableRipple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    ariaDisabled = input(false, ...(ngDevMode ? [{ debugName: "ariaDisabled", transform: booleanAttribute, alias: 'aria-disabled' }] : [{ transform: booleanAttribute, alias: 'aria-disabled' }]));
-    disabledInteractive = input(false, ...(ngDevMode ? [{ debugName: "disabledInteractive", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    size = input(YMT_ICON_BUTTON_SIZE.medium, ...(ngDevMode ? [{ debugName: "size", alias: 'icon-button-size' }] : [{ alias: 'icon-button-size' }]));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disableRipple = input(false, { ...(ngDevMode ? { debugName: "disableRipple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    ariaDisabled = input(false, { ...(ngDevMode ? { debugName: "ariaDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'aria-disabled' });
+    disabledInteractive = input(false, { ...(ngDevMode ? { debugName: "disabledInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(YMT_ICON_BUTTON_SIZE.medium, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'icon-button-size' });
     #elRef = inject(ElementRef);
     #host = this.#elRef.nativeElement;
     #injector = inject(EnvironmentInjector);
@@ -622,10 +622,10 @@ class YmtIconButtonDirective {
         componentRef.changeDetectorRef.detectChanges();
         return componentRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.19", type: YmtIconButtonDirective, isStandalone: true, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "icon-button-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "mat-icon-button": "" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: YmtIconButtonDirective, isStandalone: true, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "icon-button-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "mat-icon-button": "" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtIconButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtIconButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]',
@@ -649,12 +649,12 @@ const MatButtonAttributeMap = {
     danger: 'mat-flat-button'
 };
 class YmtButtonDirective {
-    ymtButton = input('primary', ...(ngDevMode ? [{ debugName: "ymtButton" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    ariaDisabled = input(false, ...(ngDevMode ? [{ debugName: "ariaDisabled", alias: 'aria-disabled', transform: booleanAttribute }] : [{ alias: 'aria-disabled', transform: booleanAttribute }]));
-    disableRipple = input(false, ...(ngDevMode ? [{ debugName: "disableRipple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    disabledInteractive = input(false, ...(ngDevMode ? [{ debugName: "disabledInteractive", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    size = input(YMT_BUTTON_SIZE.medium, ...(ngDevMode ? [{ debugName: "size", alias: 'button-size' }] : [{ alias: 'button-size' }]));
+    ymtButton = input('primary', ...(ngDevMode ? [{ debugName: "ymtButton" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    ariaDisabled = input(false, { ...(ngDevMode ? { debugName: "ariaDisabled" } : /* istanbul ignore next */ {}), alias: 'aria-disabled', transform: booleanAttribute });
+    disableRipple = input(false, { ...(ngDevMode ? { debugName: "disableRipple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabledInteractive = input(false, { ...(ngDevMode ? { debugName: "disabledInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(YMT_BUTTON_SIZE.medium, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'button-size' });
     // Todo: Add input "isBusy" as "busy inactive state": not clickable and with mat-spinner in button
     #environmentInjector = inject(EnvironmentInjector);
     #applicationRef = inject(ApplicationRef);
@@ -735,10 +735,10 @@ class YmtButtonDirective {
             ? this.#hostElement.classList.add(`ymt-button--size-m`)
             : this.#hostElement.classList.remove(`ymt-button--size-m`);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.19", type: YmtButtonDirective, isStandalone: true, selector: "button[ymtButton], a[ymtButton]", inputs: { ymtButton: { classPropertyName: "ymtButton", publicName: "ymtButton", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: YmtButtonDirective, isStandalone: true, selector: "button[ymtButton], a[ymtButton]", inputs: { ymtButton: { classPropertyName: "ymtButton", publicName: "ymtButton", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YmtButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YmtButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[ymtButton], a[ymtButton]',
@@ -777,7 +777,7 @@ class DatepickerComponent {
     // Done: Check how to get the ngControl instance of this component (optionally set)
     #translate = inject(TranslateService);
     #dateAdapter = inject(DateAdapter);
-    #locale = signal(inject(MAT_DATE_LOCALE), ...(ngDevMode ? [{ debugName: "#locale" }] : []));
+    #locale = signal(inject(MAT_DATE_LOCALE), ...(ngDevMode ? [{ debugName: "#locale" }] : /* istanbul ignore next */ []));
     #injectNgControl = (ngC = inject(NgControl, { self: true, optional: true })) => ngC ? (ngC.valueAccessor = this) && ngC : null;
     #destroyRef = inject(DestroyRef);
     #formField = inject(MatFormField, { optional: true });
@@ -791,7 +791,7 @@ class DatepickerComponent {
         this.focused = false;
         this.propagateTouched();
     }
-    #value = signal(null, ...(ngDevMode ? [{ debugName: "#value" }] : []));
+    #value = signal(null, ...(ngDevMode ? [{ debugName: "#value" }] : /* istanbul ignore next */ []));
     set value(v) {
         let _value = this.#dateAdapter.getValidDateOrNull(this.#dateAdapter.deserialize(v));
         const _previousValue = this.#dateAdapter.getValidDateOrNull(this.#dateAdapter.deserialize(this.ngControl?.value));
@@ -813,7 +813,7 @@ class DatepickerComponent {
     get value() {
         return this.#value();
     }
-    #disabled = signal(false, ...(ngDevMode ? [{ debugName: "#disabled" }] : []));
+    #disabled = signal(false, ...(ngDevMode ? [{ debugName: "#disabled" }] : /* istanbul ignore next */ []));
     set disabled(v) {
         this.#disabled.set(coerceBooleanProperty(v));
         this.timepickerInput()?.setDisabledState(this.#disabled());
@@ -821,49 +821,49 @@ class DatepickerComponent {
     get disabled() {
         return this.#disabled();
     }
-    #id = signal('', ...(ngDevMode ? [{ debugName: "#id" }] : []));
+    #id = signal('', ...(ngDevMode ? [{ debugName: "#id" }] : /* istanbul ignore next */ []));
     set id(v) {
         this.#id.set(v);
     }
     get id() {
         return this.#id();
     }
-    #placeholder = signal('', ...(ngDevMode ? [{ debugName: "#placeholder" }] : []));
+    #placeholder = signal('', ...(ngDevMode ? [{ debugName: "#placeholder" }] : /* istanbul ignore next */ []));
     set placeholder(v) {
         this.#placeholder.set(v);
     }
     get placeholder() {
         return this.#placeholder();
     }
-    #required = signal(false, ...(ngDevMode ? [{ debugName: "#required" }] : []));
+    #required = signal(false, ...(ngDevMode ? [{ debugName: "#required" }] : /* istanbul ignore next */ []));
     set required(v) {
         this.#required.set(coerceBooleanProperty(v));
     }
     get required() {
         return this.#required();
     }
-    #userAriaDescribedBy = signal('', ...(ngDevMode ? [{ debugName: "#userAriaDescribedBy" }] : []));
+    #userAriaDescribedBy = signal('', ...(ngDevMode ? [{ debugName: "#userAriaDescribedBy" }] : /* istanbul ignore next */ []));
     set userAriaDescribedBy(v) {
         this.#userAriaDescribedBy.set(v);
     }
     get userAriaDescribedBy() {
         return this.#userAriaDescribedBy();
     }
-    #empty = signal(false, ...(ngDevMode ? [{ debugName: "#empty" }] : []));
+    #empty = signal(false, ...(ngDevMode ? [{ debugName: "#empty" }] : /* istanbul ignore next */ []));
     set empty(v) {
         this.#empty.set(v);
     }
     get empty() {
         return this.#empty();
     }
-    #errorState = signal(false, ...(ngDevMode ? [{ debugName: "#errorState" }] : []));
+    #errorState = signal(false, ...(ngDevMode ? [{ debugName: "#errorState" }] : /* istanbul ignore next */ []));
     set errorState(v) {
         this.#errorState.set(v);
     }
     get errorState() {
         return this.#errorState();
     }
-    #focused = signal(false, ...(ngDevMode ? [{ debugName: "#focused" }] : []));
+    #focused = signal(false, ...(ngDevMode ? [{ debugName: "#focused" }] : /* istanbul ignore next */ []));
     set focused(v) {
         this.#focused.set(v);
     }
@@ -878,19 +878,19 @@ class DatepickerComponent {
     controlType = 'datepicker';
     disableAutomaticLabeling = false;
     datepickerMode = EnumDatepickerMode;
-    datepicker = viewChild('datepicker', ...(ngDevMode ? [{ debugName: "datepicker", read: (MatDatepicker) }] : [{ read: (MatDatepicker) }]));
-    rangepicker = viewChild('rangepicker', ...(ngDevMode ? [{ debugName: "rangepicker" }] : []));
-    timepicker = viewChild('timepicker', ...(ngDevMode ? [{ debugName: "timepicker", read: (MatTimepicker) }] : [{ read: (MatTimepicker) }]));
-    datepickerInput = viewChild('datepickerInput', ...(ngDevMode ? [{ debugName: "datepickerInput" }] : []));
-    timepickerInput = viewChild('timepickerInput', ...(ngDevMode ? [{ debugName: "timepickerInput" }] : []));
-    #mode = signal(EnumDatepickerMode.DATE, ...(ngDevMode ? [{ debugName: "#mode" }] : []));
+    datepicker = viewChild('datepicker', { ...(ngDevMode ? { debugName: "datepicker" } : /* istanbul ignore next */ {}), read: (MatDatepicker) });
+    rangepicker = viewChild('rangepicker', ...(ngDevMode ? [{ debugName: "rangepicker" }] : /* istanbul ignore next */ []));
+    timepicker = viewChild('timepicker', { ...(ngDevMode ? { debugName: "timepicker" } : /* istanbul ignore next */ {}), read: (MatTimepicker) });
+    datepickerInput = viewChild('datepickerInput', ...(ngDevMode ? [{ debugName: "datepickerInput" }] : /* istanbul ignore next */ []));
+    timepickerInput = viewChild('timepickerInput', ...(ngDevMode ? [{ debugName: "timepickerInput" }] : /* istanbul ignore next */ []));
+    #mode = signal(EnumDatepickerMode.DATE, ...(ngDevMode ? [{ debugName: "#mode" }] : /* istanbul ignore next */ []));
     set mode(v) {
         this.#mode.set(v);
     }
     get mode() {
         return this.#mode();
     }
-    #min = signal(null, ...(ngDevMode ? [{ debugName: "#min" }] : []));
+    #min = signal(null, ...(ngDevMode ? [{ debugName: "#min" }] : /* istanbul ignore next */ []));
     set min(v) {
         const validValue = this.#dateAdapter.getValidDateOrNull(this.#dateAdapter.deserialize(v));
         if (!this.#dateAdapter.sameDate(validValue, this.#min())) {
@@ -900,7 +900,7 @@ class DatepickerComponent {
     get min() {
         return this.#min();
     }
-    #max = signal(null, ...(ngDevMode ? [{ debugName: "#max" }] : []));
+    #max = signal(null, ...(ngDevMode ? [{ debugName: "#max" }] : /* istanbul ignore next */ []));
     set max(v) {
         const validValue = this.#dateAdapter.getValidDateOrNull(this.#dateAdapter.deserialize(v));
         if (!this.#dateAdapter.sameDate(validValue, this.#max())) {
@@ -910,7 +910,7 @@ class DatepickerComponent {
     get max() {
         return this.#max();
     }
-    #rangePlaceholder = signal({ startDate: 'Start Date', endDate: 'End Date' }, ...(ngDevMode ? [{ debugName: "#rangePlaceholder" }] : []));
+    #rangePlaceholder = signal({ startDate: 'Start Date', endDate: 'End Date' }, ...(ngDevMode ? [{ debugName: "#rangePlaceholder" }] : /* istanbul ignore next */ []));
     set rangePlaceholder(v) {
         this.#rangePlaceholder.set(v);
     }
@@ -918,9 +918,9 @@ class DatepickerComponent {
         return this.#rangePlaceholder();
     }
     rangeValue = { start: '', end: '' };
-    startDateFormControlName = input('', ...(ngDevMode ? [{ debugName: "startDateFormControlName" }] : []));
-    endDateFormControlName = input('', ...(ngDevMode ? [{ debugName: "endDateFormControlName" }] : []));
-    formGroup = input(...(ngDevMode ? [undefined, { debugName: "formGroup" }] : []));
+    startDateFormControlName = input('', ...(ngDevMode ? [{ debugName: "startDateFormControlName" }] : /* istanbul ignore next */ []));
+    endDateFormControlName = input('', ...(ngDevMode ? [{ debugName: "endDateFormControlName" }] : /* istanbul ignore next */ []));
+    formGroup = input(...(ngDevMode ? [undefined, { debugName: "formGroup" }] : /* istanbul ignore next */ []));
     constructor() {
         // triggers state changes for the MatFormFieldControl
         effect(() => {
@@ -1023,8 +1023,8 @@ class DatepickerComponent {
         this.rangepicker()?.open();
         this.timepicker()?.open();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DatepickerComponent, isStandalone: true, selector: "ymt-datepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "userAriaDescribedBy", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, rangePlaceholder: { classPropertyName: "rangePlaceholder", publicName: "rangePlaceholder", isSignal: false, isRequired: false, transformFunction: null }, startDateFormControlName: { classPropertyName: "startDateFormControlName", publicName: "startDateFormControlName", isSignal: true, isRequired: false, transformFunction: null }, endDateFormControlName: { classPropertyName: "endDateFormControlName", publicName: "endDateFormControlName", isSignal: true, isRequired: false, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusout()" }, properties: { "class.floating": "shouldLabelFloat" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DatepickerComponent, isStandalone: true, selector: "ymt-datepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "userAriaDescribedBy", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, rangePlaceholder: { classPropertyName: "rangePlaceholder", publicName: "rangePlaceholder", isSignal: false, isRequired: false, transformFunction: null }, startDateFormControlName: { classPropertyName: "startDateFormControlName", publicName: "startDateFormControlName", isSignal: true, isRequired: false, transformFunction: null }, endDateFormControlName: { classPropertyName: "endDateFormControlName", publicName: "endDateFormControlName", isSignal: true, isRequired: false, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusout()" }, properties: { "class.floating": "shouldLabelFloat" } }, providers: [
             { provide: MatFormFieldControl, useExisting: DatepickerComponent },
             /*{
               provide: MAT_DATE_FORMATS,
@@ -1041,9 +1041,9 @@ class DatepickerComponent {
             },*/
             { provide: MatDatepickerIntl, useClass: YmtDatepickerIntlService },
             provideYmtDateAdapter()
-        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true, read: MatDatepicker, isSignal: true }, { propertyName: "rangepicker", first: true, predicate: ["rangepicker"], descendants: true, isSignal: true }, { propertyName: "timepicker", first: true, predicate: ["timepicker"], descendants: true, read: MatTimepicker, isSignal: true }, { propertyName: "datepickerInput", first: true, predicate: ["datepickerInput"], descendants: true, isSignal: true }, { propertyName: "timepickerInput", first: true, predicate: ["timepickerInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@switch (mode) {\n  @case (datepickerMode.DATE) {\n    <input\n      [placeholder]=\"placeholder\"\n      [attr.disabled]=\"disabled\"\n      matInput\n      [matDatepicker]=\"datepicker\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [(ngModel)]=\"value\"\n      [ngModelOptions]=\"{updateOn: 'blur'}\"\n      #datepickerInput=\"matInput\"\n    />\n    <mat-datepicker #datepicker></mat-datepicker>\n  }\n  @case (datepickerMode.DATE_RANGE) {\n    @let formGroup = this.formGroup();\n    @let startDate = this.startDateFormControlName();\n    @let endDate = this.endDateFormControlName();\n    @if (formGroup && startDate && endDate) {\n      <mat-date-range-input\n        [rangePicker]=\"rangepicker\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [formGroup]=\"formGroup\"\n        #datepickerInput=\"matDateRangeInput\"\n      >\n        <input matStartDate [placeholder]=\"rangePlaceholder.startDate\" [formControlName]=\"startDate\"/>\n        <input matEndDate [placeholder]=\"rangePlaceholder.endDate\" [formControlName]=\"endDate\"/>\n      </mat-date-range-input>\n      <mat-date-range-picker #rangepicker></mat-date-range-picker>\n    } @else {\n      <mat-date-range-input\n        [rangePicker]=\"rangepicker\"\n        [min]=\"min\"\n        [max]=\"max\"\n        #datepickerInput=\"matDateRangeInput\"\n      >\n        <input matStartDate [placeholder]=\"rangePlaceholder.startDate\" (dateChange)=\"rangeValue.start = $event.value\"/>\n        <input matEndDate [placeholder]=\"rangePlaceholder.endDate\" (dateChange)=\"rangeValue.end = $event.value\"/>\n      </mat-date-range-input>\n      <mat-date-range-picker #rangepicker></mat-date-range-picker>\n    }\n  }\n  @case (datepickerMode.TIME) {\n      <input\n        [placeholder]=\"placeholder\"\n        [attr.disabled]=\"disabled\"\n        matInput\n        [matTimepicker]=\"timepicker\"\n        [(ngModel)]=\"value\"\n        [ngModelOptions]=\"{updateOn: 'blur'}\"\n        #datepickerInput=\"matInput\"\n        #timepickerInput=\"matTimepickerInput\"\n      >\n      <mat-timepicker #timepicker/>\n  }\n  @default {\n    <input\n      type=\"datetime-locale\"\n      [placeholder]=\"placeholder\"\n      matInput\n      [(ngModel)]=\"value\"\n      #datepickerInput=\"matInput\"\n    />\n  }\n}\n\n", styles: [":host{display:flex}:host input{width:100%;border:0;outline:0;background:transparent}\n"], dependencies: [{ kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "component", type: MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "ngmodule", type: NativeDateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true, read: MatDatepicker, isSignal: true }, { propertyName: "rangepicker", first: true, predicate: ["rangepicker"], descendants: true, isSignal: true }, { propertyName: "timepicker", first: true, predicate: ["timepicker"], descendants: true, read: MatTimepicker, isSignal: true }, { propertyName: "datepickerInput", first: true, predicate: ["datepickerInput"], descendants: true, isSignal: true }, { propertyName: "timepickerInput", first: true, predicate: ["timepickerInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@switch (mode) {\n  @case (datepickerMode.DATE) {\n    <input\n      [placeholder]=\"placeholder\"\n      [attr.disabled]=\"disabled\"\n      matInput\n      [matDatepicker]=\"datepicker\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [(ngModel)]=\"value\"\n      [ngModelOptions]=\"{updateOn: 'blur'}\"\n      #datepickerInput=\"matInput\"\n    />\n    <mat-datepicker #datepicker></mat-datepicker>\n  }\n  @case (datepickerMode.DATE_RANGE) {\n    @let formGroup = this.formGroup();\n    @let startDate = this.startDateFormControlName();\n    @let endDate = this.endDateFormControlName();\n    @if (formGroup && startDate && endDate) {\n      <mat-date-range-input\n        [rangePicker]=\"rangepicker\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [formGroup]=\"formGroup\"\n        #datepickerInput=\"matDateRangeInput\"\n      >\n        <input matStartDate [placeholder]=\"rangePlaceholder.startDate\" [formControlName]=\"startDate\"/>\n        <input matEndDate [placeholder]=\"rangePlaceholder.endDate\" [formControlName]=\"endDate\"/>\n      </mat-date-range-input>\n      <mat-date-range-picker #rangepicker></mat-date-range-picker>\n    } @else {\n      <mat-date-range-input\n        [rangePicker]=\"rangepicker\"\n        [min]=\"min\"\n        [max]=\"max\"\n        #datepickerInput=\"matDateRangeInput\"\n      >\n        <input matStartDate [placeholder]=\"rangePlaceholder.startDate\" (dateChange)=\"rangeValue.start = $event.value\"/>\n        <input matEndDate [placeholder]=\"rangePlaceholder.endDate\" (dateChange)=\"rangeValue.end = $event.value\"/>\n      </mat-date-range-input>\n      <mat-date-range-picker #rangepicker></mat-date-range-picker>\n    }\n  }\n  @case (datepickerMode.TIME) {\n      <input\n        [placeholder]=\"placeholder\"\n        [attr.disabled]=\"disabled\"\n        matInput\n        [matTimepicker]=\"timepicker\"\n        [(ngModel)]=\"value\"\n        [ngModelOptions]=\"{updateOn: 'blur'}\"\n        #datepickerInput=\"matInput\"\n        #timepickerInput=\"matTimepickerInput\"\n      >\n      <mat-timepicker #timepicker/>\n  }\n  @default {\n    <input\n      type=\"datetime-locale\"\n      [placeholder]=\"placeholder\"\n      matInput\n      [(ngModel)]=\"value\"\n      #datepickerInput=\"matInput\"\n    />\n  }\n}\n\n", styles: [":host{display:flex}:host input{width:100%;border:0;outline:0;background:transparent}\n"], dependencies: [{ kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby", "panelClass"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "component", type: MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "ngmodule", type: NativeDateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymt-datepicker', standalone: true, imports: [
                         MatInput,
@@ -1105,21 +1105,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class DatepickerToggleComponent {
     #intl = inject(MatDatepickerIntl);
     #destroyRef = inject(DestroyRef);
-    #datepicker = signal(null, ...(ngDevMode ? [{ debugName: "#datepicker" }] : []));
+    #datepicker = signal(null, ...(ngDevMode ? [{ debugName: "#datepicker" }] : /* istanbul ignore next */ []));
     set datepicker(v) {
         this.#datepicker.set(v);
     }
     get datepicker() {
         return this.#datepicker();
     }
-    #disabled = signal(false, ...(ngDevMode ? [{ debugName: "#disabled" }] : []));
+    #disabled = signal(false, ...(ngDevMode ? [{ debugName: "#disabled" }] : /* istanbul ignore next */ []));
     set disabled(v) {
         this.#disabled.set(coerceBooleanProperty(v));
     }
     get disabled() {
         return this.#disabled();
     }
-    #ariaLabel = signal(this.#intl.openCalendarLabel, ...(ngDevMode ? [{ debugName: "#ariaLabel" }] : []));
+    #ariaLabel = signal(this.#intl.openCalendarLabel, ...(ngDevMode ? [{ debugName: "#ariaLabel" }] : /* istanbul ignore next */ []));
     set ariaLabel(v) {
         this.#ariaLabel.set(v);
     }
@@ -1158,14 +1158,14 @@ class DatepickerToggleComponent {
     ngOnDestroy() {
         this.stateChanges.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatepickerToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DatepickerToggleComponent, isStandalone: true, selector: "ymt-datepicker-toggle", inputs: { datepicker: ["for", "datepicker"], disabled: "disabled", ariaLabel: "ariaLabel" }, host: { listeners: { "click": "_open($event)" } }, providers: [{ provide: MatDatepickerIntl, useClass: YmtDatepickerIntlService }], exportAs: ["matDatepickerToggle"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: DatepickerToggleComponent, isStandalone: true, selector: "ymt-datepicker-toggle", inputs: { datepicker: ["for", "datepicker"], disabled: "disabled", ariaLabel: "ariaLabel" }, host: { listeners: { "click": "_open($event)" } }, providers: [{ provide: MatDatepickerIntl, useClass: YmtDatepickerIntlService }], exportAs: ["matDatepickerToggle"], ngImport: i0, template: `
     <button type="button" ymtIconButton [attr.aria-label]="ariaLabel" [aria-disabled]="disabled" [disabled]="disabled">
       <ng-content select="mat-icon"></ng-content>
     </button>
   `, isInline: true, dependencies: [{ kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatepickerToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatepickerToggleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ymt-datepicker-toggle',