@govtechsg/sgds-web-component 3.30.1-rc.4 → 3.30.1-rc.6

package/components/Datepicker/sgds-datepicker.d.ts

@@ -116,7 +116,7 @@ export declare class SgdsDatepicker extends SgdsDatepicker_base implements SgdsF
     /** @internal */
     private _getDateFormatRegex;
     private _handleTab;
-    _handleValueChange(): void;
+    _handleValueChange(): Promise<void>;
     private _handleCloseMenu;
     private _handleOpenMenu;
     private _makeInputValueString;

package/components/Datepicker/sgds-datepicker.js

@@ -182,8 +182,12 @@ var SgdsDatepicker = class extends SgdsFormValidatorMixin(DropdownElement) {
 			this.focusedTabIndex = (this.focusedTabIndex + 1 + tabIndexArray.length) % tabIndexArray.length;
 		}
 	}
-	_handleValueChange() {
+	async _handleValueChange() {
+		this._mixinSetFormValue();
 		this.emit("sgds-change-date");
+		await this.updateComplete;
+		if (this._mixinShouldSkipSgdsValidation()) return;
+		this._mixinValidate(this.input);
 	}
 	async _handleCloseMenu() {
 		if (this.selectedDateRange.length === 0) this.displayDate = this.initialDisplayDate;

package/components/Datepicker/sgds-datepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-datepicker.js","names":["dropdownMenuStyle","datepickerStyle"],"sources":["../../../src/components/Datepicker/sgds-datepicker.ts"],"sourcesContent":["import { formatDate, parseDate } from \"../../utils/date-helpers\";\nimport { html, PropertyValueMap } from \"lit\";\nimport { property, query, queryAsync, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { DropdownElement } from \"../../base/dropdown-element\";\nimport { type SgdsFormControl } from \"../../utils/formSubmitController\";\nimport { DATE_PATTERNS, setTimeToNoon } from \"../../utils/time\";\nimport { watch } from \"../../utils/watch\";\nimport { SgdsButton } from \"../Button/sgds-button\";\nimport dropdownMenuStyle from \"../Dropdown/dropdown-menu.css\";\nimport { DatepickerCalendar } from \"./datepicker-calendar\";\nimport { DatepickerHeader } from \"./datepicker-header\";\nimport DatepickerInput from \"./datepicker-input\";\nimport datepickerStyle from \"./datepicker.css\";\nimport { ViewEnum } from \"./types\";\nimport SgdsIconButton from \"../IconButton/sgds-icon-button\";\nimport { SgdsFormValidatorMixin } from \"../../utils/validatorMixin\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { defaultValue } from \"../../utils/defaultvalue\";\n\nexport type DateFormat = \"MM/DD/YYYY\" | \"DD/MM/YYYY\" | \"YYYY/MM/DD\";\n\n/**\n * @summary The `DatePicker` Component is built using `Dropdown`, `Input` and `Button` components. By default, the Calendar points to today's date and input has no value. Users can either pick dates from the calendar or type dates through the input\n *\n * @event sgds-change-date - Emitted when the state of datepicker's input changes during first load, close button reset click & date click. Date values can be accessed via event.target.value\n * @event sgds-invalid - Emitted when the combo box's invalid state is set to true.\n * @event sgds-valid - Emitted when the combo box's invalid state is set to false.\n *\n * @description displayDate sets the month, year views of the calendar while focusedDate follows the focus which also directly changes\n * displayDate on certain occasions. Example, when keyboard moves up to the next month, it updates displayDate which then affect the current\n * date view of the calendar\n */\nexport class SgdsDatepicker extends SgdsFormValidatorMixin(DropdownElement) implements SgdsFormControl {\n  static styles = [...DropdownElement.styles, dropdownMenuStyle, datepickerStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-datepicker-input\": DatepickerInput,\n    \"sgds-datepicker-calendar\": DatepickerCalendar,\n    \"sgds-datepicker-header\": DatepickerHeader,\n    \"sgds-button\": SgdsButton,\n    \"sgds-icon-button\": SgdsIconButton\n  };\n\n  constructor() {\n    super();\n    this.floatingOpts = {\n      placement: \"bottom-end\"\n    };\n  }\n\n  /** When true, adds required attribute to input element */\n  @property({ type: Boolean, reflect: true }) required = false;\n  /**The datepicker input's name attribute */\n  @property({ reflect: true }) name: string;\n  /** When true, adds disabled attribute to input and button element */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Disables native and sgds validation for the datepicker. */\n  @property({ type: Boolean, reflect: true }) noValidate = false;\n\n  /** Sets the initial value of the datepicker. Replaces deprecated `initialValue`.\n   * Pass in dates in this format `dd/mm/yyyy` for single mode and  `dd/mm/yyyy - dd/mm/yyyy` for range mode\n   * For example, `value=\"22/12/2023\"` for single mode or `value=\"22/12/2023 - 25/12/2023\"` for range mode\n   */\n  @property({ type: String, reflect: true }) value = \"\";\n\n  /**\n   * The initial value of DatePicker on first load for single &\n   * range mode as array of string. eg.'[\"22/12/2023\"]' for single &\n   * '[\"22/12/2023\",\"25/12/2023\"]' for range respectively.\n   * @deprecated since v3.3.0 — use `value` instead.\n   */\n  @property({ type: Array, reflect: true }) initialValue: string[] = [];\n\n  private dateFormat = \"DD/MM/YYYY\";\n\n  /** ISO date string to set the lowest allowable date value. e.g. \"2016-05-19T12:00:00.000Z\" */\n  @property({ type: String }) minDate = \"\";\n\n  /** ISO date string to set the highest allowable date value. e.g. \"2016-05-19T12:00:00.000Z\" */\n  @property({ type: String }) maxDate = \"\";\n\n  /** Changes DatePicker to single date selection or range date selection */\n  @property({ type: String, reflect: true }) mode: \"single\" | \"range\" = \"single\";\n\n  /**Feedback text for error state when date input is invalid */\n  @property({ type: String, reflect: true }) invalidFeedback: string;\n\n  /** Allows invalidFeedback and invalid styles to be visible with the input */\n  @property({ type: Boolean, reflect: true }) hasFeedback = false;\n\n  /** The datepicker input's label  */\n  @property({ reflect: true }) label = \"\";\n\n  /** The datepicker input's hint text below the label */\n  @property({ reflect: true }) hintText = \"\";\n\n  /** Controls auto-flipping of menu */\n  @property({ type: Boolean, reflect: true, state: false })\n  noFlip = false;\n\n  /** The drop position of menu relative to the toggle button */\n  @property({ type: String, reflect: true, state: false })\n  drop: \"up\" | \"down\" = \"down\";\n\n  /** Provides the date context for Calendar to present the appropriate view. Defaults to today's date */\n  @property({ attribute: false }) displayDate: Date;\n\n  /**Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */\n  @defaultValue()\n  defaultValue = \"\";\n\n  /** Marks the component as invalid. Replace the pseudo :invalid selector. */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  @state()\n  private view: ViewEnum = \"days\";\n\n  @state() private selectedDateRange: Date[] = [];\n\n  @state() private focusedDate: Date;\n\n  @state() private focusedTabIndex = 3;\n\n  private isValueEmpty() {\n    return this.value === \"\" || this.value === \"DD/MM/YYYY\" || this.value === \"DD/MM/YYYY - DD/MM/YYYY\";\n  }\n\n  private initialDisplayDate: Date = new Date();\n\n  @queryAsync(\"sgds-datepicker-calendar\")\n  private calendar: Promise<DatepickerCalendar>;\n\n  @queryAsync(\"sgds-datepicker-input\")\n  private datepickerInputAsync: Promise<DatepickerInput>;\n\n  @query(\"sgds-datepicker-input\")\n  private datepickerInput: DatepickerInput;\n  /**\n   * Checks for validity. Under the hood, HTMLFormElement's reportValidity method calls this method to check for component's validity state\n   * Note that the native error popup is prevented for SGDS form components by default. Instead the validation message shows up in the feedback container of SgdsInput\n   */\n  public reportValidity(): boolean {\n    return this._mixinReportValidity();\n  }\n  /**\n   * Checks for validity without any native error popup message\n   */\n  public checkValidity(): boolean {\n    return this._mixinCheckValidity();\n  }\n\n  /**\n   * Programmatically sets the invalid state of the datepicker.\n   * Use together with `noValidate` (or `novalidate` on the parent `<form>`) and `invalidFeedback`\n   * to integrate 3rd-party or custom validation logic.\n   */\n  public setInvalid(bool: boolean) {\n    this.invalid = bool;\n    if (this.datepickerInput) {\n      this.datepickerInput.setInvalid(bool);\n    }\n  }\n\n  /**\n   * Checks for validity without any native error popup message\n   */\n  public setValidity(flags?: ValidityStateFlags, message?: string, anchor?: HTMLElement): void {\n    return this._mixinSetValidity(flags, message, anchor);\n  }\n\n  /**\n   * Returns the ValidityState object\n   */\n  public get validity(): ValidityState {\n    return this._mixinGetValidity();\n  }\n  /**\n   * Returns the validation message based on the ValidityState\n   */\n  public get validationMessage() {\n    return this._mixinGetValidationMessage();\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-view\", this._handleViewChanged);\n    this.addEventListener(\"sgds-change-calendar\", this._handleDateChanged);\n    this.addEventListener(\"sgds-update-focus\", this._handleFocusDateChanged);\n    this.addEventListener(\"sgds-selectmonth\", this._handleSelectMonth);\n    this.addEventListener(\"sgds-selectyear\", this._handleSelectYear);\n    this.addEventListener(\"sgds-selectdates\", this._handleSelectDatesAndClose);\n    this.addEventListener(\"i-sgds-selectdates-input\", this._handleSelectDatesInput);\n    this.addEventListener(\"i-sgds-empty-input\", this._handleEmptyInput);\n    this.addEventListener(\"keydown\", this._handleTab);\n    this.addEventListener(\"sgds-hide\", this._handleCloseMenu);\n    this.addEventListener(\"sgds-show\", this._handleOpenMenu);\n    this.addEventListener(\"blur\", this._mixinCheckValidity);\n\n    this.initialValue = this.value ? this.value.split(\" - \").map(v => v.trim()) : this.initialValue;\n    this.initialDisplayDate = this.displayDate || new Date();\n    if (this.initialValue && this.initialValue.length > 0) {\n      // Validate initialValue against the dateFormat regex\n      const dateFormatRegex = new RegExp(this._getDateFormatRegex());\n      // const startDateString = this.initialValue[0];\n      const invalidDates = this.initialValue.filter(v => !dateFormatRegex.test(v));\n      if (invalidDates.length > 0) {\n        return console.error(\"Invalid date format in initialValue:\", invalidDates);\n      } else {\n        const initialSelectedDates = this.initialValue.map(v =>\n          setTimeToNoon(parseDate(v, DATE_PATTERNS[this.dateFormat].fnsPattern))\n        );\n        this._handleSelectDates(initialSelectedDates);\n      }\n    } else {\n      this.displayDate = this.initialDisplayDate;\n    }\n\n    const input = await this.datepickerInputAsync;\n    input.setInvalid(this.invalid);\n  }\n\n  async firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    if (this.menuIsOpen) {\n      const input = await this.datepickerInputAsync;\n      await this.updateFloatingPosition();\n      const cal = await this.calendar;\n      cal.focusOnCalendar(input);\n    }\n  }\n\n  /** @internal */\n  private _getDateFormatRegex(): string {\n    // validate date strings and adhere to the specified date format\n    return (\n      this.dateFormat\n        // Replace any special characters with their escaped version using \"\\\\$&\"\n        .replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")\n        // Replace 'MM' with '\\\\d{2}', which matches two digits representing the month (e.g., 01, 12)\n        .replace(\"MM\", \"\\\\d{2}\")\n        // Replace 'DD' with '\\\\d{2}', which matches two digits representing the day (e.g., 01, 31)\n        .replace(\"DD\", \"\\\\d{2}\")\n        // Replace 'YYYY' with '\\\\d{4}', which matches four digits representing the year (e.g., 2021)\n        .replace(\"YYYY\", \"\\\\d{4}\")\n        // Replace '/' with '\\\\/', which matches the forward slash character\n        .replace(\"/\", \"\\\\/\")\n    );\n  }\n  private _handleTab(event: KeyboardEvent) {\n    if (!this.menuIsOpen) {\n      return;\n    }\n    const tabIndexArray = Array(4);\n    if (event.shiftKey && event.key === \"Tab\") {\n      event.preventDefault();\n      this.focusedTabIndex = (this.focusedTabIndex - 1 + tabIndexArray.length) % tabIndexArray.length;\n    } else if (event.key === \"Tab\") {\n      event.preventDefault();\n      this.focusedTabIndex = (this.focusedTabIndex + 1 + tabIndexArray.length) % tabIndexArray.length;\n    }\n  }\n\n  @watch(\"value\", { waitUntilFirstUpdate: true })\n  _handleValueChange() {\n    this.emit(\"sgds-change-date\");\n  }\n\n  private async _handleCloseMenu() {\n    if (this.selectedDateRange.length === 0) {\n      this.displayDate = this.initialDisplayDate;\n    } else {\n      const selectedDatesLength = this.selectedDateRange.length;\n      this.displayDate = this.selectedDateRange[selectedDatesLength - 1];\n      const calendar = await this.calendar;\n      calendar._updateFocusedDate();\n    }\n\n    // Focus input after displayDate reset and calendar re-render to prevent\n    // the calendar's updated() from stealing focus during the hide animation\n    await this.updateComplete;\n    const input = await this.datepickerInputAsync;\n    input.focus();\n  }\n  private async _handleOpenMenu() {\n    const cal = await this.calendar;\n    const input = await this.datepickerInputAsync;\n    cal.focusOnCalendar(input);\n  }\n\n  private _makeInputValueString = (startDate: Date, endDate: Date, dateFormat: string) => {\n    if (!startDate && !endDate) return this.value;\n    const fmtDate = (date: Date) => formatDate(date, DATE_PATTERNS[dateFormat].fnsPattern);\n    switch (this.mode) {\n      case \"single\": {\n        if (startDate) {\n          this.value = fmtDate(startDate);\n        }\n        break;\n      }\n      case \"range\": {\n        if (startDate && endDate) {\n          this.value = `${fmtDate(startDate)} - ${fmtDate(endDate)}`;\n        }\n        if (startDate && !endDate) {\n          this.value = `${fmtDate(startDate)} - ${this.dateFormat}`;\n        }\n        break;\n      }\n    }\n    return this.value;\n  };\n  private _handleSelectDatesInput(event: CustomEvent<Date[]>) {\n    this._handleSelectDates(event.detail);\n  }\n  private async _handleSelectDates(newSelectedDates: Date[]) {\n    newSelectedDates.sort((a: Date, b: Date) => a.getTime() - b.getTime());\n    this.displayDate = newSelectedDates[0];\n    this.focusedDate = newSelectedDates[0];\n    this.selectedDateRange = newSelectedDates;\n    // Get the formattedDate value for the selected dates\n    const formattedDate = this._makeInputValueString(\n      this.selectedDateRange[0],\n      this.selectedDateRange[1],\n      this.dateFormat\n    );\n\n    // Set formattedDate value as the new value for sgds-input\n    this.value = formattedDate;\n    const input = await this.datepickerInputAsync;\n    input.updateMaskValue();\n    this._manageInternalsValid();\n  }\n\n  private async _handleSelectDatesAndClose(event: CustomEvent<Date[]>) {\n    await this._handleSelectDates(event.detail);\n\n    if (this.mode === \"range\" && this.selectedDateRange.length === 2) {\n      this.hideMenu();\n    } else if (this.mode === \"single\" && this.selectedDateRange.length === 1) {\n      this.hideMenu();\n    }\n  }\n\n  /** update latest view state from datepicker-header */\n  private _handleViewChanged(event: CustomEvent<string>) {\n    this.view = event.detail as ViewEnum;\n  }\n\n  private _handleDateChanged(event: CustomEvent<Date>) {\n    this.displayDate = event.detail;\n  }\n  private _handleFocusDateChanged(event: CustomEvent<Date>) {\n    this.focusedDate = event.detail;\n  }\n\n  private _handleSelectMonth(event: CustomEvent<Date>) {\n    this.displayDate = event.detail;\n  }\n\n  private _handleSelectYear(event: CustomEvent<Date>) {\n    this.displayDate = event.detail;\n  }\n  private async _handleInvalidInput() {\n    this.selectedDateRange = [];\n    this.displayDate = this.initialDisplayDate;\n    if (this._mixinShouldSkipSgdsValidation()) return;\n\n    this.invalid = true;\n    this._manageInternalsBadInput();\n  }\n  private async _handleEmptyInput() {\n    if (this.required) {\n      this._manageEmptyInput();\n    }\n    return;\n  }\n  private async _resetDatepicker(resetValue = \"\") {\n    this.displayDate = this.initialDisplayDate;\n    this.selectedDateRange = [];\n    this.value = resetValue;\n    this.view = \"days\";\n    const input = await this.datepickerInputAsync;\n    input.setInvalid(this.invalid);\n    input.destroyInputMask();\n    await input.applyInputMask();\n\n    this._mixinResetValidity(input);\n    if (this.isValueEmpty()) {\n      this._handleEmptyInput();\n    }\n  }\n\n  private _manageInternalsBadInput() {\n    this._mixinSetValidity(\n      {\n        badInput: true\n      },\n      \"Invalid date input\",\n      this.datepickerInput\n    );\n  }\n  /**\n   * Even though element internals handles the required constraint validation. This custom one is still needed as\n   * datepicker input has a special case where the default input mask \"DD/MM/YYYY\" means an empty input.\n   * However, the required constraint validation sees \"DD/MM/YYYY\" as a non-empty input.\n   */\n  private _manageEmptyInput() {\n    this._mixinSetValidity(\n      {\n        valueMissing: true\n      },\n      \"Please fill in this field\",\n      this.datepickerInput\n    );\n  }\n\n  /**\n   * Called when a valid date is entered via input or selected by calendar\n   * 1. sets validity state to valid\n   * 2. updates invalid prop\n   * 3. sets the form value of datepicker\n   */\n  private _manageInternalsValid() {\n    this._mixinSetFormValue();\n    if (this._mixinShouldSkipSgdsValidation()) return;\n\n    this._mixinSetValidity({});\n\n    this.invalid = this.datepickerInput.invalid = false;\n  }\n\n  /**\n   * Handles the form \"reset\" event\n   */\n  private async _mixinResetFormControl() {\n    this._resetDatepicker(this.defaultValue);\n  }\n  private async _handleInputMaskChange(e: CustomEvent) {\n    this.value = e.detail;\n\n    if (this.isValueEmpty()) {\n      this._resetDatepicker();\n    }\n  }\n\n  private _dialogAriaLabels = {\n    days: \"Choose date\",\n    months: \"Choose month\",\n    years: \"Choose year\"\n  };\n  render() {\n    return html`\n      <div class=\"datepicker-container m-width-160\">\n        <sgds-datepicker-input\n          .value=${live(this.value)}\n          ?required=${this.required}\n          ?disabled=${this.disabled}\n          placeholder=${this.mode === \"single\" ? \"DD/MM/YYYY\" : \"DD/MM/YYYY - DD/MM/YYYY\"}\n          mode=${this.mode}\n          invalidFeedback=${ifDefined(this.invalidFeedback ? this.invalidFeedback : this._mixinGetValidationMessage())}\n          @i-sgds-mask-input-change=${this._handleInputMaskChange}\n          @i-sgds-invalid-input=${this._handleInvalidInput}\n          minDate=${this.minDate}\n          maxDate=${this.maxDate}\n          label=${this.label}\n          hintText=${this.hintText}\n          name=${this.name}\n          ?invalid=${this.invalid}\n          hasFeedback=${ifDefined(this.hasFeedback ? \"both\" : undefined)}\n          ?readonly=${this.readonly}\n        >\n          <sgds-icon-button\n            slot=\"calendar-btn\"\n            ${ref(this.myDropdown)}\n            tone=\"neutral\"\n            class=${classMap({\n              \"calendar-btn\": true,\n              \"with-hint-text\": this.hintText || this.invalid,\n              \"with-label\": this.label\n            })}\n            aria-expanded=\"${this.menuIsOpen}\"\n            aria-haspopup=\"dialog\"\n            aria-controls=${this.dropdownMenuId}\n            @click=${() => this.toggleMenu()}\n            ariaLabel=${this.menuIsOpen ? \"Close Calendar\" : \"Open Calendar\"}\n            ?disabled=${this.disabled || this.readonly}\n            ?active=${this.menuIsOpen}\n            variant=\"outline\"\n            name=\"calendar\"\n          >\n          </sgds-icon-button>\n        </sgds-datepicker-input>\n        <div\n          id=${this.dropdownMenuId}\n          class=\"sgds datepicker dropdown-menu\"\n          role=\"dialog\"\n          aria-label=${this._dialogAriaLabels[this.view]}\n          @click=${(event: MouseEvent) => event.stopPropagation()}\n          ${ref(this.menuRef)}\n        >\n          <sgds-datepicker-header\n            .view=${this.view}\n            .displayDate=${this.displayDate}\n            .focusedDate=${this.focusedDate}\n            .selectedDate=${this.selectedDateRange}\n            .focusedTabIndex=${this.focusedTabIndex}\n          ></sgds-datepicker-header>\n          <sgds-datepicker-calendar\n            .show=${this.menuIsOpen}\n            .view=${this.view}\n            .displayDate=${this.displayDate}\n            .mode=${this.mode}\n            minDate=${this.minDate}\n            maxDate=${this.maxDate}\n            .selectedDate=${this.selectedDateRange}\n            .focusedTabIndex=${this.focusedTabIndex}\n          ></sgds-datepicker-calendar>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default SgdsDatepicker;\n"],"mappings":"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"}
+{"version":3,"file":"sgds-datepicker.js","names":["dropdownMenuStyle","datepickerStyle"],"sources":["../../../src/components/Datepicker/sgds-datepicker.ts"],"sourcesContent":["import { formatDate, parseDate } from \"../../utils/date-helpers\";\nimport { html, PropertyValueMap } from \"lit\";\nimport { property, query, queryAsync, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { DropdownElement } from \"../../base/dropdown-element\";\nimport { type SgdsFormControl } from \"../../utils/formSubmitController\";\nimport { DATE_PATTERNS, setTimeToNoon } from \"../../utils/time\";\nimport { watch } from \"../../utils/watch\";\nimport { SgdsButton } from \"../Button/sgds-button\";\nimport dropdownMenuStyle from \"../Dropdown/dropdown-menu.css\";\nimport { DatepickerCalendar } from \"./datepicker-calendar\";\nimport { DatepickerHeader } from \"./datepicker-header\";\nimport DatepickerInput from \"./datepicker-input\";\nimport datepickerStyle from \"./datepicker.css\";\nimport { ViewEnum } from \"./types\";\nimport SgdsIconButton from \"../IconButton/sgds-icon-button\";\nimport { SgdsFormValidatorMixin } from \"../../utils/validatorMixin\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { defaultValue } from \"../../utils/defaultvalue\";\n\nexport type DateFormat = \"MM/DD/YYYY\" | \"DD/MM/YYYY\" | \"YYYY/MM/DD\";\n\n/**\n * @summary The `DatePicker` Component is built using `Dropdown`, `Input` and `Button` components. By default, the Calendar points to today's date and input has no value. Users can either pick dates from the calendar or type dates through the input\n *\n * @event sgds-change-date - Emitted when the state of datepicker's input changes during first load, close button reset click & date click. Date values can be accessed via event.target.value\n * @event sgds-invalid - Emitted when the combo box's invalid state is set to true.\n * @event sgds-valid - Emitted when the combo box's invalid state is set to false.\n *\n * @description displayDate sets the month, year views of the calendar while focusedDate follows the focus which also directly changes\n * displayDate on certain occasions. Example, when keyboard moves up to the next month, it updates displayDate which then affect the current\n * date view of the calendar\n */\nexport class SgdsDatepicker extends SgdsFormValidatorMixin(DropdownElement) implements SgdsFormControl {\n  static styles = [...DropdownElement.styles, dropdownMenuStyle, datepickerStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-datepicker-input\": DatepickerInput,\n    \"sgds-datepicker-calendar\": DatepickerCalendar,\n    \"sgds-datepicker-header\": DatepickerHeader,\n    \"sgds-button\": SgdsButton,\n    \"sgds-icon-button\": SgdsIconButton\n  };\n\n  constructor() {\n    super();\n    this.floatingOpts = {\n      placement: \"bottom-end\"\n    };\n  }\n\n  /** When true, adds required attribute to input element */\n  @property({ type: Boolean, reflect: true }) required = false;\n  /**The datepicker input's name attribute */\n  @property({ reflect: true }) name: string;\n  /** When true, adds disabled attribute to input and button element */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Disables native and sgds validation for the datepicker. */\n  @property({ type: Boolean, reflect: true }) noValidate = false;\n\n  /** Sets the initial value of the datepicker. Replaces deprecated `initialValue`.\n   * Pass in dates in this format `dd/mm/yyyy` for single mode and  `dd/mm/yyyy - dd/mm/yyyy` for range mode\n   * For example, `value=\"22/12/2023\"` for single mode or `value=\"22/12/2023 - 25/12/2023\"` for range mode\n   */\n  @property({ type: String, reflect: true }) value = \"\";\n\n  /**\n   * The initial value of DatePicker on first load for single &\n   * range mode as array of string. eg.'[\"22/12/2023\"]' for single &\n   * '[\"22/12/2023\",\"25/12/2023\"]' for range respectively.\n   * @deprecated since v3.3.0 — use `value` instead.\n   */\n  @property({ type: Array, reflect: true }) initialValue: string[] = [];\n\n  private dateFormat = \"DD/MM/YYYY\";\n\n  /** ISO date string to set the lowest allowable date value. e.g. \"2016-05-19T12:00:00.000Z\" */\n  @property({ type: String }) minDate = \"\";\n\n  /** ISO date string to set the highest allowable date value. e.g. \"2016-05-19T12:00:00.000Z\" */\n  @property({ type: String }) maxDate = \"\";\n\n  /** Changes DatePicker to single date selection or range date selection */\n  @property({ type: String, reflect: true }) mode: \"single\" | \"range\" = \"single\";\n\n  /**Feedback text for error state when date input is invalid */\n  @property({ type: String, reflect: true }) invalidFeedback: string;\n\n  /** Allows invalidFeedback and invalid styles to be visible with the input */\n  @property({ type: Boolean, reflect: true }) hasFeedback = false;\n\n  /** The datepicker input's label  */\n  @property({ reflect: true }) label = \"\";\n\n  /** The datepicker input's hint text below the label */\n  @property({ reflect: true }) hintText = \"\";\n\n  /** Controls auto-flipping of menu */\n  @property({ type: Boolean, reflect: true, state: false })\n  noFlip = false;\n\n  /** The drop position of menu relative to the toggle button */\n  @property({ type: String, reflect: true, state: false })\n  drop: \"up\" | \"down\" = \"down\";\n\n  /** Provides the date context for Calendar to present the appropriate view. Defaults to today's date */\n  @property({ attribute: false }) displayDate: Date;\n\n  /**Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */\n  @defaultValue()\n  defaultValue = \"\";\n\n  /** Marks the component as invalid. Replace the pseudo :invalid selector. */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  @state()\n  private view: ViewEnum = \"days\";\n\n  @state() private selectedDateRange: Date[] = [];\n\n  @state() private focusedDate: Date;\n\n  @state() private focusedTabIndex = 3;\n\n  private isValueEmpty() {\n    return this.value === \"\" || this.value === \"DD/MM/YYYY\" || this.value === \"DD/MM/YYYY - DD/MM/YYYY\";\n  }\n\n  private initialDisplayDate: Date = new Date();\n\n  @queryAsync(\"sgds-datepicker-calendar\")\n  private calendar: Promise<DatepickerCalendar>;\n\n  @queryAsync(\"sgds-datepicker-input\")\n  private datepickerInputAsync: Promise<DatepickerInput>;\n\n  @query(\"sgds-datepicker-input\")\n  private datepickerInput: DatepickerInput;\n  /**\n   * Checks for validity. Under the hood, HTMLFormElement's reportValidity method calls this method to check for component's validity state\n   * Note that the native error popup is prevented for SGDS form components by default. Instead the validation message shows up in the feedback container of SgdsInput\n   */\n  public reportValidity(): boolean {\n    return this._mixinReportValidity();\n  }\n  /**\n   * Checks for validity without any native error popup message\n   */\n  public checkValidity(): boolean {\n    return this._mixinCheckValidity();\n  }\n\n  /**\n   * Programmatically sets the invalid state of the datepicker.\n   * Use together with `noValidate` (or `novalidate` on the parent `<form>`) and `invalidFeedback`\n   * to integrate 3rd-party or custom validation logic.\n   */\n  public setInvalid(bool: boolean) {\n    this.invalid = bool;\n    if (this.datepickerInput) {\n      this.datepickerInput.setInvalid(bool);\n    }\n  }\n\n  /**\n   * Checks for validity without any native error popup message\n   */\n  public setValidity(flags?: ValidityStateFlags, message?: string, anchor?: HTMLElement): void {\n    return this._mixinSetValidity(flags, message, anchor);\n  }\n\n  /**\n   * Returns the ValidityState object\n   */\n  public get validity(): ValidityState {\n    return this._mixinGetValidity();\n  }\n  /**\n   * Returns the validation message based on the ValidityState\n   */\n  public get validationMessage() {\n    return this._mixinGetValidationMessage();\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-view\", this._handleViewChanged);\n    this.addEventListener(\"sgds-change-calendar\", this._handleDateChanged);\n    this.addEventListener(\"sgds-update-focus\", this._handleFocusDateChanged);\n    this.addEventListener(\"sgds-selectmonth\", this._handleSelectMonth);\n    this.addEventListener(\"sgds-selectyear\", this._handleSelectYear);\n    this.addEventListener(\"sgds-selectdates\", this._handleSelectDatesAndClose);\n    this.addEventListener(\"i-sgds-selectdates-input\", this._handleSelectDatesInput);\n    this.addEventListener(\"i-sgds-empty-input\", this._handleEmptyInput);\n    this.addEventListener(\"keydown\", this._handleTab);\n    this.addEventListener(\"sgds-hide\", this._handleCloseMenu);\n    this.addEventListener(\"sgds-show\", this._handleOpenMenu);\n    this.addEventListener(\"blur\", this._mixinCheckValidity);\n\n    this.initialValue = this.value ? this.value.split(\" - \").map(v => v.trim()) : this.initialValue;\n    this.initialDisplayDate = this.displayDate || new Date();\n    if (this.initialValue && this.initialValue.length > 0) {\n      // Validate initialValue against the dateFormat regex\n      const dateFormatRegex = new RegExp(this._getDateFormatRegex());\n      // const startDateString = this.initialValue[0];\n      const invalidDates = this.initialValue.filter(v => !dateFormatRegex.test(v));\n      if (invalidDates.length > 0) {\n        return console.error(\"Invalid date format in initialValue:\", invalidDates);\n      } else {\n        const initialSelectedDates = this.initialValue.map(v =>\n          setTimeToNoon(parseDate(v, DATE_PATTERNS[this.dateFormat].fnsPattern))\n        );\n        this._handleSelectDates(initialSelectedDates);\n      }\n    } else {\n      this.displayDate = this.initialDisplayDate;\n    }\n\n    const input = await this.datepickerInputAsync;\n    input.setInvalid(this.invalid);\n  }\n\n  async firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    if (this.menuIsOpen) {\n      const input = await this.datepickerInputAsync;\n      await this.updateFloatingPosition();\n      const cal = await this.calendar;\n      cal.focusOnCalendar(input);\n    }\n  }\n\n  /** @internal */\n  private _getDateFormatRegex(): string {\n    // validate date strings and adhere to the specified date format\n    return (\n      this.dateFormat\n        // Replace any special characters with their escaped version using \"\\\\$&\"\n        .replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")\n        // Replace 'MM' with '\\\\d{2}', which matches two digits representing the month (e.g., 01, 12)\n        .replace(\"MM\", \"\\\\d{2}\")\n        // Replace 'DD' with '\\\\d{2}', which matches two digits representing the day (e.g., 01, 31)\n        .replace(\"DD\", \"\\\\d{2}\")\n        // Replace 'YYYY' with '\\\\d{4}', which matches four digits representing the year (e.g., 2021)\n        .replace(\"YYYY\", \"\\\\d{4}\")\n        // Replace '/' with '\\\\/', which matches the forward slash character\n        .replace(\"/\", \"\\\\/\")\n    );\n  }\n  private _handleTab(event: KeyboardEvent) {\n    if (!this.menuIsOpen) {\n      return;\n    }\n    const tabIndexArray = Array(4);\n    if (event.shiftKey && event.key === \"Tab\") {\n      event.preventDefault();\n      this.focusedTabIndex = (this.focusedTabIndex - 1 + tabIndexArray.length) % tabIndexArray.length;\n    } else if (event.key === \"Tab\") {\n      event.preventDefault();\n      this.focusedTabIndex = (this.focusedTabIndex + 1 + tabIndexArray.length) % tabIndexArray.length;\n    }\n  }\n\n  @watch(\"value\", { waitUntilFirstUpdate: true })\n  async _handleValueChange() {\n    this._mixinSetFormValue();\n    this.emit(\"sgds-change-date\");\n    await this.updateComplete;\n    if (this._mixinShouldSkipSgdsValidation()) return;\n    this._mixinValidate(this.input);\n  }\n\n  private async _handleCloseMenu() {\n    if (this.selectedDateRange.length === 0) {\n      this.displayDate = this.initialDisplayDate;\n    } else {\n      const selectedDatesLength = this.selectedDateRange.length;\n      this.displayDate = this.selectedDateRange[selectedDatesLength - 1];\n      const calendar = await this.calendar;\n      calendar._updateFocusedDate();\n    }\n\n    // Focus input after displayDate reset and calendar re-render to prevent\n    // the calendar's updated() from stealing focus during the hide animation\n    await this.updateComplete;\n    const input = await this.datepickerInputAsync;\n    input.focus();\n  }\n  private async _handleOpenMenu() {\n    const cal = await this.calendar;\n    const input = await this.datepickerInputAsync;\n    cal.focusOnCalendar(input);\n  }\n\n  private _makeInputValueString = (startDate: Date, endDate: Date, dateFormat: string) => {\n    if (!startDate && !endDate) return this.value;\n    const fmtDate = (date: Date) => formatDate(date, DATE_PATTERNS[dateFormat].fnsPattern);\n    switch (this.mode) {\n      case \"single\": {\n        if (startDate) {\n          this.value = fmtDate(startDate);\n        }\n        break;\n      }\n      case \"range\": {\n        if (startDate && endDate) {\n          this.value = `${fmtDate(startDate)} - ${fmtDate(endDate)}`;\n        }\n        if (startDate && !endDate) {\n          this.value = `${fmtDate(startDate)} - ${this.dateFormat}`;\n        }\n        break;\n      }\n    }\n    return this.value;\n  };\n  private _handleSelectDatesInput(event: CustomEvent<Date[]>) {\n    this._handleSelectDates(event.detail);\n  }\n  private async _handleSelectDates(newSelectedDates: Date[]) {\n    newSelectedDates.sort((a: Date, b: Date) => a.getTime() - b.getTime());\n    this.displayDate = newSelectedDates[0];\n    this.focusedDate = newSelectedDates[0];\n    this.selectedDateRange = newSelectedDates;\n    // Get the formattedDate value for the selected dates\n    const formattedDate = this._makeInputValueString(\n      this.selectedDateRange[0],\n      this.selectedDateRange[1],\n      this.dateFormat\n    );\n\n    // Set formattedDate value as the new value for sgds-input\n    this.value = formattedDate;\n    const input = await this.datepickerInputAsync;\n    input.updateMaskValue();\n    this._manageInternalsValid();\n  }\n\n  private async _handleSelectDatesAndClose(event: CustomEvent<Date[]>) {\n    await this._handleSelectDates(event.detail);\n\n    if (this.mode === \"range\" && this.selectedDateRange.length === 2) {\n      this.hideMenu();\n    } else if (this.mode === \"single\" && this.selectedDateRange.length === 1) {\n      this.hideMenu();\n    }\n  }\n\n  /** update latest view state from datepicker-header */\n  private _handleViewChanged(event: CustomEvent<string>) {\n    this.view = event.detail as ViewEnum;\n  }\n\n  private _handleDateChanged(event: CustomEvent<Date>) {\n    this.displayDate = event.detail;\n  }\n  private _handleFocusDateChanged(event: CustomEvent<Date>) {\n    this.focusedDate = event.detail;\n  }\n\n  private _handleSelectMonth(event: CustomEvent<Date>) {\n    this.displayDate = event.detail;\n  }\n\n  private _handleSelectYear(event: CustomEvent<Date>) {\n    this.displayDate = event.detail;\n  }\n  private async _handleInvalidInput() {\n    this.selectedDateRange = [];\n    this.displayDate = this.initialDisplayDate;\n    if (this._mixinShouldSkipSgdsValidation()) return;\n\n    this.invalid = true;\n    this._manageInternalsBadInput();\n  }\n  private async _handleEmptyInput() {\n    if (this.required) {\n      this._manageEmptyInput();\n    }\n    return;\n  }\n  private async _resetDatepicker(resetValue = \"\") {\n    this.displayDate = this.initialDisplayDate;\n    this.selectedDateRange = [];\n    this.value = resetValue;\n    this.view = \"days\";\n    const input = await this.datepickerInputAsync;\n    input.setInvalid(this.invalid);\n    input.destroyInputMask();\n    await input.applyInputMask();\n\n    this._mixinResetValidity(input);\n    if (this.isValueEmpty()) {\n      this._handleEmptyInput();\n    }\n  }\n\n  private _manageInternalsBadInput() {\n    this._mixinSetValidity(\n      {\n        badInput: true\n      },\n      \"Invalid date input\",\n      this.datepickerInput\n    );\n  }\n  /**\n   * Even though element internals handles the required constraint validation. This custom one is still needed as\n   * datepicker input has a special case where the default input mask \"DD/MM/YYYY\" means an empty input.\n   * However, the required constraint validation sees \"DD/MM/YYYY\" as a non-empty input.\n   */\n  private _manageEmptyInput() {\n    this._mixinSetValidity(\n      {\n        valueMissing: true\n      },\n      \"Please fill in this field\",\n      this.datepickerInput\n    );\n  }\n\n  /**\n   * Called when a valid date is entered via input or selected by calendar\n   * 1. sets validity state to valid\n   * 2. updates invalid prop\n   * 3. sets the form value of datepicker\n   */\n  private _manageInternalsValid() {\n    this._mixinSetFormValue();\n    if (this._mixinShouldSkipSgdsValidation()) return;\n\n    this._mixinSetValidity({});\n\n    this.invalid = this.datepickerInput.invalid = false;\n  }\n\n  /**\n   * Handles the form \"reset\" event\n   */\n  private async _mixinResetFormControl() {\n    this._resetDatepicker(this.defaultValue);\n  }\n  private async _handleInputMaskChange(e: CustomEvent) {\n    this.value = e.detail;\n\n    if (this.isValueEmpty()) {\n      this._resetDatepicker();\n    }\n  }\n\n  private _dialogAriaLabels = {\n    days: \"Choose date\",\n    months: \"Choose month\",\n    years: \"Choose year\"\n  };\n  render() {\n    return html`\n      <div class=\"datepicker-container m-width-160\">\n        <sgds-datepicker-input\n          .value=${live(this.value)}\n          ?required=${this.required}\n          ?disabled=${this.disabled}\n          placeholder=${this.mode === \"single\" ? \"DD/MM/YYYY\" : \"DD/MM/YYYY - DD/MM/YYYY\"}\n          mode=${this.mode}\n          invalidFeedback=${ifDefined(this.invalidFeedback ? this.invalidFeedback : this._mixinGetValidationMessage())}\n          @i-sgds-mask-input-change=${this._handleInputMaskChange}\n          @i-sgds-invalid-input=${this._handleInvalidInput}\n          minDate=${this.minDate}\n          maxDate=${this.maxDate}\n          label=${this.label}\n          hintText=${this.hintText}\n          name=${this.name}\n          ?invalid=${this.invalid}\n          hasFeedback=${ifDefined(this.hasFeedback ? \"both\" : undefined)}\n          ?readonly=${this.readonly}\n        >\n          <sgds-icon-button\n            slot=\"calendar-btn\"\n            ${ref(this.myDropdown)}\n            tone=\"neutral\"\n            class=${classMap({\n              \"calendar-btn\": true,\n              \"with-hint-text\": this.hintText || this.invalid,\n              \"with-label\": this.label\n            })}\n            aria-expanded=\"${this.menuIsOpen}\"\n            aria-haspopup=\"dialog\"\n            aria-controls=${this.dropdownMenuId}\n            @click=${() => this.toggleMenu()}\n            ariaLabel=${this.menuIsOpen ? \"Close Calendar\" : \"Open Calendar\"}\n            ?disabled=${this.disabled || this.readonly}\n            ?active=${this.menuIsOpen}\n            variant=\"outline\"\n            name=\"calendar\"\n          >\n          </sgds-icon-button>\n        </sgds-datepicker-input>\n        <div\n          id=${this.dropdownMenuId}\n          class=\"sgds datepicker dropdown-menu\"\n          role=\"dialog\"\n          aria-label=${this._dialogAriaLabels[this.view]}\n          @click=${(event: MouseEvent) => event.stopPropagation()}\n          ${ref(this.menuRef)}\n        >\n          <sgds-datepicker-header\n            .view=${this.view}\n            .displayDate=${this.displayDate}\n            .focusedDate=${this.focusedDate}\n            .selectedDate=${this.selectedDateRange}\n            .focusedTabIndex=${this.focusedTabIndex}\n          ></sgds-datepicker-header>\n          <sgds-datepicker-calendar\n            .show=${this.menuIsOpen}\n            .view=${this.view}\n            .displayDate=${this.displayDate}\n            .mode=${this.mode}\n            minDate=${this.minDate}\n            maxDate=${this.maxDate}\n            .selectedDate=${this.selectedDateRange}\n            .focusedTabIndex=${this.focusedTabIndex}\n          ></sgds-datepicker-calendar>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default SgdsDatepicker;\n"],"mappings":"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"}

package/components/Input/index.umd.min.js

@@ -2368,7 +2368,7 @@ let Ke=Symbol.for(``),qe=e=>{if(e?.r===Ke)return e?._$litStatic$},Je=/* @__PURE_
       clip-rule="evenodd"
     />
   </svg>
-`}));let Dp={announcement:()=>Promise.resolve().then(()=>(dt(),lt)),archive:()=>Promise.resolve().then(()=>(mt(),ft)),"arrow-bar-down":()=>Promise.resolve().then(()=>(_t(),ht)),"arrow-bar-left":()=>Promise.resolve().then(()=>(bt(),vt)),"arrow-bar-right":()=>Promise.resolve().then(()=>(Ct(),xt)),"arrow-bar-up":()=>Promise.resolve().then(()=>(Et(),wt)),"arrow-circle-down":()=>Promise.resolve().then(()=>(kt(),Dt)),"arrow-circle-left":()=>Promise.resolve().then(()=>(Mt(),At)),"arrow-circle-right":()=>Promise.resolve().then(()=>(Ft(),Nt)),"arrow-circle-up":()=>Promise.resolve().then(()=>(Rt(),It)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Vt(),zt)),"arrow-down":()=>Promise.resolve().then(()=>(Wt(),Ht)),"arrow-left":()=>Promise.resolve().then(()=>(qt(),Gt)),"arrow-repeat":()=>Promise.resolve().then(()=>(Xt(),Jt)),"arrow-right":()=>Promise.resolve().then(()=>($t(),Zt)),"arrow-square-down":()=>Promise.resolve().then(()=>(nn(),en)),"arrow-square-left":()=>Promise.resolve().then(()=>(on(),rn)),"arrow-square-right":()=>Promise.resolve().then(()=>(ln(),sn)),"arrow-square-up":()=>Promise.resolve().then(()=>(fn(),un)),"arrow-up":()=>Promise.resolve().then(()=>(hn(),pn)),"bank-fill":()=>Promise.resolve().then(()=>(vn(),gn)),"bell-slash":()=>Promise.resolve().then(()=>(xn(),yn)),bell:()=>Promise.resolve().then(()=>(wn(),Sn)),"bi-funnel":()=>Promise.resolve().then(()=>(Dn(),Tn)),"bookmark-fill":()=>Promise.resolve().then(()=>(An(),On)),bookmark:()=>Promise.resolve().then(()=>(Nn(),jn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(In(),Pn)),"box-seam":()=>Promise.resolve().then(()=>(zn(),Ln)),building:()=>Promise.resolve().then(()=>(Hn(),Bn)),bus:()=>Promise.resolve().then(()=>(Gn(),Un)),calculator:()=>Promise.resolve().then(()=>(Jn(),Kn)),"calendar-check":()=>Promise.resolve().then(()=>(Zn(),Yn)),"calendar-heart":()=>Promise.resolve().then(()=>(er(),Qn)),"calendar-x":()=>Promise.resolve().then(()=>(rr(),tr)),calendar:()=>Promise.resolve().then(()=>(or(),ir)),camera:()=>Promise.resolve().then(()=>(lr(),sr)),car:()=>Promise.resolve().then(()=>(fr(),ur)),"chat-dots":()=>Promise.resolve().then(()=>(hr(),pr)),"chat-left-text":()=>Promise.resolve().then(()=>(vr(),gr)),chat:()=>Promise.resolve().then(()=>(xr(),yr)),"check-circle-fill":()=>Promise.resolve().then(()=>(wr(),Sr)),"check-circle":()=>Promise.resolve().then(()=>(Dr(),Tr)),check:()=>Promise.resolve().then(()=>(Ar(),Or)),"chevron-down":()=>Promise.resolve().then(()=>(Nr(),jr)),"chevron-left":()=>Promise.resolve().then(()=>(Ir(),Pr)),"chevron-right":()=>Promise.resolve().then(()=>(zr(),Lr)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(Hr(),Br)),"chevron-up":()=>Promise.resolve().then(()=>(Gr(),Ur)),clock:()=>Promise.resolve().then(()=>(Jr(),Kr)),"cloud-check":()=>Promise.resolve().then(()=>(Zr(),Yr)),"cloud-download":()=>Promise.resolve().then(()=>(ei(),Qr)),"cloud-upload":()=>Promise.resolve().then(()=>(ri(),ti)),cloud:()=>Promise.resolve().then(()=>(oi(),ii)),"code-square":()=>Promise.resolve().then(()=>(li(),si)),"coins-hand":()=>Promise.resolve().then(()=>(fi(),ui)),compass:()=>Promise.resolve().then(()=>(hi(),pi)),copy:()=>Promise.resolve().then(()=>(vi(),gi)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(xi(),yi)),cross:()=>Promise.resolve().then(()=>(wi(),Si)),"cursor-fill":()=>Promise.resolve().then(()=>(Di(),Ti)),cursor:()=>Promise.resolve().then(()=>(Ai(),Oi)),"dash-circle":()=>Promise.resolve().then(()=>(Ni(),ji)),"dash-square":()=>Promise.resolve().then(()=>(Ii(),Pi)),dash:()=>Promise.resolve().then(()=>(zi(),Li)),database:()=>Promise.resolve().then(()=>(Hi(),Bi)),dataflow:()=>Promise.resolve().then(()=>(Gi(),Ui)),download:()=>Promise.resolve().then(()=>(Ji(),Ki)),edit:()=>Promise.resolve().then(()=>(Zi(),Yi)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(ea(),Qi)),"exclamation-circle":()=>Promise.resolve().then(()=>(ra(),ta)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(oa(),ia)),"exclamation-triangle":()=>Promise.resolve().then(()=>(la(),sa)),exclamation:()=>Promise.resolve().then(()=>(fa(),ua)),"eye-fill":()=>Promise.resolve().then(()=>(ha(),pa)),"eye-slash-fill":()=>Promise.resolve().then(()=>(va(),ga)),"eye-slash":()=>Promise.resolve().then(()=>(xa(),ya)),eye:()=>Promise.resolve().then(()=>(wa(),Sa)),"face-smile-fill":()=>Promise.resolve().then(()=>(Da(),Ta)),"face-smile":()=>Promise.resolve().then(()=>(Aa(),Oa)),facebook:()=>Promise.resolve().then(()=>(Na(),ja)),"file-earmark-text":()=>Promise.resolve().then(()=>(Ia(),Pa)),"file-pdf":()=>Promise.resolve().then(()=>(za(),La)),"file-plus":()=>Promise.resolve().then(()=>(Ha(),Ba)),"file-text":()=>Promise.resolve().then(()=>(Ga(),Ua)),file:()=>Promise.resolve().then(()=>(Ja(),Ka)),files:()=>Promise.resolve().then(()=>(Za(),Ya)),fingerprint:()=>Promise.resolve().then(()=>(eo(),Qa)),flash:()=>Promise.resolve().then(()=>(ro(),to)),"folder-check":()=>Promise.resolve().then(()=>(oo(),io)),"folder-minus":()=>Promise.resolve().then(()=>(lo(),so)),"folder-plus":()=>Promise.resolve().then(()=>(po(),uo)),folder:()=>Promise.resolve().then(()=>(go(),mo)),gear:()=>Promise.resolve().then(()=>(yo(),_o)),"geo-alt":()=>Promise.resolve().then(()=>(So(),bo)),"geo-fill":()=>Promise.resolve().then(()=>(To(),Co)),geo:()=>Promise.resolve().then(()=>(Oo(),Eo)),"globe-alt":()=>Promise.resolve().then(()=>(jo(),ko)),globe:()=>Promise.resolve().then(()=>(Po(),Mo)),google:()=>Promise.resolve().then(()=>(Lo(),Fo)),"grid-alt":()=>Promise.resolve().then(()=>(Bo(),Ro)),"grid-fill":()=>Promise.resolve().then(()=>(Uo(),Vo)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Ko(),Wo)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(Yo(),qo)),"hard-drive":()=>Promise.resolve().then(()=>(Qo(),Xo)),heart:()=>Promise.resolve().then(()=>(ts(),$o)),"house-door":()=>Promise.resolve().then(()=>(is(),ns)),house:()=>Promise.resolve().then(()=>(ss(),as)),image:()=>Promise.resolve().then(()=>(us(),cs)),"in-box":()=>Promise.resolve().then(()=>(ps(),ds)),"info-circle-fill":()=>Promise.resolve().then(()=>(gs(),ms)),"info-circle":()=>Promise.resolve().then(()=>(ys(),_s)),instagram:()=>Promise.resolve().then(()=>(Ss(),bs)),key:()=>Promise.resolve().then(()=>(Ts(),Cs)),"laptop-gear":()=>Promise.resolve().then(()=>(Os(),Es)),laptop:()=>Promise.resolve().then(()=>(js(),ks)),layers:()=>Promise.resolve().then(()=>(Ps(),Ms)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(Ls(),Fs)),"layout-text-window":()=>Promise.resolve().then(()=>(Bs(),Rs)),layout:()=>Promise.resolve().then(()=>(Us(),Vs)),"life-buoy":()=>Promise.resolve().then(()=>(Ks(),Ws)),lightbulb:()=>Promise.resolve().then(()=>(Ys(),qs)),link:()=>Promise.resolve().then(()=>(Qs(),Xs)),linkedin:()=>Promise.resolve().then(()=>(tc(),$s)),list:()=>Promise.resolve().then(()=>(ic(),nc)),"lock-fill":()=>Promise.resolve().then(()=>(sc(),ac)),lock:()=>Promise.resolve().then(()=>(uc(),cc)),login:()=>Promise.resolve().then(()=>(pc(),dc)),logout:()=>Promise.resolve().then(()=>(gc(),mc)),luggage:()=>Promise.resolve().then(()=>(yc(),_c)),"mail-open":()=>Promise.resolve().then(()=>(Sc(),bc)),mail:()=>Promise.resolve().then(()=>(Tc(),Cc)),map:()=>Promise.resolve().then(()=>(Oc(),Ec)),meetup:()=>Promise.resolve().then(()=>(jc(),kc)),menu:()=>Promise.resolve().then(()=>(Pc(),Mc)),microphone:()=>Promise.resolve().then(()=>(Lc(),Fc)),monitor:()=>Promise.resolve().then(()=>(Bc(),Rc)),moon:()=>Promise.resolve().then(()=>(Uc(),Vc)),move:()=>Promise.resolve().then(()=>(Kc(),Wc)),paperclip:()=>Promise.resolve().then(()=>(Yc(),qc)),passcode:()=>Promise.resolve().then(()=>(Qc(),Xc)),passport:()=>Promise.resolve().then(()=>(tl(),$c)),pause:()=>Promise.resolve().then(()=>(il(),nl)),pencil:()=>Promise.resolve().then(()=>(sl(),al)),"pending-circle":()=>Promise.resolve().then(()=>(ul(),cl)),"person-dash":()=>Promise.resolve().then(()=>(pl(),dl)),"person-plus":()=>Promise.resolve().then(()=>(gl(),ml)),"person-x":()=>Promise.resolve().then(()=>(yl(),_l)),person:()=>Promise.resolve().then(()=>(Sl(),bl)),phone:()=>Promise.resolve().then(()=>(Tl(),Cl)),"pin-map-fill":()=>Promise.resolve().then(()=>(Ol(),El)),pin:()=>Promise.resolve().then(()=>(jl(),kl)),placeholder:()=>Promise.resolve().then(()=>(Pl(),Ml)),plane:()=>Promise.resolve().then(()=>(Ll(),Fl)),play:()=>Promise.resolve().then(()=>(Bl(),Rl)),"plus-circle":()=>Promise.resolve().then(()=>(Ul(),Vl)),"plus-square":()=>Promise.resolve().then(()=>(Kl(),Wl)),plus:()=>Promise.resolve().then(()=>(Yl(),ql)),printer:()=>Promise.resolve().then(()=>(Ql(),Xl)),"question-circle":()=>Promise.resolve().then(()=>(tu(),$l)),rocket:()=>Promise.resolve().then(()=>(iu(),nu)),save:()=>Promise.resolve().then(()=>(su(),au)),search:()=>Promise.resolve().then(()=>(uu(),cu)),send:()=>Promise.resolve().then(()=>(pu(),du)),"sg-crest":()=>Promise.resolve().then(()=>(gu(),mu)),share:()=>Promise.resolve().then(()=>(yu(),_u)),"shield-tick":()=>Promise.resolve().then(()=>(Su(),bu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(Tu(),Cu)),"sidebar-expand":()=>Promise.resolve().then(()=>(Ou(),Eu)),"slash-circle":()=>Promise.resolve().then(()=>(ju(),ku)),"slash-divider":()=>Promise.resolve().then(()=>(Pu(),Mu)),sliders:()=>Promise.resolve().then(()=>(Lu(),Fu)),"sort-ascending":()=>Promise.resolve().then(()=>(Bu(),Ru)),"sort-descending":()=>Promise.resolve().then(()=>(Uu(),Vu)),speedometer:()=>Promise.resolve().then(()=>(Ku(),Wu)),"star-ai":()=>Promise.resolve().then(()=>(Yu(),qu)),"star-fill":()=>Promise.resolve().then(()=>(Qu(),Xu)),star:()=>Promise.resolve().then(()=>(td(),$u)),stoplights:()=>Promise.resolve().then(()=>(id(),nd)),sun:()=>Promise.resolve().then(()=>(sd(),ad)),"switch-horizontal":()=>Promise.resolve().then(()=>(ud(),cd)),"switch-vertical":()=>Promise.resolve().then(()=>(pd(),dd)),tablet:()=>Promise.resolve().then(()=>(gd(),md)),telegram:()=>Promise.resolve().then(()=>(yd(),_d)),telephone:()=>Promise.resolve().then(()=>(Sd(),bd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(Td(),Cd)),"three-dots":()=>Promise.resolve().then(()=>(Od(),Ed)),ticket:()=>Promise.resolve().then(()=>(jd(),kd)),"toggle-off":()=>Promise.resolve().then(()=>(Pd(),Md)),"toggle-on":()=>Promise.resolve().then(()=>(Ld(),Fd)),train:()=>Promise.resolve().then(()=>(Bd(),Rd)),translate:()=>Promise.resolve().then(()=>(Ud(),Vd)),trash:()=>Promise.resolve().then(()=>(Kd(),Wd)),"trend-down":()=>Promise.resolve().then(()=>(Yd(),qd)),"trend-up":()=>Promise.resolve().then(()=>(Qd(),Xd)),truck:()=>Promise.resolve().then(()=>(tf(),$d)),"twitter-x":()=>Promise.resolve().then(()=>(af(),nf)),unlock:()=>Promise.resolve().then(()=>(cf(),of)),upload:()=>Promise.resolve().then(()=>(df(),lf)),"user-check":()=>Promise.resolve().then(()=>(mf(),ff)),"user-circle":()=>Promise.resolve().then(()=>(_f(),hf)),"user-pause":()=>Promise.resolve().then(()=>(bf(),vf)),"user-square":()=>Promise.resolve().then(()=>(Cf(),xf)),users:()=>Promise.resolve().then(()=>(Ef(),wf)),"video-recorder":()=>Promise.resolve().then(()=>(kf(),Df)),"volume-max":()=>Promise.resolve().then(()=>(Mf(),Af)),"volume-x":()=>Promise.resolve().then(()=>(Ff(),Nf)),"window-dash":()=>Promise.resolve().then(()=>(Rf(),If)),"window-desktop":()=>Promise.resolve().then(()=>(Vf(),zf)),"window-dock":()=>Promise.resolve().then(()=>(Wf(),Hf)),"window-fullscreen":()=>Promise.resolve().then(()=>(qf(),Gf)),"window-plus":()=>Promise.resolve().then(()=>(Xf(),Jf)),"window-sidebar":()=>Promise.resolve().then(()=>($f(),Zf)),"window-split":()=>Promise.resolve().then(()=>(np(),ep)),"window-stack":()=>Promise.resolve().then(()=>(ap(),rp)),"window-x":()=>Promise.resolve().then(()=>(cp(),op)),window:()=>Promise.resolve().then(()=>(dp(),lp)),"xcircle-fill":()=>Promise.resolve().then(()=>(mp(),fp)),xcircle:()=>Promise.resolve().then(()=>(_p(),hp)),youtube:()=>Promise.resolve().then(()=>(bp(),vp)),"zoom-in":()=>Promise.resolve().then(()=>(Cp(),xp)),"zoom-out":()=>Promise.resolve().then(()=>(Ep(),wp))};H();var Op=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;H();let kp=/* @__PURE__ */ new Map;var Q=class extends Y{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...Y.styles,Op]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(kp.has(e)){this._icon=kp.get(e);return}let t=Dp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();kp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??P}};J([U({type:String,reflect:!0})],Q.prototype,`name`,void 0),J([U({type:String,reflect:!0})],Q.prototype,`size`,void 0),J([U({type:String})],Q.prototype,`ariaLabel`,void 0),J([Ie()],Q.prototype,`_icon`,void 0),H();var $=class extends it(X){constructor(...e){super(...e),this.type=`text`,this.placeholder=`placeholder`,this.autofocus=!1,this.readonly=!1,this.autocomplete=`on`,this.defaultValue=``,this.valid=!1,this.loading=!1,this.required=!1,this.noValidate=!1,this.value=``,this._isTouched=!1,this._showPassword=!1}static{this.styles=[...X.styles,tt,Qe,ct]}static{this.dependencies={"sgds-spinner":Z,"sgds-icon":Q}}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,n){return this._mixinSetValidity(e,t,n)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit(`sgds-focus`)}_handleBlur(){let e=this.emit(`sgds-blur`,{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleClick(){this.focus()}_handleChange(e){this.value=this.input.value,!this.emit(`sgds-change`,{cancelable:!0}).defaultPrevented&&super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value,!this.emit(`sgds-input`,{cancelable:!0}).defaultPrevented&&super._mixinHandleInputChange(e)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_renderInput(){let e=this.hasFeedback===`both`||this.hasFeedback===`style`,t=this.hasFeedback===`both`||this.hasFeedback===`text`,n=[this.hintText?`${this._controlId}Help`:``,this.invalid&&t?`${this._controlId}-invalid`:``].filter(Boolean).join(` `)||void 0;return q`
+`}));let Dp={announcement:()=>Promise.resolve().then(()=>(dt(),lt)),archive:()=>Promise.resolve().then(()=>(mt(),ft)),"arrow-bar-down":()=>Promise.resolve().then(()=>(_t(),ht)),"arrow-bar-left":()=>Promise.resolve().then(()=>(bt(),vt)),"arrow-bar-right":()=>Promise.resolve().then(()=>(Ct(),xt)),"arrow-bar-up":()=>Promise.resolve().then(()=>(Et(),wt)),"arrow-circle-down":()=>Promise.resolve().then(()=>(kt(),Dt)),"arrow-circle-left":()=>Promise.resolve().then(()=>(Mt(),At)),"arrow-circle-right":()=>Promise.resolve().then(()=>(Ft(),Nt)),"arrow-circle-up":()=>Promise.resolve().then(()=>(Rt(),It)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Vt(),zt)),"arrow-down":()=>Promise.resolve().then(()=>(Wt(),Ht)),"arrow-left":()=>Promise.resolve().then(()=>(qt(),Gt)),"arrow-repeat":()=>Promise.resolve().then(()=>(Xt(),Jt)),"arrow-right":()=>Promise.resolve().then(()=>($t(),Zt)),"arrow-square-down":()=>Promise.resolve().then(()=>(nn(),en)),"arrow-square-left":()=>Promise.resolve().then(()=>(on(),rn)),"arrow-square-right":()=>Promise.resolve().then(()=>(ln(),sn)),"arrow-square-up":()=>Promise.resolve().then(()=>(fn(),un)),"arrow-up":()=>Promise.resolve().then(()=>(hn(),pn)),"bank-fill":()=>Promise.resolve().then(()=>(vn(),gn)),"bell-slash":()=>Promise.resolve().then(()=>(xn(),yn)),bell:()=>Promise.resolve().then(()=>(wn(),Sn)),"bi-funnel":()=>Promise.resolve().then(()=>(Dn(),Tn)),"bookmark-fill":()=>Promise.resolve().then(()=>(An(),On)),bookmark:()=>Promise.resolve().then(()=>(Nn(),jn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(In(),Pn)),"box-seam":()=>Promise.resolve().then(()=>(zn(),Ln)),building:()=>Promise.resolve().then(()=>(Hn(),Bn)),bus:()=>Promise.resolve().then(()=>(Gn(),Un)),calculator:()=>Promise.resolve().then(()=>(Jn(),Kn)),"calendar-check":()=>Promise.resolve().then(()=>(Zn(),Yn)),"calendar-heart":()=>Promise.resolve().then(()=>(er(),Qn)),"calendar-x":()=>Promise.resolve().then(()=>(rr(),tr)),calendar:()=>Promise.resolve().then(()=>(or(),ir)),camera:()=>Promise.resolve().then(()=>(lr(),sr)),car:()=>Promise.resolve().then(()=>(fr(),ur)),"chat-dots":()=>Promise.resolve().then(()=>(hr(),pr)),"chat-left-text":()=>Promise.resolve().then(()=>(vr(),gr)),chat:()=>Promise.resolve().then(()=>(xr(),yr)),"check-circle-fill":()=>Promise.resolve().then(()=>(wr(),Sr)),"check-circle":()=>Promise.resolve().then(()=>(Dr(),Tr)),check:()=>Promise.resolve().then(()=>(Ar(),Or)),"chevron-down":()=>Promise.resolve().then(()=>(Nr(),jr)),"chevron-left":()=>Promise.resolve().then(()=>(Ir(),Pr)),"chevron-right":()=>Promise.resolve().then(()=>(zr(),Lr)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(Hr(),Br)),"chevron-up":()=>Promise.resolve().then(()=>(Gr(),Ur)),clock:()=>Promise.resolve().then(()=>(Jr(),Kr)),"cloud-check":()=>Promise.resolve().then(()=>(Zr(),Yr)),"cloud-download":()=>Promise.resolve().then(()=>(ei(),Qr)),"cloud-upload":()=>Promise.resolve().then(()=>(ri(),ti)),cloud:()=>Promise.resolve().then(()=>(oi(),ii)),"code-square":()=>Promise.resolve().then(()=>(li(),si)),"coins-hand":()=>Promise.resolve().then(()=>(fi(),ui)),compass:()=>Promise.resolve().then(()=>(hi(),pi)),copy:()=>Promise.resolve().then(()=>(vi(),gi)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(xi(),yi)),cross:()=>Promise.resolve().then(()=>(wi(),Si)),"cursor-fill":()=>Promise.resolve().then(()=>(Di(),Ti)),cursor:()=>Promise.resolve().then(()=>(Ai(),Oi)),"dash-circle":()=>Promise.resolve().then(()=>(Ni(),ji)),"dash-square":()=>Promise.resolve().then(()=>(Ii(),Pi)),dash:()=>Promise.resolve().then(()=>(zi(),Li)),database:()=>Promise.resolve().then(()=>(Hi(),Bi)),dataflow:()=>Promise.resolve().then(()=>(Gi(),Ui)),download:()=>Promise.resolve().then(()=>(Ji(),Ki)),edit:()=>Promise.resolve().then(()=>(Zi(),Yi)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(ea(),Qi)),"exclamation-circle":()=>Promise.resolve().then(()=>(ra(),ta)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(oa(),ia)),"exclamation-triangle":()=>Promise.resolve().then(()=>(la(),sa)),exclamation:()=>Promise.resolve().then(()=>(fa(),ua)),"eye-fill":()=>Promise.resolve().then(()=>(ha(),pa)),"eye-slash-fill":()=>Promise.resolve().then(()=>(va(),ga)),"eye-slash":()=>Promise.resolve().then(()=>(xa(),ya)),eye:()=>Promise.resolve().then(()=>(wa(),Sa)),"face-smile-fill":()=>Promise.resolve().then(()=>(Da(),Ta)),"face-smile":()=>Promise.resolve().then(()=>(Aa(),Oa)),facebook:()=>Promise.resolve().then(()=>(Na(),ja)),"file-earmark-text":()=>Promise.resolve().then(()=>(Ia(),Pa)),"file-pdf":()=>Promise.resolve().then(()=>(za(),La)),"file-plus":()=>Promise.resolve().then(()=>(Ha(),Ba)),"file-text":()=>Promise.resolve().then(()=>(Ga(),Ua)),file:()=>Promise.resolve().then(()=>(Ja(),Ka)),files:()=>Promise.resolve().then(()=>(Za(),Ya)),fingerprint:()=>Promise.resolve().then(()=>(eo(),Qa)),flash:()=>Promise.resolve().then(()=>(ro(),to)),"folder-check":()=>Promise.resolve().then(()=>(oo(),io)),"folder-minus":()=>Promise.resolve().then(()=>(lo(),so)),"folder-plus":()=>Promise.resolve().then(()=>(po(),uo)),folder:()=>Promise.resolve().then(()=>(go(),mo)),gear:()=>Promise.resolve().then(()=>(yo(),_o)),"geo-alt":()=>Promise.resolve().then(()=>(So(),bo)),"geo-fill":()=>Promise.resolve().then(()=>(To(),Co)),geo:()=>Promise.resolve().then(()=>(Oo(),Eo)),"globe-alt":()=>Promise.resolve().then(()=>(jo(),ko)),globe:()=>Promise.resolve().then(()=>(Po(),Mo)),google:()=>Promise.resolve().then(()=>(Lo(),Fo)),"grid-alt":()=>Promise.resolve().then(()=>(Bo(),Ro)),"grid-fill":()=>Promise.resolve().then(()=>(Uo(),Vo)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Ko(),Wo)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(Yo(),qo)),"hard-drive":()=>Promise.resolve().then(()=>(Qo(),Xo)),heart:()=>Promise.resolve().then(()=>(ts(),$o)),"house-door":()=>Promise.resolve().then(()=>(is(),ns)),house:()=>Promise.resolve().then(()=>(ss(),as)),image:()=>Promise.resolve().then(()=>(us(),cs)),"in-box":()=>Promise.resolve().then(()=>(ps(),ds)),"info-circle-fill":()=>Promise.resolve().then(()=>(gs(),ms)),"info-circle":()=>Promise.resolve().then(()=>(ys(),_s)),instagram:()=>Promise.resolve().then(()=>(Ss(),bs)),key:()=>Promise.resolve().then(()=>(Ts(),Cs)),"laptop-gear":()=>Promise.resolve().then(()=>(Os(),Es)),laptop:()=>Promise.resolve().then(()=>(js(),ks)),layers:()=>Promise.resolve().then(()=>(Ps(),Ms)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(Ls(),Fs)),"layout-text-window":()=>Promise.resolve().then(()=>(Bs(),Rs)),layout:()=>Promise.resolve().then(()=>(Us(),Vs)),"life-buoy":()=>Promise.resolve().then(()=>(Ks(),Ws)),lightbulb:()=>Promise.resolve().then(()=>(Ys(),qs)),link:()=>Promise.resolve().then(()=>(Qs(),Xs)),linkedin:()=>Promise.resolve().then(()=>(tc(),$s)),list:()=>Promise.resolve().then(()=>(ic(),nc)),"lock-fill":()=>Promise.resolve().then(()=>(sc(),ac)),lock:()=>Promise.resolve().then(()=>(uc(),cc)),login:()=>Promise.resolve().then(()=>(pc(),dc)),logout:()=>Promise.resolve().then(()=>(gc(),mc)),luggage:()=>Promise.resolve().then(()=>(yc(),_c)),"mail-open":()=>Promise.resolve().then(()=>(Sc(),bc)),mail:()=>Promise.resolve().then(()=>(Tc(),Cc)),map:()=>Promise.resolve().then(()=>(Oc(),Ec)),meetup:()=>Promise.resolve().then(()=>(jc(),kc)),menu:()=>Promise.resolve().then(()=>(Pc(),Mc)),microphone:()=>Promise.resolve().then(()=>(Lc(),Fc)),monitor:()=>Promise.resolve().then(()=>(Bc(),Rc)),moon:()=>Promise.resolve().then(()=>(Uc(),Vc)),move:()=>Promise.resolve().then(()=>(Kc(),Wc)),paperclip:()=>Promise.resolve().then(()=>(Yc(),qc)),passcode:()=>Promise.resolve().then(()=>(Qc(),Xc)),passport:()=>Promise.resolve().then(()=>(tl(),$c)),pause:()=>Promise.resolve().then(()=>(il(),nl)),pencil:()=>Promise.resolve().then(()=>(sl(),al)),"pending-circle":()=>Promise.resolve().then(()=>(ul(),cl)),"person-dash":()=>Promise.resolve().then(()=>(pl(),dl)),"person-plus":()=>Promise.resolve().then(()=>(gl(),ml)),"person-x":()=>Promise.resolve().then(()=>(yl(),_l)),person:()=>Promise.resolve().then(()=>(Sl(),bl)),phone:()=>Promise.resolve().then(()=>(Tl(),Cl)),"pin-map-fill":()=>Promise.resolve().then(()=>(Ol(),El)),pin:()=>Promise.resolve().then(()=>(jl(),kl)),placeholder:()=>Promise.resolve().then(()=>(Pl(),Ml)),plane:()=>Promise.resolve().then(()=>(Ll(),Fl)),play:()=>Promise.resolve().then(()=>(Bl(),Rl)),"plus-circle":()=>Promise.resolve().then(()=>(Ul(),Vl)),"plus-square":()=>Promise.resolve().then(()=>(Kl(),Wl)),plus:()=>Promise.resolve().then(()=>(Yl(),ql)),printer:()=>Promise.resolve().then(()=>(Ql(),Xl)),"question-circle":()=>Promise.resolve().then(()=>(tu(),$l)),rocket:()=>Promise.resolve().then(()=>(iu(),nu)),save:()=>Promise.resolve().then(()=>(su(),au)),search:()=>Promise.resolve().then(()=>(uu(),cu)),send:()=>Promise.resolve().then(()=>(pu(),du)),"sg-crest":()=>Promise.resolve().then(()=>(gu(),mu)),share:()=>Promise.resolve().then(()=>(yu(),_u)),"shield-tick":()=>Promise.resolve().then(()=>(Su(),bu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(Tu(),Cu)),"sidebar-expand":()=>Promise.resolve().then(()=>(Ou(),Eu)),"slash-circle":()=>Promise.resolve().then(()=>(ju(),ku)),"slash-divider":()=>Promise.resolve().then(()=>(Pu(),Mu)),sliders:()=>Promise.resolve().then(()=>(Lu(),Fu)),"sort-ascending":()=>Promise.resolve().then(()=>(Bu(),Ru)),"sort-descending":()=>Promise.resolve().then(()=>(Uu(),Vu)),speedometer:()=>Promise.resolve().then(()=>(Ku(),Wu)),"star-ai":()=>Promise.resolve().then(()=>(Yu(),qu)),"star-fill":()=>Promise.resolve().then(()=>(Qu(),Xu)),star:()=>Promise.resolve().then(()=>(td(),$u)),stoplights:()=>Promise.resolve().then(()=>(id(),nd)),sun:()=>Promise.resolve().then(()=>(sd(),ad)),"switch-horizontal":()=>Promise.resolve().then(()=>(ud(),cd)),"switch-vertical":()=>Promise.resolve().then(()=>(pd(),dd)),tablet:()=>Promise.resolve().then(()=>(gd(),md)),telegram:()=>Promise.resolve().then(()=>(yd(),_d)),telephone:()=>Promise.resolve().then(()=>(Sd(),bd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(Td(),Cd)),"three-dots":()=>Promise.resolve().then(()=>(Od(),Ed)),ticket:()=>Promise.resolve().then(()=>(jd(),kd)),"toggle-off":()=>Promise.resolve().then(()=>(Pd(),Md)),"toggle-on":()=>Promise.resolve().then(()=>(Ld(),Fd)),train:()=>Promise.resolve().then(()=>(Bd(),Rd)),translate:()=>Promise.resolve().then(()=>(Ud(),Vd)),trash:()=>Promise.resolve().then(()=>(Kd(),Wd)),"trend-down":()=>Promise.resolve().then(()=>(Yd(),qd)),"trend-up":()=>Promise.resolve().then(()=>(Qd(),Xd)),truck:()=>Promise.resolve().then(()=>(tf(),$d)),"twitter-x":()=>Promise.resolve().then(()=>(af(),nf)),unlock:()=>Promise.resolve().then(()=>(cf(),of)),upload:()=>Promise.resolve().then(()=>(df(),lf)),"user-check":()=>Promise.resolve().then(()=>(mf(),ff)),"user-circle":()=>Promise.resolve().then(()=>(_f(),hf)),"user-pause":()=>Promise.resolve().then(()=>(bf(),vf)),"user-square":()=>Promise.resolve().then(()=>(Cf(),xf)),users:()=>Promise.resolve().then(()=>(Ef(),wf)),"video-recorder":()=>Promise.resolve().then(()=>(kf(),Df)),"volume-max":()=>Promise.resolve().then(()=>(Mf(),Af)),"volume-x":()=>Promise.resolve().then(()=>(Ff(),Nf)),"window-dash":()=>Promise.resolve().then(()=>(Rf(),If)),"window-desktop":()=>Promise.resolve().then(()=>(Vf(),zf)),"window-dock":()=>Promise.resolve().then(()=>(Wf(),Hf)),"window-fullscreen":()=>Promise.resolve().then(()=>(qf(),Gf)),"window-plus":()=>Promise.resolve().then(()=>(Xf(),Jf)),"window-sidebar":()=>Promise.resolve().then(()=>($f(),Zf)),"window-split":()=>Promise.resolve().then(()=>(np(),ep)),"window-stack":()=>Promise.resolve().then(()=>(ap(),rp)),"window-x":()=>Promise.resolve().then(()=>(cp(),op)),window:()=>Promise.resolve().then(()=>(dp(),lp)),"xcircle-fill":()=>Promise.resolve().then(()=>(mp(),fp)),xcircle:()=>Promise.resolve().then(()=>(_p(),hp)),youtube:()=>Promise.resolve().then(()=>(bp(),vp)),"zoom-in":()=>Promise.resolve().then(()=>(Cp(),xp)),"zoom-out":()=>Promise.resolve().then(()=>(Ep(),wp))};H();var Op=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;H();let kp=/* @__PURE__ */ new Map;var Q=class extends Y{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...Y.styles,Op]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(kp.has(e)){this._icon=kp.get(e);return}let t=Dp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();kp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??P}};J([U({type:String,reflect:!0})],Q.prototype,`name`,void 0),J([U({type:String,reflect:!0})],Q.prototype,`size`,void 0),J([U({type:String})],Q.prototype,`ariaLabel`,void 0),J([Ie()],Q.prototype,`_icon`,void 0),H();var $=class extends it(X){constructor(...e){super(...e),this.type=`text`,this.placeholder=`placeholder`,this.autofocus=!1,this.readonly=!1,this.autocomplete=`on`,this.defaultValue=``,this.valid=!1,this.loading=!1,this.required=!1,this.noValidate=!1,this.value=``,this._isTouched=!1,this._showPassword=!1}static{this.styles=[...X.styles,tt,Qe,ct]}static{this.dependencies={"sgds-spinner":Z,"sgds-icon":Q}}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,n){return this._mixinSetValidity(e,t,n)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit(`sgds-focus`)}_handleBlur(){let e=this.emit(`sgds-blur`,{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleClick(){this.focus()}_handleChange(e){this.value=this.input.value,!this.emit(`sgds-change`,{cancelable:!0}).defaultPrevented&&super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value,!this.emit(`sgds-input`,{cancelable:!0}).defaultPrevented&&super._mixinHandleInputChange(e)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}async _handleValueChange(){this._mixinSetFormValue(),await this.updateComplete,!this._mixinShouldSkipSgdsValidation()&&this._mixinValidate(this.input)}_renderInput(){let e=this.hasFeedback===`both`||this.hasFeedback===`style`,t=this.hasFeedback===`both`||this.hasFeedback===`text`,n=[this.hintText?`${this._controlId}Help`:``,this.invalid&&t?`${this._controlId}-invalid`:``].filter(Boolean).join(` `)||void 0;return q`
       <div
         class="form-control-group ${G({disabled:this.disabled,readonly:this.readonly,"is-invalid":this.invalid&&e})}"
         @click=${this._handleClick}
@@ -2437,5 +2437,5 @@ let Ke=Symbol.for(``),qe=e=>{if(e?.r===Ke)return e?._$litStatic$},Je=/* @__PURE_
         </div>
         ${this._renderFeedback()}
       </div>
-    `}};J([U({reflect:!0})],$.prototype,`type`,void 0),J([U({type:String})],$.prototype,`prefix`,void 0),J([U({type:String})],$.prototype,`suffix`,void 0),J([U({type:Number,reflect:!0})],$.prototype,`minlength`,void 0),J([U({type:Number,reflect:!0})],$.prototype,`maxlength`,void 0),J([U()],$.prototype,`min`,void 0),J([U()],$.prototype,`max`,void 0),J([U({type:String,reflect:!0})],$.prototype,`placeholder`,void 0),J([U({type:String})],$.prototype,`pattern`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`autofocus`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`readonly`,void 0),J([U({type:String,reflect:!0})],$.prototype,`autocomplete`,void 0),J([U()],$.prototype,`step`,void 0),J([U({type:String,reflect:!0})],$.prototype,`hasFeedback`,void 0),J([U({type:String,reflect:!0})],$.prototype,`invalidFeedback`,void 0),J([nt()],$.prototype,`defaultValue`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`valid`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`loading`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`required`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`noValidate`,void 0),J([U({reflect:!0})],$.prototype,`value`,void 0),J([Ie()],$.prototype,`_isTouched`,void 0),J([Ie()],$.prototype,`_showPassword`,void 0),J([at(`_isTouched`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleIsTouched`,null),J([at(`disabled`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleDisabledChange`,null);function Ap(e,t){customElements.get(e)||customElements.define(e,t)}Ap(`sgds-input`,$)});
+    `}};J([U({reflect:!0})],$.prototype,`type`,void 0),J([U({type:String})],$.prototype,`prefix`,void 0),J([U({type:String})],$.prototype,`suffix`,void 0),J([U({type:Number,reflect:!0})],$.prototype,`minlength`,void 0),J([U({type:Number,reflect:!0})],$.prototype,`maxlength`,void 0),J([U()],$.prototype,`min`,void 0),J([U()],$.prototype,`max`,void 0),J([U({type:String,reflect:!0})],$.prototype,`placeholder`,void 0),J([U({type:String})],$.prototype,`pattern`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`autofocus`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`readonly`,void 0),J([U({type:String,reflect:!0})],$.prototype,`autocomplete`,void 0),J([U()],$.prototype,`step`,void 0),J([U({type:String,reflect:!0})],$.prototype,`hasFeedback`,void 0),J([U({type:String,reflect:!0})],$.prototype,`invalidFeedback`,void 0),J([nt()],$.prototype,`defaultValue`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`valid`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`loading`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`required`,void 0),J([U({type:Boolean,reflect:!0})],$.prototype,`noValidate`,void 0),J([U({reflect:!0})],$.prototype,`value`,void 0),J([Ie()],$.prototype,`_isTouched`,void 0),J([Ie()],$.prototype,`_showPassword`,void 0),J([at(`_isTouched`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleIsTouched`,null),J([at(`disabled`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleDisabledChange`,null),J([at(`value`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleValueChange`,null);function Ap(e,t){customElements.get(e)||customElements.define(e,t)}Ap(`sgds-input`,$)});
 //# sourceMappingURL=index.umd.min.js.map