igniteui-webcomponents 6.1.1-alpha.0 → 6.1.2

package/components/common/mixins/alert.d.ts

@@ -1,9 +1,9 @@
-import { LitElement } from 'lit';
-import type { addAnimationController } from '../../../animations/player.js';
+import { LitElement, type PropertyValues } from 'lit';
+import type { AnimationController } from '../../../animations/player.js';
 import type { AbsolutePosition } from '../../types.js';
 export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
-    protected _autoHideTimeout?: number;
-    protected abstract _animationPlayer: ReturnType<typeof addAnimationController>;
+    protected abstract readonly _player: AnimationController;
+    protected _autoHideTimeout?: ReturnType<typeof setTimeout>;
     /**
      * Whether the component is in shown state.
      * @attr
@@ -25,10 +25,9 @@ export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
      */
     position: AbsolutePosition;
     constructor();
-    protected displayTimeChange(): void;
-    protected keepOpenChange(): void;
-    private toggleAnimation;
-    private setAutoHideTimer;
+    protected updated(props: PropertyValues<this>): void;
+    private _setOpenState;
+    private _setAutoHideTimer;
     /** Opens the component. */
     show(): Promise<boolean>;
     /** Closes the component. */

package/components/common/mixins/alert.js

@@ -8,7 +8,6 @@ import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';
 import { addInternalsController } from '../controllers/internals.js';
-import { watch } from '../decorators/watch.js';
 export class IgcBaseAlertLikeComponent extends LitElement {
     constructor() {
         super();
@@ -23,43 +22,39 @@ export class IgcBaseAlertLikeComponent extends LitElement {
             },
         });
     }
-    displayTimeChange() {
-        this.setAutoHideTimer();
-    }
-    keepOpenChange() {
-        clearTimeout(this._autoHideTimeout);
+    updated(props) {
+        if (props.has('displayTime')) {
+            this._setAutoHideTimer();
+        }
+        if (props.has('keepOpen')) {
+            clearTimeout(this._autoHideTimeout);
+        }
     }
-    async toggleAnimation(state) {
-        const animation = state === 'open' ? fadeIn : fadeOut;
-        const [_, event] = await Promise.all([
-            this._animationPlayer.stopAll(),
-            this._animationPlayer.play(animation()),
-        ]);
-        return event.type === 'finish';
+    async _setOpenState(open) {
+        let state;
+        if (open) {
+            this.open = open;
+            state = await this._player.playExclusive(fadeIn());
+            this._setAutoHideTimer();
+        }
+        else {
+            clearTimeout(this._autoHideTimeout);
+            state = await this._player.playExclusive(fadeOut());
+            this.open = open;
+        }
+        return state;
     }
-    setAutoHideTimer() {
+    _setAutoHideTimer() {
         clearTimeout(this._autoHideTimeout);
         if (this.open && this.displayTime > 0 && !this.keepOpen) {
             this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);
         }
     }
     async show() {
-        if (this.open) {
-            return false;
-        }
-        this.open = true;
-        await this.toggleAnimation('open');
-        this.setAutoHideTimer();
-        return true;
+        return this.open ? false : this._setOpenState(true);
     }
     async hide() {
-        if (!this.open) {
-            return false;
-        }
-        clearTimeout(this._autoHideTimeout);
-        await this.toggleAnimation('close');
-        this.open = false;
-        return true;
+        return this.open ? this._setOpenState(false) : false;
     }
     async toggle() {
         return this.open ? this.hide() : this.show();
@@ -77,10 +72,4 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], IgcBaseAlertLikeComponent.prototype, "position", void 0);
-__decorate([
-    watch('displayTime', { waitUntilFirstUpdate: true })
-], IgcBaseAlertLikeComponent.prototype, "displayTimeChange", null);
-__decorate([
-    watch('keepOpen', { waitUntilFirstUpdate: true })
-], IgcBaseAlertLikeComponent.prototype, "keepOpenChange", null);
 //# sourceMappingURL=alert.js.map

package/components/common/mixins/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { addAnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport type { AbsolutePosition } from '../../types.js';\nimport { addInternalsController } from '../controllers/internals.js';\nimport { watch } from '../decorators/watch.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  protected _autoHideTimeout?: number;\n\n  declare protected abstract _animationPlayer: ReturnType<\n    typeof addAnimationController\n  >;\n\n  /**\n   * Whether the component is in shown state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in ms in which the component will be visible.\n   * @attr display-time\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: AbsolutePosition = 'bottom';\n\n  constructor() {\n    super();\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'status',\n        ariaLive: 'polite',\n      },\n    });\n  }\n\n  @watch('displayTime', { waitUntilFirstUpdate: true })\n  protected displayTimeChange() {\n    this.setAutoHideTimer();\n  }\n\n  @watch('keepOpen', { waitUntilFirstUpdate: true })\n  protected keepOpenChange() {\n    clearTimeout(this._autoHideTimeout);\n  }\n\n  private async toggleAnimation(state: 'open' | 'close') {\n    const animation = state === 'open' ? fadeIn : fadeOut;\n\n    const [_, event] = await Promise.all([\n      this._animationPlayer.stopAll(),\n      this._animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private setAutoHideTimer() {\n    clearTimeout(this._autoHideTimeout);\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n    }\n  }\n\n  /** Opens the component. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this.toggleAnimation('open');\n    this.setAutoHideTimer();\n    return true;\n  }\n\n  /** Closes the component. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    clearTimeout(this._autoHideTimeout);\n    await this.toggleAnimation('close');\n    this.open = false;\n    return true;\n  }\n\n  /** Toggles the open state of the component. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n"]}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAKrE,MAAM,OAAgB,yBAA0B,SAAQ,UAAU;IAiChE;QACE,KAAK,EAAE,CAAC;QAxBH,SAAI,GAAG,KAAK,CAAC;QAOb,gBAAW,GAAG,IAAI,CAAC;QAOnB,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAqB,QAAQ,CAAC;QAK3C,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,QAAQ;aACnB;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,OAAO,CAAC,KAA2B;QACpD,IAAI,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,IAAa;QACvC,IAAI,KAAc,CAAC;QAEnB,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;YACnD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACpC,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;YACpD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,iBAAiB;QACvB,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACxD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACvD,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;CACF;AAjFQ;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACvB;AAOb;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;8DAC5B;AAOnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2DAC3C;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACiB","sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { AnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport type { AbsolutePosition } from '../../types.js';\nimport { addInternalsController } from '../controllers/internals.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  declare protected abstract readonly _player: AnimationController;\n\n  protected _autoHideTimeout?: ReturnType<typeof setTimeout>;\n\n  /**\n   * Whether the component is in shown state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in ms in which the component will be visible.\n   * @attr display-time\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: AbsolutePosition = 'bottom';\n\n  constructor() {\n    super();\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'status',\n        ariaLive: 'polite',\n      },\n    });\n  }\n\n  protected override updated(props: PropertyValues<this>): void {\n    if (props.has('displayTime')) {\n      this._setAutoHideTimer();\n    }\n\n    if (props.has('keepOpen')) {\n      clearTimeout(this._autoHideTimeout);\n    }\n  }\n\n  private async _setOpenState(open: boolean): Promise<boolean> {\n    let state: boolean;\n\n    if (open) {\n      this.open = open;\n      state = await this._player.playExclusive(fadeIn());\n      this._setAutoHideTimer();\n    } else {\n      clearTimeout(this._autoHideTimeout);\n      state = await this._player.playExclusive(fadeOut());\n      this.open = open;\n    }\n\n    return state;\n  }\n\n  private _setAutoHideTimer(): void {\n    clearTimeout(this._autoHideTimeout);\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n    }\n  }\n\n  /** Opens the component. */\n  public async show(): Promise<boolean> {\n    return this.open ? false : this._setOpenState(true);\n  }\n\n  /** Closes the component. */\n  public async hide(): Promise<boolean> {\n    return this.open ? this._setOpenState(false) : false;\n  }\n\n  /** Toggles the open state of the component. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n"]}

package/components/date-picker/date-picker.d.ts

@@ -97,6 +97,7 @@ export default class IgcDatePickerComponent extends IgcDatePickerComponent_base
     static register(): void;
     private static readonly _increment;
     protected _inputId: string;
+    private readonly _themes;
     protected get __validators(): import("../common/validators.js").Validator<IgcDatePickerComponent>[];
     private _activeDate;
     private _min;
@@ -114,7 +115,6 @@ export default class IgcDatePickerComponent extends IgcDatePickerComponent_base
     private readonly _actions;
     private readonly _headerSlotItems;
     private get _isDropDown();
-    protected get _isMaterialTheme(): boolean;
     /**
      * Sets the state of the datepicker dropdown.
      * @attr

package/components/date-picker/date-picker.js

@@ -9,7 +9,7 @@ import { html, nothing } from 'lit';
 import { property, query, queryAssignedElements } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { getThemeController, themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';
 import { convertToDate } from '../calendar/helpers.js';
 import { DateRangeType, } from '../calendar/types.js';
@@ -46,9 +46,6 @@ let IgcDatePickerComponent = IgcDatePickerComponent_1 = class IgcDatePickerCompo
     get _isDropDown() {
         return this.mode === 'dropdown';
     }
-    get _isMaterialTheme() {
-        return getThemeController(this)?.theme === 'material';
-    }
     set value(value) {
         this._formValue.setValueAndFormState(value);
         this._validate();
@@ -104,6 +101,7 @@ let IgcDatePickerComponent = IgcDatePickerComponent_1 = class IgcDatePickerCompo
     constructor() {
         super();
         this._inputId = `date-picker-${IgcDatePickerComponent_1._increment()}`;
+        this._themes = addThemingController(this, all);
         this._activeDate = null;
         this._min = null;
         this._max = null;
@@ -383,11 +381,12 @@ let IgcDatePickerComponent = IgcDatePickerComponent_1 = class IgcDatePickerCompo
         const readOnly = !this._isDropDown || this.readOnly || this.nonEditable;
         const prefix = isEmpty(this._prefixes) ? undefined : 'prefix';
         const suffix = isEmpty(this._suffixes) ? undefined : 'suffix';
+        const isMaterial = this._themes.theme === 'material';
         return html `
       <igc-date-time-input
         id=${id}
         aria-haspopup="dialog"
-        label=${ifDefined(this._isMaterialTheme ? this.label : undefined)}
+        label=${ifDefined(isMaterial ? this.label : undefined)}
         input-format=${ifDefined(this._inputFormat)}
         display-format=${ifDefined(format)}
         ?disabled=${this.disabled}
@@ -417,10 +416,10 @@ let IgcDatePickerComponent = IgcDatePickerComponent_1 = class IgcDatePickerCompo
     }
     render() {
         const id = this.id || this._inputId;
+        const isMaterial = this._themes.theme === 'material';
         return html `
-      ${this._isMaterialTheme ? nothing : this._renderLabel(id)}
-      ${this._renderInput(id)} ${this._renderPicker(id)}
-      ${this._renderHelperText()}
+      ${isMaterial ? nothing : this._renderLabel(id)} ${this._renderInput(id)}
+      ${this._renderPicker(id)} ${this._renderHelperText()}
     `;
     }
 };
@@ -524,7 +523,6 @@ __decorate([
     watch('open')
 ], IgcDatePickerComponent.prototype, "_openChange", null);
 IgcDatePickerComponent = IgcDatePickerComponent_1 = __decorate([
-    themes(all, { exposeController: true }),
     blazorAdditionalDependencies('IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'),
     shadowOptions({ delegatesFocus: true })
 ], IgcDatePickerComponent);

package/components/date-picker/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';\nimport { convertToDate } from '../calendar/helpers.js';\nimport {\n  type CalendarHeaderOrientation,\n  type DateRangeDescriptor,\n  DateRangeType,\n  type WeekDays,\n} from '../calendar/types.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  escapeKey,\n} from '../common/controllers/key-bindings.js';\nimport { addRootClickController } from '../common/controllers/root-click.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  IgcCalendarResourceStringEN,\n  type IgcCalendarResourceStrings,\n} from '../common/i18n/calendar.resources.js';\nimport { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  createFormValueState,\n  defaultDateTimeTransformers,\n  type FormValueOf,\n} from '../common/mixins/forms/form-value.js';\nimport {\n  addSafeEventListener,\n  createCounter,\n  findElementFromEventPath,\n  isEmpty,\n} from '../common/util.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport { type DatePart, DateTimeUtil } from '../date-time-input/date-util.js';\nimport IgcDialogComponent from '../dialog/dialog.js';\nimport IgcFocusTrapComponent from '../focus-trap/focus-trap.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport type {\n  ContentOrientation,\n  PickerMode,\n  RangeTextSelectMode,\n  SelectionRangeDirection,\n} from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/date-picker.base.css.js';\nimport { styles as shared } from './themes/shared/date-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { datePickerValidators } from './validators.js';\n\nexport interface IgcDatePickerComponentEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<Date>;\n  igcInput: CustomEvent<Date>;\n}\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * igc-date-picker is a feature rich component used for entering a date through manual text input or\n * choosing date values from a calendar dialog that pops up.\n *\n * @element igc-date-picker\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after the input.\n * @slot helper-text - Renders content below the input.\n * @slot bad-input - Renders content when the value is in the disabledDates ranges.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot actions - Renders content in the action part of the picker in open state.\n *\n * @fires igcOpening - Emitted just before the calendar dropdown is shown.\n * @fires igcOpened - Emitted after the calendar dropdown is shown.\n * @fires igcClosing - Emitted just before the calendar dropdown is hidden.\n * @fires igcClosed - Emitted after the calendar dropdown is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart calendar-icon - The calendar icon wrapper for closed state.\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart actions - The actions wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@themes(all, { exposeController: true })\n@blazorAdditionalDependencies(\n  'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcDatePickerComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcDatePickerComponentEventMap,\n    AbstractConstructor<IgcBaseComboBoxLikeComponent>\n  >(IgcBaseComboBoxLikeComponent)\n) {\n  public static readonly tagName = 'igc-date-picker';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDatePickerComponent,\n      IgcCalendarComponent,\n      IgcDateTimeInputComponent,\n      IgcFocusTrapComponent,\n      IgcIconComponent,\n      IgcPopoverComponent,\n      IgcDialogComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  //#region Private properties and state\n\n  private static readonly _increment = createCounter();\n  protected _inputId = `date-picker-${IgcDatePickerComponent._increment()}`;\n\n  protected override get __validators() {\n    return datePickerValidators;\n  }\n\n  private _activeDate: Date | null = null;\n  private _min: Date | null = null;\n  private _max: Date | null = null;\n  private _disabledDates?: DateRangeDescriptor[];\n  private _dateConstraints?: DateRangeDescriptor[];\n  private _displayFormat?: string;\n  private _inputFormat?: string;\n\n  protected override readonly _formValue: FormValueOf<Date | null> =\n    createFormValueState(this, {\n      initialValue: null,\n      transformers: defaultDateTimeTransformers,\n    });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  @query(IgcDateTimeInputComponent.tagName)\n  private readonly _input!: IgcDateTimeInputComponent;\n\n  @query(IgcCalendarComponent.tagName)\n  private readonly _calendar!: IgcCalendarComponent;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  private readonly _prefixes!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'suffix' })\n  private readonly _suffixes!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'actions' })\n  private readonly _actions!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'header-date' })\n  private readonly _headerSlotItems!: HTMLElement[];\n\n  private get _isDropDown(): boolean {\n    return this.mode === 'dropdown';\n  }\n\n  protected get _isMaterialTheme(): boolean {\n    return getThemeController(this)?.theme === 'material';\n  }\n\n  //#endregion\n\n  //#region Public properties and attributes\n\n  /**\n   * Sets the state of the datepicker dropdown.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public override open = false;\n\n  /**\n   * The label of the datepicker.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * Determines whether the calendar is opened in a dropdown or a modal dialog\n   * @attr mode\n   */\n  @property()\n  public mode: PickerMode = 'dropdown';\n\n  /**\n   * Whether to allow typing in the input.\n   * @attr non-editable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'non-editable' })\n  public nonEditable = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set value(value: Date | string | null | undefined) {\n    this._formValue.setValueAndFormState(value as Date | null);\n    this._validate();\n  }\n\n  public get value(): Date | null {\n    return this._formValue.value;\n  }\n\n  /**\n   * Gets/Sets the date which is shown in the calendar picker and is highlighted.\n   * By default it is the current date.\n   */\n  @property({ attribute: 'active-date', converter: convertToDate })\n  public set activeDate(value: Date | string | null | undefined) {\n    this._activeDate = convertToDate(value);\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate ?? this._calendar?.activeDate;\n  }\n\n  /**\n   * The minimum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ attribute: 'header-orientation', reflect: true })\n  public headerOrientation: CalendarHeaderOrientation = 'horizontal';\n\n  /**\n   * The orientation of the multiple months displayed in the calendar's days view.\n   *  @attr\n   */\n  @property()\n  public orientation: ContentOrientation = 'horizontal';\n\n  /**\n   * Determines whether the calendar hides its header.\n   * @attr hide-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-header' })\n  public hideHeader = false;\n\n  /**\n   * Controls the visibility of the dates that do not belong to the current month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-outside-days' })\n  public hideOutsideDays = false;\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public set disabledDates(dates: DateRangeDescriptor[]) {\n    this._disabledDates = dates;\n    this._setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get disabledDates() {\n    return this._disabledDates as DateRangeDescriptor[];\n  }\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * Whether to show the number of the week in the calendar.\n   * @attr show-week-numbers\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return this._displayFormat ?? this.inputFormat;\n  }\n\n  /**\n   * The date format to apply on the input.\n   * Defaults to the current locale Intl.DateTimeFormat\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public set inputFormat(value: string) {\n    this._inputFormat = value;\n  }\n\n  public get inputFormat(): string {\n    return this._inputFormat ?? this._input?.inputFormat;\n  }\n\n  /**\n   * The locale settings used to display the value.\n   * @attr\n   */\n  @property()\n  public locale = 'en';\n\n  /** The prompt symbol to use for unfilled parts of the mask.\n   *  @attr\n   */\n  @property()\n  public prompt = '_';\n\n  /** The resource strings of the calendar. */\n  @property({ attribute: false })\n  public resourceStrings: IgcCalendarResourceStrings =\n    IgcCalendarResourceStringEN;\n\n  /** Sets the start day of the week for the calendar. */\n  @property({ attribute: 'week-start' })\n  public weekStart: WeekDays = 'sunday';\n\n  //#endregion\n\n  //#region Watchers\n\n  @watch('open')\n  protected _openChange(): void {\n    this._rootClickController.update();\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks\n\n  constructor() {\n    super();\n\n    addSafeEventListener(this, 'focusin', this._handleFocusIn);\n    addSafeEventListener(this, 'focusout', this._handleFocusOut);\n\n    addKeybindings(this, {\n      skip: () => this.disabled || this.readOnly,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set([altKey, arrowDown], this.handleAnchorClick)\n      .set([altKey, arrowUp], this._onEscapeKey)\n      .set(escapeKey, this._onEscapeKey);\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  //#endregion\n\n  //#region Private methods\n\n  private _setDateConstraints(): void {\n    const dates: DateRangeDescriptor[] = [];\n    if (this._min) {\n      dates.push({\n        type: DateRangeType.Before,\n        dateRange: [this._min],\n      });\n    }\n    if (this._max) {\n      dates.push({\n        type: DateRangeType.After,\n        dateRange: [this._max],\n      });\n    }\n    if (!isEmpty(this._disabledDates ?? [])) {\n      dates.push(...this.disabledDates);\n    }\n\n    this._dateConstraints = isEmpty(dates) ? undefined : dates;\n  }\n\n  private async _shouldCloseCalendarDropdown(): Promise<void> {\n    if (!this.keepOpenOnSelect && (await this._hide(true))) {\n      this._input.focus();\n      this._input.select();\n    }\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected async _onEscapeKey(): Promise<void> {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  protected _handleFocusIn(): void {\n    this._dirty = true;\n  }\n\n  protected _handleFocusOut({ relatedTarget }: FocusEvent): void {\n    if (!this.contains(relatedTarget as Node)) {\n      this.checkValidity();\n    }\n  }\n\n  protected _handlerCalendarIconSlotPointerDown(event: PointerEvent) {\n    // This is where the delegateFocus of the underlying input is a chore.\n    // If we have a required validator we don't want the input to enter an invalid\n    // state right off the bat when opening the picker which will happen since focus is transferred to the calendar element.\n    // So we call preventDefault on the event in order to not focus the input and trigger its validation logic on blur.\n    event.preventDefault();\n  }\n\n  protected _handleInputClick(event: Event): void {\n    if (findElementFromEventPath('input', event)) {\n      // Open only if the click originates from the underlying input\n      this.handleAnchorClick();\n    }\n  }\n\n  protected override async handleAnchorClick(): Promise<void> {\n    this._calendar.activeDate = this.value ?? this._calendar.activeDate;\n\n    super.handleAnchorClick();\n    await this.updateComplete;\n    this._calendar[focusActiveDate]();\n  }\n\n  protected _handleInputChangeEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected async _handleCalendarChangeEvent(\n    event: CustomEvent<Date>\n  ): Promise<void> {\n    event.stopPropagation();\n\n    if (this.readOnly) {\n      // Wait till the calendar finishes updating and then restore the current value from the date-picker.\n      await this._calendar.updateComplete;\n      this._calendar.value = this.value;\n      return;\n    }\n\n    this.value = (event.target as IgcCalendarComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n\n    this._shouldCloseCalendarDropdown();\n  }\n\n  protected _handleInputEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  protected _handleClosing(): void {\n    this._hide(true);\n  }\n\n  protected _handleDialogClosing(event: Event): void {\n    event.stopPropagation();\n    this._hide(true);\n  }\n\n  protected _handleDialogClosed(event: Event): void {\n    event.stopPropagation();\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /** Clears the input part of the component of any user input */\n  public clear(): void {\n    this.value = null;\n    this._input?.clear();\n  }\n\n  /** Increments the passed in date part */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    this._input.stepUp(datePart, delta);\n  }\n\n  /** Decrements the passed in date part */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    this._input.stepDown(datePart, delta);\n  }\n\n  /** Selects the text in the input of the component */\n  public select(): void {\n    this._input.select();\n  }\n\n  /** Sets the text selection range in the input of the component */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction?: SelectionRangeDirection\n  ): void {\n    this._input.setSelectionRange(start, end, direction);\n  }\n\n  /* Replaces the selected text in the input and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    mode?: RangeTextSelectMode\n  ): void {\n    this._input.setRangeText(replacement, start, end, mode);\n    this.value = this._input.value;\n  }\n\n  //#endregion\n\n  //#region Render methods\n\n  private _renderClearIcon() {\n    return this.value\n      ? html`\n          <span\n            slot=\"suffix\"\n            part=\"clear-icon\"\n            @click=${this.readOnly ? nothing : this.clear}\n          >\n            <slot name=\"clear-icon\">\n              <igc-icon\n                name=\"input_clear\"\n                collection=\"default\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        `\n      : nothing;\n  }\n\n  private _renderCalendarIcon() {\n    const defaultIcon = html`\n      <igc-icon name=\"today\" collection=\"default\" aria-hidden=\"true\"></igc-icon>\n    `;\n\n    const state = this.open ? 'calendar-icon-open' : 'calendar-icon';\n\n    return html`\n      <span\n        slot=\"prefix\"\n        part=${state}\n        @pointerdown=${this._handlerCalendarIconSlotPointerDown}\n        @click=${this.readOnly ? nothing : this.handleAnchorClick}\n      >\n        <slot name=${state}>${defaultIcon}</slot>\n      </span>\n    `;\n  }\n\n  private _renderCalendarSlots() {\n    if (this._isDropDown) {\n      return nothing;\n    }\n\n    const hasHeaderDate = isEmpty(this._headerSlotItems) ? '' : 'header-date';\n\n    return html`\n      <slot name=\"title\" slot=\"title\">\n        ${this.resourceStrings.selectDate}\n      </slot>\n      <slot name=\"header-date\" slot=${hasHeaderDate}></slot>\n    `;\n  }\n\n  private _renderCalendar(id: string) {\n    const hideHeader = this._isDropDown ? true : this.hideHeader;\n\n    return html`\n      <igc-calendar\n        aria-labelledby=${id}\n        role=\"dialog\"\n        .inert=${!this.open || this.disabled}\n        ?show-week-numbers=${this.showWeekNumbers}\n        ?hide-outside-days=${this.hideOutsideDays}\n        ?hide-header=${hideHeader}\n        .activeDate=${this.activeDate ?? this.value}\n        .value=${this.value}\n        .headerOrientation=${this.headerOrientation}\n        .orientation=${this.orientation}\n        .visibleMonths=${this.visibleMonths}\n        .locale=${this.locale}\n        .disabledDates=${this._dateConstraints!}\n        .specialDates=${this.specialDates}\n        .weekStart=${this.weekStart}\n        @igcChange=${this._handleCalendarChangeEvent}\n        exportparts=\"header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n        years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n        days-view, months-view, years-view, days-row, label: calendar-label, week-number, week-number-inner, date,\n        date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n        month, month-inner, year, year-inner, selected, current\"\n      >\n        ${this._renderCalendarSlots()}\n      </igc-calendar>\n    `;\n  }\n\n  protected _renderActions() {\n    const hasActions = !isEmpty(this._actions);\n    const slot = this._isDropDown || hasActions ? undefined : 'footer';\n\n    // If in dialog mode use the dialog footer slot\n    return html`\n      <div part=\"actions\" ?hidden=${!hasActions} slot=${ifDefined(slot)}>\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderPicker(id: string) {\n    return this._isDropDown\n      ? html`\n          <igc-popover ?open=${this.open} anchor=${id} flip shift>\n            <igc-focus-trap ?disabled=${!this.open || this.disabled}>\n              ${this._renderCalendar(id)}${this._renderActions()}\n            </igc-focus-trap>\n          </igc-popover>\n        `\n      : html`\n          <igc-dialog\n            aria-label=${ifDefined(this.resourceStrings.selectDate)}\n            role=\"dialog\"\n            ?open=${this.open}\n            ?close-on-outside-click=${!this.keepOpenOnOutsideClick}\n            hide-default-action\n            @igcClosing=${this._handleDialogClosing}\n            @igcClosed=${this._handleDialogClosed}\n            exportparts=\"base: dialog-base, title, footer, overlay\"\n          >\n            ${this._renderCalendar(id)}${this._renderActions()}\n          </igc-dialog>\n        `;\n  }\n\n  private _renderLabel(id: string) {\n    const isDisabled = this._isDropDown || this.readOnly;\n\n    return this.label\n      ? html`\n          <label\n            part=\"label\"\n            for=${id}\n            @click=${isDisabled ? nothing : this.handleAnchorClick}\n          >\n            ${this.label}\n          </label>\n        `\n      : nothing;\n  }\n\n  private _renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this);\n  }\n\n  protected _renderInput(id: string) {\n    const format = DateTimeUtil.predefinedToDateDisplayFormat(\n      this._displayFormat!\n    );\n\n    // Dialog mode is always readonly, rest depends on configuration\n    const readOnly = !this._isDropDown || this.readOnly || this.nonEditable;\n\n    const prefix = isEmpty(this._prefixes) ? undefined : 'prefix';\n    const suffix = isEmpty(this._suffixes) ? undefined : 'suffix';\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        aria-haspopup=\"dialog\"\n        label=${ifDefined(this._isMaterialTheme ? this.label : undefined)}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${readOnly}\n        ?required=${this.required}\n        .value=${this.value}\n        .locale=${this.locale}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${this.placeholder}\n        .min=${this.min}\n        .max=${this.max}\n        .invalid=${live(this.invalid)}\n        @igcChange=${this._handleInputChangeEvent}\n        @igcInput=${this._handleInputEvent}\n        @click=${this._isDropDown || this.readOnly\n          ? nothing\n          : this._handleInputClick}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderCalendarIcon()}\n        <slot name=\"prefix\" slot=${ifDefined(prefix)}></slot>\n        ${this._renderClearIcon()}\n        <slot name=\"suffix\" slot=${ifDefined(suffix)}></slot>\n      </igc-date-time-input>\n    `;\n  }\n\n  protected override render() {\n    const id = this.id || this._inputId;\n\n    return html`\n      ${this._isMaterialTheme ? nothing : this._renderLabel(id)}\n      ${this._renderInput(id)} ${this._renderPicker(id)}\n      ${this._renderHelperText()}\n    `;\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-picker': IgcDatePickerComponent;\n  }\n}\n"]}
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';\nimport { convertToDate } from '../calendar/helpers.js';\nimport {\n  type CalendarHeaderOrientation,\n  type DateRangeDescriptor,\n  DateRangeType,\n  type WeekDays,\n} from '../calendar/types.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  escapeKey,\n} from '../common/controllers/key-bindings.js';\nimport { addRootClickController } from '../common/controllers/root-click.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  IgcCalendarResourceStringEN,\n  type IgcCalendarResourceStrings,\n} from '../common/i18n/calendar.resources.js';\nimport { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  createFormValueState,\n  defaultDateTimeTransformers,\n  type FormValueOf,\n} from '../common/mixins/forms/form-value.js';\nimport {\n  addSafeEventListener,\n  createCounter,\n  findElementFromEventPath,\n  isEmpty,\n} from '../common/util.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport { type DatePart, DateTimeUtil } from '../date-time-input/date-util.js';\nimport IgcDialogComponent from '../dialog/dialog.js';\nimport IgcFocusTrapComponent from '../focus-trap/focus-trap.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport type {\n  ContentOrientation,\n  PickerMode,\n  RangeTextSelectMode,\n  SelectionRangeDirection,\n} from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/date-picker.base.css.js';\nimport { styles as shared } from './themes/shared/date-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { datePickerValidators } from './validators.js';\n\nexport interface IgcDatePickerComponentEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<Date>;\n  igcInput: CustomEvent<Date>;\n}\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * igc-date-picker is a feature rich component used for entering a date through manual text input or\n * choosing date values from a calendar dialog that pops up.\n *\n * @element igc-date-picker\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after the input.\n * @slot helper-text - Renders content below the input.\n * @slot bad-input - Renders content when the value is in the disabledDates ranges.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot actions - Renders content in the action part of the picker in open state.\n *\n * @fires igcOpening - Emitted just before the calendar dropdown is shown.\n * @fires igcOpened - Emitted after the calendar dropdown is shown.\n * @fires igcClosing - Emitted just before the calendar dropdown is hidden.\n * @fires igcClosed - Emitted after the calendar dropdown is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart calendar-icon - The calendar icon wrapper for closed state.\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart actions - The actions wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@blazorAdditionalDependencies(\n  'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcDatePickerComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcDatePickerComponentEventMap,\n    AbstractConstructor<IgcBaseComboBoxLikeComponent>\n  >(IgcBaseComboBoxLikeComponent)\n) {\n  public static readonly tagName = 'igc-date-picker';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDatePickerComponent,\n      IgcCalendarComponent,\n      IgcDateTimeInputComponent,\n      IgcFocusTrapComponent,\n      IgcIconComponent,\n      IgcPopoverComponent,\n      IgcDialogComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  //#region Private properties and state\n\n  private static readonly _increment = createCounter();\n  protected _inputId = `date-picker-${IgcDatePickerComponent._increment()}`;\n\n  private readonly _themes = addThemingController(this, all);\n\n  protected override get __validators() {\n    return datePickerValidators;\n  }\n\n  private _activeDate: Date | null = null;\n  private _min: Date | null = null;\n  private _max: Date | null = null;\n  private _disabledDates?: DateRangeDescriptor[];\n  private _dateConstraints?: DateRangeDescriptor[];\n  private _displayFormat?: string;\n  private _inputFormat?: string;\n\n  protected override readonly _formValue: FormValueOf<Date | null> =\n    createFormValueState(this, {\n      initialValue: null,\n      transformers: defaultDateTimeTransformers,\n    });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  @query(IgcDateTimeInputComponent.tagName)\n  private readonly _input!: IgcDateTimeInputComponent;\n\n  @query(IgcCalendarComponent.tagName)\n  private readonly _calendar!: IgcCalendarComponent;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  private readonly _prefixes!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'suffix' })\n  private readonly _suffixes!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'actions' })\n  private readonly _actions!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'header-date' })\n  private readonly _headerSlotItems!: HTMLElement[];\n\n  private get _isDropDown(): boolean {\n    return this.mode === 'dropdown';\n  }\n\n  //#endregion\n\n  //#region Public properties and attributes\n\n  /**\n   * Sets the state of the datepicker dropdown.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public override open = false;\n\n  /**\n   * The label of the datepicker.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * Determines whether the calendar is opened in a dropdown or a modal dialog\n   * @attr mode\n   */\n  @property()\n  public mode: PickerMode = 'dropdown';\n\n  /**\n   * Whether to allow typing in the input.\n   * @attr non-editable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'non-editable' })\n  public nonEditable = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set value(value: Date | string | null | undefined) {\n    this._formValue.setValueAndFormState(value as Date | null);\n    this._validate();\n  }\n\n  public get value(): Date | null {\n    return this._formValue.value;\n  }\n\n  /**\n   * Gets/Sets the date which is shown in the calendar picker and is highlighted.\n   * By default it is the current date.\n   */\n  @property({ attribute: 'active-date', converter: convertToDate })\n  public set activeDate(value: Date | string | null | undefined) {\n    this._activeDate = convertToDate(value);\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate ?? this._calendar?.activeDate;\n  }\n\n  /**\n   * The minimum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ attribute: 'header-orientation', reflect: true })\n  public headerOrientation: CalendarHeaderOrientation = 'horizontal';\n\n  /**\n   * The orientation of the multiple months displayed in the calendar's days view.\n   *  @attr\n   */\n  @property()\n  public orientation: ContentOrientation = 'horizontal';\n\n  /**\n   * Determines whether the calendar hides its header.\n   * @attr hide-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-header' })\n  public hideHeader = false;\n\n  /**\n   * Controls the visibility of the dates that do not belong to the current month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-outside-days' })\n  public hideOutsideDays = false;\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public set disabledDates(dates: DateRangeDescriptor[]) {\n    this._disabledDates = dates;\n    this._setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get disabledDates() {\n    return this._disabledDates as DateRangeDescriptor[];\n  }\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * Whether to show the number of the week in the calendar.\n   * @attr show-week-numbers\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return this._displayFormat ?? this.inputFormat;\n  }\n\n  /**\n   * The date format to apply on the input.\n   * Defaults to the current locale Intl.DateTimeFormat\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public set inputFormat(value: string) {\n    this._inputFormat = value;\n  }\n\n  public get inputFormat(): string {\n    return this._inputFormat ?? this._input?.inputFormat;\n  }\n\n  /**\n   * The locale settings used to display the value.\n   * @attr\n   */\n  @property()\n  public locale = 'en';\n\n  /** The prompt symbol to use for unfilled parts of the mask.\n   *  @attr\n   */\n  @property()\n  public prompt = '_';\n\n  /** The resource strings of the calendar. */\n  @property({ attribute: false })\n  public resourceStrings: IgcCalendarResourceStrings =\n    IgcCalendarResourceStringEN;\n\n  /** Sets the start day of the week for the calendar. */\n  @property({ attribute: 'week-start' })\n  public weekStart: WeekDays = 'sunday';\n\n  //#endregion\n\n  //#region Watchers\n\n  @watch('open')\n  protected _openChange(): void {\n    this._rootClickController.update();\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks\n\n  constructor() {\n    super();\n\n    addSafeEventListener(this, 'focusin', this._handleFocusIn);\n    addSafeEventListener(this, 'focusout', this._handleFocusOut);\n\n    addKeybindings(this, {\n      skip: () => this.disabled || this.readOnly,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set([altKey, arrowDown], this.handleAnchorClick)\n      .set([altKey, arrowUp], this._onEscapeKey)\n      .set(escapeKey, this._onEscapeKey);\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  //#endregion\n\n  //#region Private methods\n\n  private _setDateConstraints(): void {\n    const dates: DateRangeDescriptor[] = [];\n    if (this._min) {\n      dates.push({\n        type: DateRangeType.Before,\n        dateRange: [this._min],\n      });\n    }\n    if (this._max) {\n      dates.push({\n        type: DateRangeType.After,\n        dateRange: [this._max],\n      });\n    }\n    if (!isEmpty(this._disabledDates ?? [])) {\n      dates.push(...this.disabledDates);\n    }\n\n    this._dateConstraints = isEmpty(dates) ? undefined : dates;\n  }\n\n  private async _shouldCloseCalendarDropdown(): Promise<void> {\n    if (!this.keepOpenOnSelect && (await this._hide(true))) {\n      this._input.focus();\n      this._input.select();\n    }\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected async _onEscapeKey(): Promise<void> {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  protected _handleFocusIn(): void {\n    this._dirty = true;\n  }\n\n  protected _handleFocusOut({ relatedTarget }: FocusEvent): void {\n    if (!this.contains(relatedTarget as Node)) {\n      this.checkValidity();\n    }\n  }\n\n  protected _handlerCalendarIconSlotPointerDown(event: PointerEvent) {\n    // This is where the delegateFocus of the underlying input is a chore.\n    // If we have a required validator we don't want the input to enter an invalid\n    // state right off the bat when opening the picker which will happen since focus is transferred to the calendar element.\n    // So we call preventDefault on the event in order to not focus the input and trigger its validation logic on blur.\n    event.preventDefault();\n  }\n\n  protected _handleInputClick(event: Event): void {\n    if (findElementFromEventPath('input', event)) {\n      // Open only if the click originates from the underlying input\n      this.handleAnchorClick();\n    }\n  }\n\n  protected override async handleAnchorClick(): Promise<void> {\n    this._calendar.activeDate = this.value ?? this._calendar.activeDate;\n\n    super.handleAnchorClick();\n    await this.updateComplete;\n    this._calendar[focusActiveDate]();\n  }\n\n  protected _handleInputChangeEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected async _handleCalendarChangeEvent(\n    event: CustomEvent<Date>\n  ): Promise<void> {\n    event.stopPropagation();\n\n    if (this.readOnly) {\n      // Wait till the calendar finishes updating and then restore the current value from the date-picker.\n      await this._calendar.updateComplete;\n      this._calendar.value = this.value;\n      return;\n    }\n\n    this.value = (event.target as IgcCalendarComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n\n    this._shouldCloseCalendarDropdown();\n  }\n\n  protected _handleInputEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  protected _handleClosing(): void {\n    this._hide(true);\n  }\n\n  protected _handleDialogClosing(event: Event): void {\n    event.stopPropagation();\n    this._hide(true);\n  }\n\n  protected _handleDialogClosed(event: Event): void {\n    event.stopPropagation();\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /** Clears the input part of the component of any user input */\n  public clear(): void {\n    this.value = null;\n    this._input?.clear();\n  }\n\n  /** Increments the passed in date part */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    this._input.stepUp(datePart, delta);\n  }\n\n  /** Decrements the passed in date part */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    this._input.stepDown(datePart, delta);\n  }\n\n  /** Selects the text in the input of the component */\n  public select(): void {\n    this._input.select();\n  }\n\n  /** Sets the text selection range in the input of the component */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction?: SelectionRangeDirection\n  ): void {\n    this._input.setSelectionRange(start, end, direction);\n  }\n\n  /* Replaces the selected text in the input and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    mode?: RangeTextSelectMode\n  ): void {\n    this._input.setRangeText(replacement, start, end, mode);\n    this.value = this._input.value;\n  }\n\n  //#endregion\n\n  //#region Render methods\n\n  private _renderClearIcon() {\n    return this.value\n      ? html`\n          <span\n            slot=\"suffix\"\n            part=\"clear-icon\"\n            @click=${this.readOnly ? nothing : this.clear}\n          >\n            <slot name=\"clear-icon\">\n              <igc-icon\n                name=\"input_clear\"\n                collection=\"default\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        `\n      : nothing;\n  }\n\n  private _renderCalendarIcon() {\n    const defaultIcon = html`\n      <igc-icon name=\"today\" collection=\"default\" aria-hidden=\"true\"></igc-icon>\n    `;\n\n    const state = this.open ? 'calendar-icon-open' : 'calendar-icon';\n\n    return html`\n      <span\n        slot=\"prefix\"\n        part=${state}\n        @pointerdown=${this._handlerCalendarIconSlotPointerDown}\n        @click=${this.readOnly ? nothing : this.handleAnchorClick}\n      >\n        <slot name=${state}>${defaultIcon}</slot>\n      </span>\n    `;\n  }\n\n  private _renderCalendarSlots() {\n    if (this._isDropDown) {\n      return nothing;\n    }\n\n    const hasHeaderDate = isEmpty(this._headerSlotItems) ? '' : 'header-date';\n\n    return html`\n      <slot name=\"title\" slot=\"title\">\n        ${this.resourceStrings.selectDate}\n      </slot>\n      <slot name=\"header-date\" slot=${hasHeaderDate}></slot>\n    `;\n  }\n\n  private _renderCalendar(id: string) {\n    const hideHeader = this._isDropDown ? true : this.hideHeader;\n\n    return html`\n      <igc-calendar\n        aria-labelledby=${id}\n        role=\"dialog\"\n        .inert=${!this.open || this.disabled}\n        ?show-week-numbers=${this.showWeekNumbers}\n        ?hide-outside-days=${this.hideOutsideDays}\n        ?hide-header=${hideHeader}\n        .activeDate=${this.activeDate ?? this.value}\n        .value=${this.value}\n        .headerOrientation=${this.headerOrientation}\n        .orientation=${this.orientation}\n        .visibleMonths=${this.visibleMonths}\n        .locale=${this.locale}\n        .disabledDates=${this._dateConstraints!}\n        .specialDates=${this.specialDates}\n        .weekStart=${this.weekStart}\n        @igcChange=${this._handleCalendarChangeEvent}\n        exportparts=\"header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n        years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n        days-view, months-view, years-view, days-row, label: calendar-label, week-number, week-number-inner, date,\n        date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n        month, month-inner, year, year-inner, selected, current\"\n      >\n        ${this._renderCalendarSlots()}\n      </igc-calendar>\n    `;\n  }\n\n  protected _renderActions() {\n    const hasActions = !isEmpty(this._actions);\n    const slot = this._isDropDown || hasActions ? undefined : 'footer';\n\n    // If in dialog mode use the dialog footer slot\n    return html`\n      <div part=\"actions\" ?hidden=${!hasActions} slot=${ifDefined(slot)}>\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderPicker(id: string) {\n    return this._isDropDown\n      ? html`\n          <igc-popover ?open=${this.open} anchor=${id} flip shift>\n            <igc-focus-trap ?disabled=${!this.open || this.disabled}>\n              ${this._renderCalendar(id)}${this._renderActions()}\n            </igc-focus-trap>\n          </igc-popover>\n        `\n      : html`\n          <igc-dialog\n            aria-label=${ifDefined(this.resourceStrings.selectDate)}\n            role=\"dialog\"\n            ?open=${this.open}\n            ?close-on-outside-click=${!this.keepOpenOnOutsideClick}\n            hide-default-action\n            @igcClosing=${this._handleDialogClosing}\n            @igcClosed=${this._handleDialogClosed}\n            exportparts=\"base: dialog-base, title, footer, overlay\"\n          >\n            ${this._renderCalendar(id)}${this._renderActions()}\n          </igc-dialog>\n        `;\n  }\n\n  private _renderLabel(id: string) {\n    const isDisabled = this._isDropDown || this.readOnly;\n\n    return this.label\n      ? html`\n          <label\n            part=\"label\"\n            for=${id}\n            @click=${isDisabled ? nothing : this.handleAnchorClick}\n          >\n            ${this.label}\n          </label>\n        `\n      : nothing;\n  }\n\n  private _renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this);\n  }\n\n  protected _renderInput(id: string) {\n    const format = DateTimeUtil.predefinedToDateDisplayFormat(\n      this._displayFormat!\n    );\n\n    // Dialog mode is always readonly, rest depends on configuration\n    const readOnly = !this._isDropDown || this.readOnly || this.nonEditable;\n\n    const prefix = isEmpty(this._prefixes) ? undefined : 'prefix';\n    const suffix = isEmpty(this._suffixes) ? undefined : 'suffix';\n    const isMaterial = this._themes.theme === 'material';\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        aria-haspopup=\"dialog\"\n        label=${ifDefined(isMaterial ? this.label : undefined)}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${readOnly}\n        ?required=${this.required}\n        .value=${this.value}\n        .locale=${this.locale}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${this.placeholder}\n        .min=${this.min}\n        .max=${this.max}\n        .invalid=${live(this.invalid)}\n        @igcChange=${this._handleInputChangeEvent}\n        @igcInput=${this._handleInputEvent}\n        @click=${this._isDropDown || this.readOnly\n          ? nothing\n          : this._handleInputClick}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderCalendarIcon()}\n        <slot name=\"prefix\" slot=${ifDefined(prefix)}></slot>\n        ${this._renderClearIcon()}\n        <slot name=\"suffix\" slot=${ifDefined(suffix)}></slot>\n      </igc-date-time-input>\n    `;\n  }\n\n  protected override render() {\n    const id = this.id || this._inputId;\n    const isMaterial = this._themes.theme === 'material';\n\n    return html`\n      ${isMaterial ? nothing : this._renderLabel(id)} ${this._renderInput(id)}\n      ${this._renderPicker(id)} ${this._renderHelperText()}\n    `;\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-picker': IgcDatePickerComponent;\n  }\n}\n"]}

package/components/date-picker/themes/dark/date-picker.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
+export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap;--calendar-border-color: var(--ig-gray-300)}`;
 //# sourceMappingURL=date-picker.bootstrap.css.js.map

package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkaAAgka,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,44aAA44a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap;--calendar-border-color: var(--ig-gray-300)}`;\n"]}