@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

package/dist/core/p-1ddc08d0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icPaginationCss","IcPaginationStyle0","Pagination","constructor","hostRef","this","endEllipsis","endItems","midItems","startEllipsis","startItems","accessibleLabel","adjacentPageCount","boundaryPageCount","defaultPage","disabled","hideCurrentPage","hideFirstAndLastPageButton","label","monochrome","theme","type","currentPage","handleClickFirst","icPageChange","emit","value","handleClickPrevious","handleClickNext","handleClickLast","pages","firstButton","h","id","onClick","class","variant","innerHTML","paginationFirstLast","previousButton","paginationNextPrevious","nextButton","lastButton","renderStartEllipsis","renderEndEllipsis","renderStartItems","map","page","selected","renderEndItems","renderMiddleItems","watchAdjacentPageCountHandler","watchBoundaryPageCountHandler","watchDisabledHandler","removeDisabledFalse","el","watchNumberPagesHandler","watchPageChangeHandler","watchTypeHandler","startItemCount","endStart","midStart","midEnd","i","push","numItems","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","icPageChangeHandler","ev","shadow","_a","document","activeElement","shadowRoot","activeEl","detail","some","btn","_b","querySelector","setTimeout","focus","_c","paginationItemClickHandler","setCurrentPage","console","error","render","Host","key","role","icTextFieldCss","IcTextFieldStyle0","inputIds","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","TextField","inheritedAttributes","hostMutationObserver","numChars","maxCharactersReached","maxCharactersWarning","minCharactersUnattained","maxValueExceeded","minValueUnattained","isFocussed","autocapitalize","autocomplete","autocorrect","autofocus","fullWidth","helperText","hideCharCount","hideLabel","hiddenInput","inputId","inputmode","maxCharacters","maxCharactersMessage","maxMessage","max","minCharacters","minCharactersMessage","minMessage","min","name","placeholder","readonly","required","resize","rows","size","spellcheck","truncateValue","validationAriaLive","validationInline","validationInlineInternal","validationStatus","validationText","debounce","initialValue","checkChildHydration","classList","contains","setFocus","clearInterval","interval","getNumberOfCharacters","undefined","length","getMaxValueExceeded","Number","getMaxCharactersReached","onInput","target","icInput","onBlur","removeEventListener","onWheel","icBlur","onFocus","addEventListener","icFocus","onTextAreaScroll","icScroll","blur","hasStatus","status","handleFormReset","showValidationMargin","maxNumChars","emptyString","isEmptyString","valueOutsideRange","charsOutsideRange","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","addedNodes","removedNodes","includes","attribute","getAttribute","checkSlotInChildMutations","forceUpdate","debounceChanged","icChange","debounceEvent","watchValueHandler","newValue","substring","inputEl","connectedCallback","disconnectedCallback","removeFormResetListener","disconnect","inheritAttributes","addFormResetListener","getValidationText","MutationObserver","observe","attributes","childList","setInterval","handleKeyDown","icKeydown","event","cursorPosition","selectionStart","selectionEnd","ctrlKey","IGNORED_KEYBOARD_CHARACTERS","ariaActiveDescendant","ariaExpanded","ariaOwns","disabledMode","currentStatus","IcInformationStatus","Warning","Error","currentValidationText","messageAriaLive","showStatusText","Success","multiline","hiddenCharCountDescId","charsRemaining","remainingCharCountDescId","remainingCharCountDesc","describedBy","getInputDescribedByText","trim","disabledText","showLeftIcon","invalid","renderHiddenInput","removeHiddenInput","for","slot","multiLine","Object","assign","ref","maxlength","minlength","onScroll","isSlotUsed","message","ariaLiveMode","hidden"],"sources":["../web-components/src/components/ic-pagination/ic-pagination.css?tag=ic-pagination&encapsulation=shadow","../web-components/src/components/ic-pagination/ic-pagination.tsx","../web-components/src/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","../web-components/src/components/ic-text-field/ic-text-field.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\nnav {\n  width: 100%;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n\nic-button {\n  cursor: pointer;\n}\n\nic-button.next-previous {\n  --icon-width: var(--ic-space-xs);\n  --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n\n  padding: 0 var(--ic-space-xxs) 0 var(--ic-space-xxxs);\n}\n\nic-button.first-last {\n  --icon-width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\nic-button.first-last::part(button),\nic-button.next-previous::part(button) {\n  color: var(--ic-pagination-chevron);\n}\n\n:host(.ic-pagination-monochrome) ic-button.first-last::part(button),\n:host(.ic-pagination-monochrome) ic-button.next-previous::part(button) {\n  color: var(--ic-pagination-chevron-monochrome);\n}\n\nic-button.ic-button-disabled.first-last::part(button),\nic-button.ic-button-disabled.next-previous::part(button),\n:host(.ic-pagination-monochrome)\n  ic-button.ic-button-disabled.first-last::part(button),\n:host(.ic-pagination-monochrome)\n  ic-button.ic-button-disabled.next-previous::part(button) {\n  color: var(--ic-pagination-chevron-disabled);\n}\n\n.disabled {\n  color: var(--ic-color-text-disabled-mid);\n  pointer-events: none;\n  cursor: none;\n  user-select: none;\n}\n\n.hide-current-page {\n  display: none;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n  right: -9999px;\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  Listen,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Method,\n} from \"@stencil/core\";\nimport paginationNextPrevious from \"../../assets/pagination-next-previous.svg\";\nimport paginationFirstLast from \"../../assets/pagination-first-last.svg\";\nimport { IcThemeMode } from \"../../utils/types\";\nimport { IcPaginationTypes, IcChangeEventDetail } from \"./ic-pagination.types\";\nimport {\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-pagination\",\n  styleUrl: \"ic-pagination.css\",\n  shadow: true,\n})\nexport class Pagination {\n  @Element() el: HTMLIcPaginationElement;\n\n  @State() endEllipsis: boolean = false;\n  @State() endItems: number[] = [];\n  @State() midItems: number[] = [];\n  @State() startEllipsis: boolean = false;\n  @State() startItems: number[] = [];\n\n  /**\n   * The accessible label of the pagination component to provide context for screen reader users.\n   */\n  @Prop() accessibleLabel?: string = \"Pagination Navigation\";\n\n  /**\n   * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n   */\n  @Prop({ mutable: true }) adjacentPageCount?: number = 1;\n\n  @Watch(\"adjacentPageCount\")\n  watchAdjacentPageCountHandler(): void {\n    if (this.adjacentPageCount! > 2) {\n      this.adjacentPageCount = 2;\n    }\n  }\n\n  /**\n   * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n   */\n  @Prop({ mutable: true }) boundaryPageCount?: number = 1;\n\n  @Watch(\"boundaryPageCount\")\n  watchBoundaryPageCountHandler(): void {\n    if (this.boundaryPageCount! > 2) {\n      this.boundaryPageCount = 2;\n    }\n  }\n\n  /**\n   * The default page to display.\n   */\n  @Prop() defaultPage?: number = 1;\n\n  /**\n   * If `true`, the pagination will not allow interaction.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the current page of the simple pagination will not be displayed.\n   */\n  @Prop() hideCurrentPage?: boolean = false;\n\n  /**\n   * If `true`, the first and last page buttons will not be displayed.\n   */\n  @Prop() hideFirstAndLastPageButton?: boolean = false;\n\n  /**\n   * The label for the pagination item (applicable when simple pagination is being used).\n   */\n  @Prop() label?: string = \"Page\";\n\n  /**\n   * If `true`, the pagination will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * The total number of pages.\n   */\n  @Prop() pages!: number;\n\n  @Watch(\"pages\")\n  watchNumberPagesHandler(): void {\n    this.watchPageChangeHandler();\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The type of pagination to be used.\n   */\n  @Prop() type?: IcPaginationTypes = \"simple\";\n\n  @Watch(\"type\")\n  watchTypeHandler(): void {\n    this.watchPageChangeHandler();\n  }\n\n  /**\n   * The current page displayed by the pagination.\n   */\n  @Prop({ mutable: true }) currentPage?: number = this.defaultPage;\n\n  @Watch(\"currentPage\")\n  watchPageChangeHandler(): void {\n    if (this.type === \"simple\") {\n      return;\n    }\n\n    this.startEllipsis = false;\n    this.endEllipsis = false;\n    this.startItems = [];\n    this.endItems = [];\n    this.midItems = [];\n\n    const startItems = [];\n    let startItemCount = 0;\n    const endItems = [];\n    let endStart = this.pages;\n    const midItems = [];\n    let midStart;\n    let midEnd;\n    let startEllipsis = false;\n    let endEllipsis = false;\n\n    if (\n      this.pages <=\n      this.boundaryPageCount! * 2 + this.adjacentPageCount! * 2 + 3\n    ) {\n      this.startEllipsis = false;\n      this.endEllipsis = false;\n      for (let i = 1; i <= this.pages; i++) {\n        startItems.push(i);\n      }\n      this.startItems = startItems;\n      return;\n    }\n\n    startItemCount = this.boundaryPageCount === 0 ? 1 : this.boundaryPageCount!;\n    endStart =\n      this.boundaryPageCount === 0\n        ? this.pages\n        : this.pages - this.boundaryPageCount! + 1;\n\n    if (\n      this.currentPage! <=\n      this.adjacentPageCount! + this.boundaryPageCount! + 2\n    ) {\n      startEllipsis = false;\n      endEllipsis = true;\n\n      let numItems = 2 * this.adjacentPageCount! + 1;\n      if (this.boundaryPageCount === 0) {\n        numItems--;\n      }\n      midStart = startItemCount + 1;\n      midEnd = midStart + numItems;\n    } else {\n      startEllipsis = true;\n      if (\n        this.currentPage! >\n        this.pages - (this.adjacentPageCount! + this.boundaryPageCount! + 2)\n      ) {\n        let numItems = 2 * this.adjacentPageCount! + 1;\n        if (this.boundaryPageCount === 0) {\n          numItems--;\n        }\n        midEnd =\n          this.boundaryPageCount === 0\n            ? this.pages - 1\n            : this.pages - this.boundaryPageCount!;\n        midStart = midEnd - numItems;\n      } else {\n        endEllipsis = true;\n        midStart = this.currentPage! - this.adjacentPageCount!;\n        midEnd = this.currentPage! + this.adjacentPageCount!;\n      }\n    }\n\n    //create array of start items\n    if (\n      this.boundaryPageCount! > 0 ||\n      (this.boundaryPageCount === 0 && startEllipsis === false)\n    ) {\n      for (let i = 1; i <= startItemCount; i++) {\n        startItems.push(i);\n      }\n    }\n\n    //create array of end items\n    if (\n      this.boundaryPageCount! > 0 ||\n      (this.boundaryPageCount === 0 && endEllipsis === false)\n    ) {\n      for (let i = endStart; i <= this.pages; i++) {\n        endItems.push(i);\n      }\n    }\n\n    //create array of mid items\n    for (let i = midStart; i <= midEnd; i++) {\n      midItems.push(i);\n    }\n\n    this.startEllipsis = startEllipsis;\n    this.endEllipsis = endEllipsis;\n    this.startItems = startItems;\n    this.endItems = endItems;\n    this.midItems = midItems;\n  }\n\n  /**\n   * Emitted when a page is selected.\n   */\n  @Event() icPageChange: EventEmitter<IcChangeEventDetail>;\n\n  componentWillLoad(): void {\n    this.watchPageChangeHandler();\n    this.watchBoundaryPageCountHandler();\n    this.watchAdjacentPageCountHandler();\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.pages, propName: \"pages\" }],\n      \"Pagination\"\n    );\n  }\n\n  /**\n   * Prevents focus lingering on a disabled element. If the currently\n   * focused element is one of the back buttons (and we reach the first page),\n   * move focus to \"next\" button, and vice versa.\n   * @param ev\n   */\n  @Listen(\"icPageChange\")\n  icPageChangeHandler(ev: CustomEvent<IcChangeEventDetail>) {\n    const shadow = document.activeElement?.shadowRoot;\n\n    const activeEl = shadow ? shadow.activeElement : document.activeElement;\n    if (!shadow || !activeEl) {\n      return;\n    }\n\n    if (\n      ev.detail.value === 1 &&\n      [\"first-page-button\", \"previous-page-button\"].some(\n        (id) => id === activeEl?.id\n      )\n    ) {\n      const btn = (\n        shadow.querySelector(\"#next-page-button\") as HTMLElement\n      ).shadowRoot?.querySelector(\"button\");\n      // When navigating from firstPage->lastPage or vice versa, the to-be-selected element will be disabled. wait a tick so that it can receive focus.\n      setTimeout(() => btn?.focus(), 10);\n    } else if (\n      ev.detail.value === this.pages &&\n      [\"last-page-button\", \"next-page-button\"].some((id) => id === activeEl?.id)\n    ) {\n      const btn = (\n        shadow!.querySelector(\"#previous-page-button\") as HTMLElement\n      ).shadowRoot?.querySelector(\"button\");\n      setTimeout(() => btn?.focus(), 10);\n    }\n  }\n\n  @Listen(\"paginationItemClick\")\n  paginationItemClickHandler(ev: CustomEvent): void {\n    const page = ev.detail.page;\n    this.currentPage = page;\n    this.icPageChange.emit({ value: this.currentPage! });\n  }\n\n  /**\n   * Sets the currently displayed page.\n   * @param {number} page The page number to set as the current page\n   */\n  @Method()\n  async setCurrentPage(page: number): Promise<void> {\n    if (typeof page === \"number\" && page > 0 && page <= this.pages) {\n      this.currentPage = page;\n    } else {\n      console.error(\n        \"Current page must be a number greater than zero but less than or equal to the total number of pages\"\n      );\n    }\n  }\n\n  private handleClickFirst = () => {\n    this.currentPage = 1;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickPrevious = (): void => {\n    this.currentPage!--;\n    this.icPageChange.emit({ value: this.currentPage! });\n  };\n\n  private handleClickNext = (): void => {\n    this.currentPage!++;\n    this.icPageChange.emit({ value: this.currentPage! });\n  };\n\n  private handleClickLast = (): void => {\n    this.currentPage = this.pages;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  // button rendering abstracted from component render methods for clarity\n  private firstButton = () => {\n    return (\n      <ic-button\n        id=\"first-page-button\"\n        aria-label=\"Go to first page\"\n        theme={this.theme}\n        onClick={this.handleClickFirst}\n        class=\"page-button first-last\"\n        disabled={this.currentPage === 1 || this.disabled}\n        variant=\"icon-tertiary\"\n        monochrome={this.theme == \"light\" || this.theme == \"dark\"}\n        innerHTML={paginationFirstLast}\n      />\n    );\n  };\n\n  private previousButton = () => {\n    return (\n      <ic-button\n        id=\"previous-page-button\"\n        aria-label=\"Go to previous page\"\n        theme={this.theme}\n        onClick={this.handleClickPrevious}\n        class=\"page-button next-previous flip\"\n        disabled={this.currentPage === 1 || this.disabled}\n        variant=\"icon-tertiary\"\n        monochrome={this.theme == \"light\" || this.theme == \"dark\"}\n        innerHTML={paginationNextPrevious}\n      />\n    );\n  };\n\n  private nextButton = () => {\n    return (\n      <ic-button\n        id=\"next-page-button\"\n        aria-label=\"Go to next page\"\n        theme={this.theme}\n        onClick={this.handleClickNext}\n        class=\"page-button next-previous\"\n        disabled={this.currentPage === this.pages || this.disabled}\n        variant=\"icon-tertiary\"\n        monochrome={this.theme == \"light\" || this.theme == \"dark\"}\n        innerHTML={paginationNextPrevious}\n      />\n    );\n  };\n\n  private lastButton = () => {\n    return (\n      <ic-button\n        id=\"last-page-button\"\n        aria-label=\"Go to last page\"\n        theme={this.theme}\n        onClick={this.handleClickLast}\n        class=\"page-button first-last flip\"\n        disabled={this.currentPage === this.pages || this.disabled}\n        variant=\"icon-tertiary\"\n        monochrome={this.theme == \"light\" || this.theme == \"dark\"}\n        innerHTML={paginationFirstLast}\n      />\n    );\n  };\n\n  private renderStartEllipsis = () => {\n    return (\n      <ic-pagination-item\n        theme={this.theme}\n        monochrome={this.monochrome}\n        type=\"ellipsis\"\n        id=\"start-ellipsis\"\n        disabled={this.disabled}\n      />\n    );\n  };\n\n  private renderEndEllipsis = () => {\n    return (\n      <ic-pagination-item\n        theme={this.theme}\n        monochrome={this.monochrome}\n        type=\"ellipsis\"\n        id=\"end-ellipsis\"\n        disabled={this.disabled}\n      />\n    );\n  };\n\n  private renderStartItems = () => {\n    return this.startItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          theme={this.theme}\n          monochrome={this.monochrome}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  private renderEndItems = () => {\n    return this.endItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          theme={this.theme}\n          monochrome={this.monochrome}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  private renderMiddleItems = () => {\n    return this.midItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          theme={this.theme}\n          monochrome={this.monochrome}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  render() {\n    const {\n      type,\n      currentPage,\n      hideCurrentPage,\n      disabled,\n      hideFirstAndLastPageButton,\n      label,\n      theme,\n      monochrome,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [\"ic-pagination-monochrome\"]: !!monochrome,\n        }}\n      >\n        {type === \"simple\" && (\n          <nav\n            class={{\n              [\"disabled\"]: !!disabled,\n            }}\n            role=\"navigation\"\n            aria-label={this.accessibleLabel}\n          >\n            {hideFirstAndLastPageButton ? null : this.firstButton()}\n            {this.previousButton()}\n            <ic-pagination-item\n              theme={this.theme}\n              monochrome={this.monochrome}\n              type=\"simple-current\"\n              page={currentPage}\n              label={label}\n              class={{ [\"hide-current-page\"]: !!hideCurrentPage }}\n              disabled={disabled}\n            />\n            {this.nextButton()}\n            {hideFirstAndLastPageButton ? null : this.lastButton()}\n          </nav>\n        )}\n        {type === \"complex\" && (\n          <nav\n            class={{\n              [\"disabled\"]: !!disabled,\n            }}\n            role=\"navigation\"\n            aria-label={this.accessibleLabel}\n          >\n            {hideFirstAndLastPageButton ? null : this.firstButton()}\n            {this.previousButton()}\n            {this.renderStartItems()}\n            {this.startEllipsis && this.renderStartEllipsis()}\n            {this.renderMiddleItems()}\n            {this.endEllipsis && this.renderEndEllipsis()}\n            {this.renderEndItems()}\n            {this.nextButton()}\n            {hideFirstAndLastPageButton ? null : this.lastButton()}\n          </nav>\n        )}\n        {type === \"complex\" && (\n          <span class=\"sr-only\" aria-live=\"polite\">\n            Page {this.currentPage}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --input-width: Width of the input field\n   */\n  display: block;\n\n  --ic-input-label-helpertext-padding: var(--ic-space-xs);\n  --border-color: var(--ic-text-field-border-neutral);\n  --border-color-hover: var(--ic-text-field-border-neutral-hover);\n  --border-color-pressed: var(--ic-text-field-border-neutral-pressed);\n  --border-color-disabled: var(--ic-text-field-border-disabled);\n  --border-color-error: var(--ic-text-field-border-error);\n  --border-color-error-hover: var(--ic-text-field-border-error-hover);\n  --border-color-error-pressed: var(--ic-text-field-border-error-pressed);\n  --border-color-success: var(--ic-text-field-border-success);\n  --border-color-success-hover: var(--ic-text-field-border-success-hover);\n  --border-color-success-pressed: var(--ic-text-field-border-success-pressed);\n  --border-color-warning: var(--ic-text-field-border-warning);\n  --border-color-warning-hover: var(--ic-text-field-border-warning-hover);\n  --border-color-warning-pressed: var(--ic-text-field-border-warning-pressed);\n  --ic-input-label-text-color: var(--ic-text-field-label);\n  --ic-input-label-helper-text-color: var(--ic-text-field-subtitle);\n  --ic-input-validation-status-text-color: var(--ic-text-field-state-text);\n  --ic-input-validation-error: var(--ic-text-field-state-icon-error);\n  --ic-input-validation-warning-icon-color: var(\n    --ic-text-field-state-icon-warning\n  );\n  --ic-input-validation-success-icon-color: var(\n    --ic-text-field-state-icon-success\n  );\n  --ic-input-component-container-success-icon-inline-color: var(\n    --ic-text-field-state-icon-success\n  );\n}\n\n:host(.ic-text-field-disabled) {\n  --ic-input-label-text-color: var(--ic-text-field-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-text-field-subtitle-disabled);\n  --text-field-placeholder-color: var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  );\n}\n\n:host(.ic-text-field-full-width) {\n  width: 100%;\n}\n\n::placeholder {\n  color: var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );\n  opacity: 1;\n}\n\ninput,\ntextarea {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--text-field-text-color, var(--ic-text-field-text));\n  background-color: var(--input-bg-color, var(--ic-text-field-background));\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n  caret-color: var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  );\n}\n\ntextarea {\n  min-height: var(--ic-space-lg);\n  resize: vertical;\n  padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n  color: var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  );\n}\n\ninput.readonly,\ntextarea.readonly {\n  color: var(--ic-text-field-read-only-input-text-internal);\n  background: transparent;\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n  resize: none;\n}\n\n.char-count-text {\n  --ic-typography-color: var(--ic-text-field-character-limit);\n\n  padding-right: var(--ic-space-xxxs);\n}\n\n:host(.ic-text-field-disabled) .char-count-text {\n  --ic-typography-color: var(--ic-text-field-character-limit-disabled);\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-text-field-text-disabled);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-text-field-input-internal-icon);\n}\n\n.char-count {\n  margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\n.remaining-char-count-desc {\n  position: absolute;\n  left: -9999px;\n}\n\n.show-validation {\n  margin-top: var(--ic-space-xs);\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n  input.readonly,\n  textarea.readonly {\n    color: canvastext;\n  }\n\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n  forceUpdate,\n} from \"@stencil/core\";\nimport {\n  IcInformationStatus,\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcInformationStatusOrEmpty,\n  IcValueEventDetail,\n  IcSizesNoLarge,\n  IcThemeMode,\n  IcValidationAriaLive,\n} from \"../../utils/types\";\nimport {\n  inheritAttributes,\n  debounceEvent,\n  getInputDescribedByText,\n  renderHiddenInput,\n  isEmptyString,\n  onComponentRequiredPropUndefined,\n  addFormResetListener,\n  removeFormResetListener,\n  isSlotUsed,\n  removeDisabledFalse,\n  checkSlotInChildMutations,\n  removeHiddenInput,\n} from \"../../utils/helpers\";\nimport {\n  IC_INHERITED_ARIA,\n  IGNORED_KEYBOARD_CHARACTERS,\n} from \"../../utils/constants\";\nimport {\n  IcAriaAutocompleteTypes,\n  IcTextFieldInputModes,\n  IcTextFieldKeydownEventDetail,\n  IcTextFieldTypes,\n} from \"./ic-text-field.types\";\n\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot helper-text - Content is set as the helper text for the text field.\n * @slot validation-text - Content is set as validation text for the text field.\n * @slot icon - Content will be placed to the left of the text input.\n */\n@Component({\n  tag: \"ic-text-field\",\n  styleUrl: \"ic-text-field.css\",\n  shadow: true,\n})\nexport class TextField {\n  private inheritedAttributes: { [k: string]: string } = {};\n  private inputEl: HTMLInputElement | HTMLTextAreaElement;\n  private hostMutationObserver: MutationObserver | null = null;\n  private interval: ReturnType<typeof setInterval>;\n\n  @Element() el: HTMLIcTextFieldElement;\n\n  @State() numChars: number = 0;\n  @State() maxCharactersReached: boolean = false;\n  @State() maxCharactersWarning: boolean = false;\n  @State() minCharactersUnattained: boolean = false;\n  @State() maxValueExceeded: boolean = false;\n  @State() minValueUnattained: boolean = false;\n  @State() isFocussed: boolean = false;\n\n  /**\n   * @slot clear-button - an ic-button clear component will render as an end adornment to the input.\n   * @slot search-submit-button - an ic-button search submit component will render as an end adornment to the input.\n   * @slot menu - an ic-menu component will appear below the input.\n   */\n\n  /**\n   * @internal The active element when focus is on the ic-menu items.\n   */\n  @Prop() ariaActiveDescendant?: string;\n\n  /**\n   * @internal Used to identify whether inputting any text triggers more predictions\n   */\n  @Prop() ariaAutocomplete?: IcAriaAutocompleteTypes;\n\n  /**\n   * @internal Used to identify if the slotted menu is rendered\n   */\n  @Prop() ariaExpanded: string | null;\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaOwns?: string;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete?: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect?: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  /**\n   * Specify whether the text field fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText = \"\";\n\n  /**\n   * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.\n   */\n  @Prop() hideCharCount = false;\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel = false;\n\n  /**\n   * @internal If `true`, the hidden form input will stop rendering for form submission.\n   */\n  @Prop() hiddenInput = true;\n\n  /**\n   * The ID for the input.\n   */\n  @Prop() inputId = `ic-text-field-input-${inputIds++}`;\n\n  /**\n   * A hint to the browser for which keyboard to display.\n   * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n   * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n   */\n  @Prop() inputmode: IcTextFieldInputModes = \"text\";\n\n  /**\n   * The label for the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\n   */\n  @Prop() max?: string | number;\n\n  /**\n   * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)\n   */\n  @Prop() maxCharacters = 0;\n\n  /**\n   * The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.\n   */\n  // prettier-ignore\n  @Prop() maxCharactersMessage = `Maximum input is ${this.maxCharacters} characters`;\n\n  /**\n   * The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.\n   */\n  @Prop() maxMessage = `Maximum value of ${this.max} exceeded`;\n\n  /**\n   * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\n   */\n  @Prop() min?: string | number;\n\n  /**\n   * The minimum number of characters that can be entered in the field.\n   */\n  @Prop() minCharacters = 0;\n\n  /**\n   * The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.\n   */\n  // prettier-ignore\n  @Prop() minCharactersMessage = `Minimum input is ${this.minCharacters} characters`;\n\n  /**\n   * The text to display as the error message when the minimum value (the `min` prop value) has not been met.\n   */\n  @Prop() minMessage = `Minimum value of ${this.min} not met`;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = this.inputId;\n\n  /**\n   * The placeholder value to be displayed.\n   */\n  @Prop() placeholder = \"\";\n\n  /**\n   * If `true`, the read only state will be set.\n   */\n  @Prop({ reflect: true }) readonly = false;\n\n  /**\n   * If `true`, the input will require a value.\n   */\n  @Prop() required = false;\n\n  /**\n   * If `true`, the multiline text area will be resizeable.\n   */\n  @Prop() resize = false;\n\n  /**\n   * @internal Used to set the role if not default textbox;\n   */\n  @Prop() role: string | null;\n\n  /**\n   * The number of rows to transform the text field into a text area with a specific height.\n   */\n  @Prop() rows = 1;\n\n  /**\n   * The size of the text field component.\n   */\n  @Prop() size: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the value of the text field will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * @internal If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\n   */\n  @Prop() truncateValue = false;\n\n  /**\n   * The type of control to display. The default type is text.\n   */\n  @Prop() type: IcTextFieldTypes = \"text\";\n\n  /**\n   * The value of the `aria-live` attribute on the validation message. When set to \"default\", the `aria-live` value will be handled automatically, e.g. \"assertive\" for `validation-status=\"error\"`.\n   */\n  @Prop() validationAriaLive: IcValidationAriaLive = \"default\";\n\n  /**\n   * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\n   */\n  @Prop() validationInline = false;\n\n  /**\n   *  @internal If `true`, the validation will display inline.\n   */\n  @Prop() validationInlineInternal = false;\n\n  /**\n   * The validation state - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message.\n   */\n  @Prop() validationText: string = \"\";\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n  @Watch(\"debounce\")\n  private debounceChanged() {\n    this.icChange = debounceEvent(this.icChange, this.debounce);\n  }\n\n  /**\n   * The value of the text field.\n   */\n  @Prop({ reflect: true, mutable: true }) value = \"\";\n  @State() initialValue = this.value;\n  @Watch(\"value\")\n  private watchValueHandler(newValue: string): void {\n    let value;\n\n    if (this.maxCharacters > 0) {\n      value = newValue.substring(0, this.maxCharacters);\n      if (value.length < newValue.length) {\n        this.maxCharactersWarning = true;\n      }\n      this.value = value;\n    } else {\n      value = newValue;\n    }\n\n    if (this.inputEl && this.inputEl.value !== value) {\n      this.inputEl.value = value;\n    }\n\n    this.getMaxValueExceeded(value);\n\n    this.getMaxCharactersReached(value);\n\n    this.icChange.emit({ value });\n  }\n\n  /**\n   * @internal Emitted when the validationInlineInternal is `true`\n   */\n  @Event() getValidationText: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when input loses focus.\n   */\n  @Event() icBlur: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when input gains focus.\n   */\n  @Event() icFocus: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keydown event occurred.\n   */\n  @Event() icKeydown: EventEmitter<IcTextFieldKeydownEventDetail>;\n\n  /**\n   * Emitted when the textarea variant is scrolled.\n   */\n  @Event() icScroll: EventEmitter;\n\n  connectedCallback(): void {\n    this.debounceChanged();\n  }\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el as HTMLElement, this.handleFormReset);\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    if (this.value !== this.initialValue) {\n      this.watchValueHandler(this.value);\n    } else if (this.maxCharacters > 0) {\n      this.value = this.value.substring(0, this.maxCharacters);\n    }\n\n    this.getMaxValueExceeded(this.value);\n    this.getMaxCharactersReached(this.value);\n\n    this.inheritedAttributes = inheritAttributes(\n      this.el as HTMLElement,\n      MUTABLE_ATTRIBUTES\n    );\n\n    if (this.readonly) {\n      this.maxValueExceeded = false;\n      this.minValueUnattained = false;\n    }\n\n    addFormResetListener(this.el as HTMLElement, this.handleFormReset);\n\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Text Field\"\n    );\n    if (this.validationInlineInternal) {\n      this.getValidationText.emit({ value: this.validationText });\n    }\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n      childList: true,\n    });\n\n    if (this.autofocus && !this.disabled && !this.readonly) {\n      this.interval = setInterval(this.checkChildHydration, 50);\n    }\n  }\n\n  private checkChildHydration = () => {\n    if (\n      this.hideLabel ||\n      this.el.shadowRoot\n        ?.querySelector(\"ic-typography\")\n        ?.classList.contains(\"hydrated\")\n    ) {\n      this.setFocus();\n      clearInterval(this.interval);\n    }\n  };\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    this.icKeydown.emit({\n      event: ev,\n      cursorPosition: this.inputEl.selectionStart ?? 0,\n      selectionEnd: this.inputEl.selectionEnd ?? 0,\n    });\n\n    if (!ev.ctrlKey && !IGNORED_KEYBOARD_CHARACTERS.includes(ev.key)) {\n      this.maxCharactersWarning = this.maxCharactersReached;\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n\n  @Method()\n  async setFocus(): Promise<void> {\n    this.inputEl?.focus();\n  }\n\n  private getNumberOfCharacters = (value: string) =>\n    value !== null && value !== undefined ? value.length : 0;\n\n  private getMaxValueExceeded = (value: string) => {\n    this.numChars = this.getNumberOfCharacters(value);\n\n    if (this.type === \"number\") {\n      this.minValueUnattained = !!value && Number(value) < Number(this.min);\n      this.maxValueExceeded = Number(value) > Number(this.max);\n    }\n  };\n\n  private getMaxCharactersReached = (value: string) => {\n    this.numChars = this.getNumberOfCharacters(value);\n\n    this.maxCharactersReached =\n      this.maxCharacters > 0 && this.numChars >= this.maxCharacters;\n\n    if (this.maxCharactersWarning && !this.maxCharactersReached) {\n      this.maxCharactersWarning = false;\n    }\n  };\n\n  private onInput = (ev: Event) => {\n    this.value = (ev.target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.value });\n  };\n\n  private onBlur = (ev: Event) => {\n    const target = ev.target as HTMLInputElement;\n    target.removeEventListener(\"wheel\", this.onWheel);\n    const { value } = target;\n    this.numChars = value.length;\n    this.minCharactersUnattained =\n      this.minCharacters > 0 && this.numChars < this.minCharacters;\n    this.icBlur.emit({ value });\n    this.isFocussed = false;\n  };\n\n  private onFocus = (ev: Event) => {\n    const target = ev.target as HTMLInputElement;\n    target.addEventListener(\"wheel\", this.onWheel);\n    this.icFocus.emit({ value: target.value });\n    this.isFocussed = true;\n  };\n\n  private onTextAreaScroll = () => {\n    this.icScroll.emit();\n  };\n\n  private onWheel = (ev: WheelEvent) => {\n    const target = ev.target as HTMLInputElement;\n    if (target.type === \"number\") {\n      target.blur();\n      setTimeout(() => {\n        target.focus();\n      }, 0);\n    }\n  };\n\n  private hasStatus = (status: IcInformationStatusOrEmpty) =>\n    status !== \"\" && !this.disabled;\n\n  private handleFormReset = (): void => {\n    this.value = this.initialValue;\n  };\n\n  private showValidationMargin = (): boolean => {\n    const maxNumChars = this.readonly ? 0 : this.maxCharacters;\n    const emptyString =\n      isEmptyString(this.validationStatus) ||\n      isEmptyString(this.validationText);\n    const valueOutsideRange = this.minValueUnattained || this.maxValueExceeded;\n    const charsOutsideRange = maxNumChars > 0 || this.minCharactersUnattained;\n    return (\n      (!emptyString || valueOutsideRange || charsOutsideRange) &&\n      !this.validationInlineInternal\n    );\n  };\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(\n      ({ attributeName, type, addedNodes, removedNodes }) => {\n        if (attributeName && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n          const attribute = this.el.getAttribute(attributeName);\n          if (attribute) {\n            this.inheritedAttributes[attributeName] = attribute;\n          }\n          forceComponentUpdate = true;\n        } else if (type === \"childList\") {\n          forceComponentUpdate = checkSlotInChildMutations(\n            addedNodes,\n            removedNodes,\n            \"icon\"\n          );\n        }\n      }\n    );\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      size,\n      placeholder,\n      helperText,\n      hideCharCount,\n      rows,\n      resize,\n      disabled,\n      value,\n      min,\n      max,\n      numChars,\n      readonly,\n      maxCharacters,\n      maxCharactersMessage,\n      maxCharactersWarning,\n      maxCharactersReached,\n      maxMessage,\n      minCharacters,\n      minCharactersMessage,\n      minCharactersUnattained,\n      minMessage,\n      minValueUnattained,\n      maxValueExceeded,\n      validationAriaLive,\n      validationStatus,\n      validationText,\n      validationInline,\n      validationInlineInternal,\n      spellcheck,\n      inputmode,\n      fullWidth,\n      truncateValue,\n      hiddenInput,\n      theme,\n      hideLabel,\n      type,\n      autocapitalize,\n      ariaActiveDescendant,\n      inheritedAttributes,\n      ariaExpanded,\n      ariaOwns,\n      autocomplete,\n      role,\n      isFocussed,\n    } = this;\n\n    const el = this.el as HTMLElement;\n\n    const disabledMode = readonly || disabled;\n\n    const currentStatus =\n      maxValueExceeded ||\n      minValueUnattained ||\n      minCharactersUnattained ||\n      maxCharactersWarning\n        ? maxCharactersWarning\n          ? IcInformationStatus.Warning\n          : IcInformationStatus.Error\n        : validationStatus;\n\n    const currentValidationText = maxCharactersWarning\n      ? maxCharactersMessage\n      : maxValueExceeded\n      ? maxMessage\n      : minValueUnattained\n      ? minMessage\n      : minCharactersUnattained\n      ? minCharactersMessage\n      : validationText;\n\n    const maxNumChars = readonly ? 0 : maxCharacters;\n    const messageAriaLive =\n      validationAriaLive === \"default\"\n        ? maxCharactersWarning ||\n          maxValueExceeded ||\n          minValueUnattained ||\n          currentStatus === IcInformationStatus.Error\n          ? \"assertive\"\n          : \"polite\"\n        : validationAriaLive;\n\n    const showStatusText =\n      this.hasStatus(currentStatus) &&\n      !(currentStatus == IcInformationStatus.Success && validationInline) &&\n      !validationInlineInternal;\n\n    const multiline = rows > 1;\n\n    const hiddenCharCountDescId =\n      maxCharacters > 0 ? `${inputId}-char-count-desc` : \"\";\n\n    const charsRemaining = maxNumChars - numChars;\n    const remainingCharCountDescId =\n      maxCharacters > 0 ? `${inputId}-remaining-char-count-desc` : \"\";\n    const remainingCharCountDesc = `${charsRemaining} character${\n      charsRemaining === 1 ? \"\" : \"s\"\n    } remaining.`;\n\n    const describedBy = `${getInputDescribedByText(\n      this.el,\n      inputId,\n      helperText !== \"\",\n      showStatusText\n    )} ${hiddenCharCountDescId} ${\n      numChars > 0 ? remainingCharCountDescId : \"\"\n    }`.trim();\n\n    const disabledText = disabledMode && !readonly;\n    const showLeftIcon =\n      !!this.el.querySelector(`[slot=\"icon\"]`) && !disabledText;\n\n    const invalid = `${currentStatus === IcInformationStatus.Error}`;\n\n    hiddenInput\n      ? renderHiddenInput(this.el as HTMLElement, value, name, disabledMode)\n      : removeHiddenInput(this.el as HTMLElement);\n\n    return (\n      <Host\n        class={{\n          \"ic-text-field-full-width\": fullWidth,\n          \"ic-text-field-disabled\": disabledMode,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <ic-input-container readonly={readonly} disabled={disabledMode}>\n          {!hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabledText}\n              readonly={readonly}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n            </ic-input-label>\n          )}\n\n          <ic-input-component-container\n            size={size}\n            validationStatus={currentStatus}\n            multiLine={multiline}\n            disabled={disabledMode}\n            readonly={readonly}\n            validationInline={validationInline}\n            fullWidth={fullWidth}\n          >\n            {showLeftIcon && (\n              <span\n                class={{\n                  readonly,\n                  \"has-value\": this.getNumberOfCharacters(value) > 0,\n                }}\n                slot=\"left-icon\"\n              >\n                <slot name=\"icon\" />\n              </span>\n            )}\n\n            {!multiline ? (\n              <input\n                id={inputId}\n                name={name}\n                ref={(el) => (this.inputEl = el as HTMLInputElement)}\n                type={type}\n                min={min}\n                max={max}\n                value={value}\n                class={{\n                  \"no-left-pad\": !showLeftIcon && readonly,\n                  readonly,\n                  \"truncate-value\": truncateValue,\n                }}\n                placeholder={placeholder ? placeholder : \"\"}\n                required={required}\n                disabled={disabledMode}\n                readonly={readonly}\n                onInput={this.onInput}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                aria-activedescendant={ariaActiveDescendant}\n                aria-expanded={ariaExpanded}\n                aria-owns={ariaOwns}\n                autocomplete={autocomplete}\n                autocapitalize={autocapitalize}\n                spellcheck={spellcheck}\n                inputmode={inputmode}\n                role={role || undefined}\n                maxlength={maxCharactersReached ? maxCharacters : undefined}\n                minlength={minCharactersUnattained ? minCharacters : undefined}\n                {...inheritedAttributes}\n              ></input>\n            ) : (\n              <textarea\n                id={inputId}\n                class={{\n                  \"no-resize\": resize === false || !!readonly,\n                  \"no-left-pad\": !showLeftIcon && !!readonly,\n                  readonly: !!readonly,\n                }}\n                name={name}\n                ref={(el) => (this.inputEl = el as HTMLTextAreaElement)}\n                value={value}\n                rows={rows}\n                required={required}\n                disabled={disabledMode}\n                placeholder={placeholder}\n                readonly={readonly}\n                onInput={this.onInput}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                onScroll={this.onTextAreaScroll}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                autocomplete={autocomplete}\n                autocapitalize={autocapitalize}\n                spellcheck={spellcheck}\n                inputmode={inputmode}\n                maxlength={maxCharactersReached ? maxCharacters : undefined}\n                minlength={minCharactersUnattained ? minCharacters : undefined}\n                {...inheritedAttributes}\n              ></textarea>\n            )}\n            {isSlotUsed(el, \"clear-button\") && (\n              <slot name=\"clear-button\"></slot>\n            )}\n            {isSlotUsed(el, \"search-submit-button\") && (\n              <slot name=\"search-submit-button\"></slot>\n            )}\n          </ic-input-component-container>\n          {isSlotUsed(el, \"menu\") && <slot name=\"menu\"></slot>}\n          <ic-input-validation\n            class={{ \"show-validation\": this.showValidationMargin() }}\n            status={\n              this.hasStatus(currentStatus) === false ||\n              (currentStatus === IcInformationStatus.Success &&\n                validationInline) ||\n              validationInlineInternal\n                ? \"\"\n                : currentStatus\n            }\n            message={showStatusText ? currentValidationText : \"\"}\n            ariaLiveMode={messageAriaLive}\n            for={inputId}\n            fullWidth={fullWidth}\n          >\n            {isSlotUsed(el, \"validation-text\") && (\n              <slot name=\"validation-text\" slot=\"validation-message\"></slot>\n            )}\n            {!readonly && maxNumChars > 0 && (\n              <div slot=\"validation-message-adornment\">\n                {!hideCharCount && (\n                  <ic-typography variant=\"caption\" class=\"char-count-text\">\n                    <span class=\"char-count\">\n                      {numChars}/{maxNumChars}\n                    </span>\n                  </ic-typography>\n                )}\n                <span\n                  class=\"remaining-char-count-desc\"\n                  aria-live=\"polite\"\n                  hidden={!isFocussed}\n                  id={remainingCharCountDescId}\n                >\n                  {remainingCharCountDesc}\n                </span>\n                <span hidden={true} id={hiddenCharCountDescId}>\n                  Field can contain a maximum of {maxNumChars} characters.\n                </span>\n              </div>\n            )}\n          </ic-input-validation>\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-201b41c7.entry.js → p-22267c01.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as a}from"./p-8e4e97b4.js";import{c as n,d as h}from"./p-75c3b882.js";import{k as l,r as o,o as r,a as d}from"./p-829b34f9.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem);--ic-input-label-helpertext-padding:var(--ic-space-xxs)}:host(.ic-date-picker-large){--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}:host(.ic-date-picker-small){--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}:host .date-input-container{position:relative}ic-date-input{--input-width:var(--input-field-width)}ic-calendar{--ic-z-index-calendar:var(--ic-z-index-date-picker);--ic-calendar-bg:var(--ic-date-picker-calendar-bg);--ic-calendar-border:var(--ic-date-picker-calendar-border);--ic-calendar-elevation:var(--ic-date-picker-calendar-elevation);--ic-calendar-label:var(--ic-date-picker-calendar-label)}';const u=c;const f="Dates in the future are not allowed. Please select a date in the past.";const p="Dates in the past are not allowed. Please select a date in the future.";const b="The date you have selected is on a day of the week that is not allowed. Please select another date.";const m=360;const w=400;const v=440;const g=class{constructor(i){t(this,i);this.icChange=e(this,"icChange",7);this.myCalendarButtonClicked=false;this.hostMutationObserver=null;this.showPickerAbove=false;this.calendarOpen=false;this.maxDate=null;this.minDate=null;this.monthPickerVisible=false;this.orderedDaysOfWeek=[];this.selectedDate=null;this.dateFormat="DD/MM/YYYY";this.disabled=false;this.disableDays=[];this.disableDaysMessage="The date you have selected is on a day of the week that is not allowed. Please select another date.";this.disableFuture=false;this.disableFutureMessage="Dates in the future are not allowed. Please select a date in the past.";this.disablePast=false;this.disablePastMessage="Dates in the past are not allowed. Please select a date in the future.";this.emitDatePartChange=false;this.hideHelperText=false;this.hideLabel=false;this.invalidDateMessage="Please enter a valid date.";this.max="";this.min="";this.openAtDate="";this.required=false;this.showDaysOutsideMonth=true;this.showClearButton=true;this.showPickerClearButton=true;this.showPickerTodayButton=true;this.size="medium";this.startOfWeek=l.Monday;this.theme="inherit";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.value="";this.handleDocumentClick=()=>{this.calendarOpen=false};this.keyDownHandler=t=>{var e,i;if(t.key==="Escape"){if(this.calendarOpen){this.closeButtonClickHandler();(e=this.inputEl)===null||e===void 0?void 0:e.setCalendarFocus();t.stopImmediatePropagation()}}else{(i=this.calendarEl)===null||i===void 0?void 0:i.clearDialogDescription();t.stopImmediatePropagation()}};this.closeButtonClickHandler=()=>{this.calendarOpen=false};this.setCalendarProps=()=>{const t={disableDays:this.disableDays,disableFuture:this.disableFuture,disablePast:this.disablePast,openAtDate:this.openAtDate,showClearButton:this.showPickerClearButton,showDaysOutsideMonth:this.showDaysOutsideMonth,showTodayButton:this.showPickerTodayButton,startOfWeek:this.startOfWeek,theme:this.theme,value:this.value};if(t.dateFormat!==this.dateFormat){t.dateFormat=this.dateFormat}if(this.disableFuture){t.disableFuture=this.disableFuture}if(this.disablePast){t.disablePast=this.disablePast}if(this.disableDays&&this.disableDays.length>0){t.disableDays=this.disableDays}if(this.max!==null&&this.max!==""&&this.maxDate){t.max=this.maxDate}if(this.min!==null&&this.min!==""&&this.minDate){t.min=this.minDate}if(this.disabled){t.disabled=this.disabled}if(this.size!=="medium"){t.size=this.size}return t};this.setDateInputProps=()=>{const t={hideLabel:this.hideLabel,invalidDateMessage:this.invalidDateMessage,label:this.label,showClearButton:true,showCalendarButton:true,value:this.value,emitDatePartChange:this.emitDatePartChange,validationAriaLive:this.validationAriaLive};if(t.dateFormat!==this.dateFormat){t.dateFormat=this.dateFormat}if(this.disableFuture){t.disableFuture=this.disableFuture;if(this.disableFutureMessage!==f){t.disableFutureMessage=this.disableFutureMessage}}if(this.disablePast){t.disablePast=this.disablePast;if(this.disablePastMessage!==p){t.disablePastMessage=this.disablePastMessage}}if(this.disableDays&&this.disableDays.length>0){t.disableDays=this.disableDays;if(this.disableDaysMessage!==b){t.disableDaysMessage=this.disableDaysMessage}}if(this.max!==null&&this.max!==""&&this.maxDate){t.max=this.maxDate}if(this.min!==null&&this.min!==""&&this.minDate){t.min=this.minDate}if(this.helperText!==undefined){t.helperText=this.helperText}if(this.hideHelperText!==false){t.hideHelperText=this.hideHelperText}if(this.inputId!==undefined){t.inputId=this.inputId}if(this.name!==undefined){t.name=this.name}if(this.disabled){t.disabled=this.disabled}if(this.required){t.required=this.required}if(this.showClearButton!==null){t.showClearButton=this.showClearButton}if(this.size!=="medium"){t.size=this.size}if(this.validationStatus!==""){t.validationStatus=this.validationStatus}if(this.validationText!==""){t.validationText=this.validationText}return t}}watchDisabledHandler(){o(this.disabled,this.el)}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=n(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=n(this.min,this.dateFormat)}}watchOpenHandler(){var t;if(this.calendarOpen){if(this.inputEl){let t=w;if(this.size==="small"){t=m}else if(this.size==="large"){t=v}if(this.el.offsetTop+this.inputEl.offsetHeight+t>window.innerHeight&&this.el.offsetTop>t){this.showPickerAbove=true}else{this.showPickerAbove=false}}this.setCalendarProps();document.addEventListener("click",this.handleDocumentClick)}else{document.removeEventListener("click",this.handleDocumentClick);(t=this.inputEl)===null||t===void 0?void 0:t.setCalendarFocus()}}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){r([{prop:this.label,propName:"label"}],"Date Picker");this.watchMaxHandler();this.watchMinHandler();o(this.disabled,this.el);this.hostMutationObserver=new MutationObserver((t=>d(t,["helper-text"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.dateInputProps=this.setDateInputProps();this.calendarProps=this.setCalendarProps()}componentWillUpdate(){this.dateInputProps=this.setDateInputProps();this.calendarProps=this.setCalendarProps()}localCalendarButtonClickHandler(){this.myCalendarButtonClicked=true;if(!this.calendarOpen){this.calendarProps=this.setCalendarProps()}this.calendarOpen=!this.calendarOpen}calendarButtonClickHandler(){if(!this.myCalendarButtonClicked){this.calendarOpen=false}this.myCalendarButtonClicked=false}handleCalendarDaySelect(){this.calendarOpen=false}dateChangeHandler(t){var e;if(this.selectedDate!==((e=t.detail)===null||e===void 0?void 0:e.value)){const e=t.composedPath();const i=e[0];if(i===this.el)return;const s=t.detail.value;if(i.tagName==="IC-CALENDAR"){if(s===null||!h(s,this.selectedDate)){let t=null;if(s!==null){t=new Date(Date.UTC(s.getFullYear(),s.getMonth(),s.getDate()))}this.updateDate(s,t)}}else if(i.tagName==="IC-DATE-INPUT"&&(s===null||!h(s,this.selectedDate))){this.updateDate(s,t.detail.utcValue,false,t.detail.dateObject);this.openAtDate=s}}}updateDate(t,e,i=true,s){var a;if(!h(t,this.selectedDate)){this.selectedDate=t;this.value=t;if(i){(a=this.inputEl)===null||a===void 0?void 0:a.triggerIcChange(t)}}}render(){const{calendarOpen:t,calendarProps:e,dateInputProps:a,size:n,theme:h}=this;return i(s,{key:"f39748a07c611c9d1ea3d6f94a5193d239b851f4",onKeyDown:this.keyDownHandler,class:{[`ic-date-picker-${n}`]:true,[`ic-theme-${h}`]:h!=="inherit"}},i("div",{key:"1ce56e7010a9ee2ec308d74edcd04b3494281082",class:"date-input-container"},i("ic-date-input",Object.assign({key:"2cbbd3d3bad44a857e262d8c44c4ad8305b323b6",ref:t=>this.inputEl=t},a),i("slot",{key:"38206ce726393bc2466a2632ebf4e9f1028c5eed",name:"helper-text",slot:"helper-text"}))),t&&i("ic-calendar",Object.assign({key:"ba6b5a006cb06f2b3346f2ba52044c6f5c4aeeac",class:{["ic-date-picker-above"]:this.showPickerAbove,["ic-date-picker-calendar"]:true},ref:t=>this.calendarEl=t},e)))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],calendarOpen:["watchOpenHandler"]}}};g.style=u;export{g as ic_date_picker};
-//# sourceMappingURL=p-201b41c7.entry.js.map
+import{r as t,c as e,h as i,H as s,g as a}from"./p-8e4e97b4.js";import{c as n,d as h}from"./p-75c3b882.js";import{k as l,r as o,o as r,a as d}from"./p-829b34f9.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem);--ic-input-label-helpertext-padding:var(--ic-space-xxs)}:host(.ic-date-picker-large){--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}:host(.ic-date-picker-small){--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}:host .date-input-container{position:relative}ic-date-input{--input-width:var(--input-field-width)}ic-calendar{--ic-z-index-calendar:var(--ic-z-index-date-picker);--ic-calendar-bg:var(--ic-date-picker-calendar-bg);--ic-calendar-border:var(--ic-date-picker-calendar-border);--ic-calendar-elevation:var(--ic-date-picker-calendar-elevation);--ic-calendar-label:var(--ic-date-picker-calendar-label)}';const u=c;const f="Dates in the future are not allowed. Please select a date in the past.";const p="Dates in the past are not allowed. Please select a date in the future.";const b="The date you have selected is on a day of the week that is not allowed. Please select another date.";const m=360;const w=400;const v=440;const g=class{constructor(i){t(this,i);this.icChange=e(this,"icChange",7);this.myCalendarButtonClicked=false;this.hostMutationObserver=null;this.showPickerAbove=false;this.calendarOpen=false;this.maxDate=null;this.minDate=null;this.monthPickerVisible=false;this.orderedDaysOfWeek=[];this.selectedDate=null;this.dateFormat="DD/MM/YYYY";this.disabled=false;this.disableDays=[];this.disableDaysMessage="The date you have selected is on a day of the week that is not allowed. Please select another date.";this.disableFuture=false;this.disableFutureMessage="Dates in the future are not allowed. Please select a date in the past.";this.disablePast=false;this.disablePastMessage="Dates in the past are not allowed. Please select a date in the future.";this.emitDatePartChange=false;this.hideHelperText=false;this.hideLabel=false;this.invalidDateMessage="Please enter a valid date.";this.max="";this.min="";this.openAtDate="";this.required=false;this.showDaysOutsideMonth=true;this.showClearButton=true;this.showPickerClearButton=true;this.showPickerTodayButton=true;this.size="medium";this.startOfWeek=l.Monday;this.theme="inherit";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.value="";this.handleDocumentClick=()=>{this.calendarOpen=false};this.keyDownHandler=t=>{var e,i;if(t.key==="Escape"){if(this.calendarOpen){this.closeButtonClickHandler();(e=this.inputEl)===null||e===void 0?void 0:e.setCalendarFocus();t.stopImmediatePropagation()}}else{(i=this.calendarEl)===null||i===void 0?void 0:i.clearDialogDescription();t.stopImmediatePropagation()}};this.closeButtonClickHandler=()=>{this.calendarOpen=false};this.setCalendarProps=()=>{const t={disableDays:this.disableDays,disableFuture:this.disableFuture,disablePast:this.disablePast,openAtDate:this.openAtDate,showClearButton:this.showPickerClearButton,showDaysOutsideMonth:this.showDaysOutsideMonth,showTodayButton:this.showPickerTodayButton,startOfWeek:this.startOfWeek,theme:this.theme,value:this.value};if(t.dateFormat!==this.dateFormat){t.dateFormat=this.dateFormat}if(this.disableFuture){t.disableFuture=this.disableFuture}if(this.disablePast){t.disablePast=this.disablePast}if(this.disableDays&&this.disableDays.length>0){t.disableDays=this.disableDays}if(this.max!==null&&this.max!==""&&this.maxDate){t.max=this.maxDate}if(this.min!==null&&this.min!==""&&this.minDate){t.min=this.minDate}if(this.disabled){t.disabled=this.disabled}if(this.size!=="medium"){t.size=this.size}return t};this.setDateInputProps=()=>{const t={hideLabel:this.hideLabel,invalidDateMessage:this.invalidDateMessage,label:this.label,showClearButton:true,showCalendarButton:true,value:this.value,emitDatePartChange:this.emitDatePartChange,validationAriaLive:this.validationAriaLive};if(t.dateFormat!==this.dateFormat){t.dateFormat=this.dateFormat}if(this.disableFuture){t.disableFuture=this.disableFuture;if(this.disableFutureMessage!==f){t.disableFutureMessage=this.disableFutureMessage}}if(this.disablePast){t.disablePast=this.disablePast;if(this.disablePastMessage!==p){t.disablePastMessage=this.disablePastMessage}}if(this.disableDays&&this.disableDays.length>0){t.disableDays=this.disableDays;if(this.disableDaysMessage!==b){t.disableDaysMessage=this.disableDaysMessage}}if(this.max!==null&&this.max!==""&&this.maxDate){t.max=this.maxDate}if(this.min!==null&&this.min!==""&&this.minDate){t.min=this.minDate}if(this.helperText!==undefined){t.helperText=this.helperText}if(this.hideHelperText!==false){t.hideHelperText=this.hideHelperText}if(this.inputId!==undefined){t.inputId=this.inputId}if(this.name!==undefined){t.name=this.name}if(this.disabled){t.disabled=this.disabled}if(this.required){t.required=this.required}if(this.showClearButton!==null){t.showClearButton=this.showClearButton}if(this.size!=="medium"){t.size=this.size}if(this.validationStatus!==""){t.validationStatus=this.validationStatus}if(this.validationText!==""){t.validationText=this.validationText}return t}}watchDisabledHandler(){o(this.disabled,this.el)}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=n(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=n(this.min,this.dateFormat)}}watchOpenHandler(){var t;if(this.calendarOpen){if(this.inputEl){let t=w;if(this.size==="small"){t=m}else if(this.size==="large"){t=v}if(this.el.offsetTop+this.inputEl.offsetHeight+t>window.innerHeight&&this.el.offsetTop>t){this.showPickerAbove=true}else{this.showPickerAbove=false}}this.setCalendarProps();document.addEventListener("click",this.handleDocumentClick)}else{document.removeEventListener("click",this.handleDocumentClick);(t=this.inputEl)===null||t===void 0?void 0:t.setCalendarFocus()}}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){r([{prop:this.label,propName:"label"}],"Date Picker");this.watchMaxHandler();this.watchMinHandler();o(this.disabled,this.el);this.hostMutationObserver=new MutationObserver((t=>d(t,["helper-text"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.dateInputProps=this.setDateInputProps();this.calendarProps=this.setCalendarProps()}componentWillUpdate(){this.dateInputProps=this.setDateInputProps();this.calendarProps=this.setCalendarProps()}localCalendarButtonClickHandler(){this.myCalendarButtonClicked=true;if(!this.calendarOpen){this.calendarProps=this.setCalendarProps()}this.calendarOpen=!this.calendarOpen}calendarButtonClickHandler(){if(!this.myCalendarButtonClicked){this.calendarOpen=false}this.myCalendarButtonClicked=false}handleCalendarDaySelect(){this.calendarOpen=false}dateChangeHandler(t){var e;if(this.selectedDate!==((e=t.detail)===null||e===void 0?void 0:e.value)){const e=t.composedPath();const i=e[0];if(i===this.el)return;const s=t.detail.value;if(i.tagName==="IC-CALENDAR"){if(s===null||!h(s,this.selectedDate)){let t=null;if(s!==null){t=new Date(Date.UTC(s.getFullYear(),s.getMonth(),s.getDate()))}this.updateDate(s,t)}}else if(i.tagName==="IC-DATE-INPUT"&&(s===null||!h(s,this.selectedDate))){this.updateDate(s,t.detail.utcValue,false,t.detail.dateObject);this.openAtDate=s}}}updateDate(t,e,i=true,s){var a;if(!h(t,this.selectedDate)){this.selectedDate=t;this.value=t;if(i){(a=this.inputEl)===null||a===void 0?void 0:a.triggerIcChange(t)}}}render(){const{calendarOpen:t,calendarProps:e,dateInputProps:a,size:n,theme:h}=this;return i(s,{key:"69adbf183ead3aaf6f829612a8970831064ee053",onKeyDown:this.keyDownHandler,class:{[`ic-date-picker-${n}`]:true,[`ic-theme-${h}`]:h!=="inherit"}},i("div",{key:"c2ee8de44e3986f15ab10c489cb59bd8dd16239b",class:"date-input-container"},i("ic-date-input",Object.assign({key:"8979f7bc6c4983274bf2383da1e891792bfa818f",ref:t=>this.inputEl=t},a),i("slot",{key:"e2f10266058b025ed917cb532dd349cd9af34cf0",name:"helper-text",slot:"helper-text"}))),t&&i("ic-calendar",Object.assign({key:"794414508d3a2df579d33c7c3d9b2979665a312f",class:{["ic-date-picker-above"]:this.showPickerAbove,["ic-date-picker-calendar"]:true},ref:t=>this.calendarEl=t},e)))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],calendarOpen:["watchOpenHandler"]}}};g.style=u;export{g as ic_date_picker};
+//# sourceMappingURL=p-22267c01.entry.js.map

package/dist/core/p-27962d4d.entry.js

@@ -0,0 +1,2 @@
+export{N as ic_navigation_item}from"./p-da2a9ddc.js";import"./p-8e4e97b4.js";import"./p-7bbd1881.js";import"./p-67a4f674.js";
+//# sourceMappingURL=p-27962d4d.entry.js.map

package/dist/core/p-384a7f60.entry.js

@@ -0,0 +1,2 @@
+export{M as ic_menu}from"./p-56ef5c79.js";import"./p-8e4e97b4.js";import"./p-7bbd1881.js";import"./p-7d378ee6.js";import"./p-aae38bee.js";
+//# sourceMappingURL=p-384a7f60.entry.js.map

package/dist/core/p-3ed17bfc.entry.js

@@ -0,0 +1,2 @@
+export{S as ic_section_container}from"./p-9b218099.js";import"./p-8e4e97b4.js";
+//# sourceMappingURL=p-3ed17bfc.entry.js.map

package/dist/core/p-3ed17bfc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/core/p-42bacb0d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t,g as i}from"./p-8e4e97b4.js";import{r,i as d,o as c,a as s,g as o,I as n}from"./p-829b34f9.js";import"./p-18d5e467.js";import"./p-f65f0065.js";import"./p-7843f9be.js";import"./p-5585895d.js";import"./p-7bbd1881.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;--card-max-width:550px;--image-size:132px;--message-max-lines:2}.card.small{--card-max-width:360px;--image-size:calc(var(--ic-space-sm) * 10)}.card.small.spacious{--image-size:100px}.card.large{--card-max-width:1130px;--image-size:164px;--message-max-lines:3}.card.large .card-message{margin-top:var(--ic-space-md)}a{text-decoration:none !important;color:var(--ic-card-text-primary) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid\n    var(--ic-color-border-neutral-pressed-dark)}.card.clickable:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}.card.clickable:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card ::slotted(svg){fill:var(--ic-card-icon)}.card.disabled ::slotted(svg){fill:var(--ic-card-icon-disabled)}.card.clickable .card-title{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}.card-message{margin-top:var(--ic-space-xs);align-items:left}.card.disabled .card-message,.card.disabled .subheading{--ic-typography-color:var(--ic-card-disabled-text)}.image{display:flex;border-radius:var(--ic-border-radius)}.image ::slotted([slot="image-left"]),.image ::slotted([slot="image-right"]){height:var(--image-size);width:var(--image-size)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot="heading"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot="heading"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot="heading"]),.card.with-image .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  )}.card.with-image.with-icon .card-title ::slotted([slot="heading"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  )}.card .card-message ::slotted([slot="message"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}.card.spacious{padding:var(--ic-space-md)}.card.spacious .card-content{padding:0}.card.spacious .card-content.left-image{padding:0 0 0 var(--ic-space-md)}.card.spacious .card-content.right-image{padding:0 var(--ic-space-md) 0 0}.card.spacious .image ::slotted([slot="image-left"]),.card.spacious .image ::slotted([slot="image-right"]){border-radius:var(--ic-border-radius)}.interaction-button{margin-left:auto}.adornment{margin-top:var(--ic-space-xxs)}.subheading{margin-top:var(--ic-space-xxs)}.card-title.with-interaction-button{margin-right:var(--ic-space-md)}::slotted(p),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){line-height:normal}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title,.card.disabled .subheading{color:GrayText;--ic-typography-color:GrayText}}';const b=l;const h=class{constructor(a){e(this,a);this.hostMutationObserver=null;this.IMAGE_LEFT="image-left";this.IMAGE_RIGHT="image-right";this.INTERACTION_BUTTON="interaction-button";this.appearance="default";this.isFocussed=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.density="default";this.disabled=false;this.hreflang="";this.message="";this.size="medium";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false}}watchDisabledHandler(){r(this.disabled,this.el)}disconnectedCallback(){var e;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){var e;this.parentEl=this.el.parentElement;if(((e=this.parentEl)===null||e===void 0?void 0:e.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}r(this.disabled,this.el)}componentDidLoad(){!d(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((e=>s(e,["message","adornment",this.IMAGE_LEFT,this.IMAGE_RIGHT,"icon",this.INTERACTION_BUTTON,"badge"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}brandChangeHandler(e){this.updateTheme(e.detail.mode)}async setFocus(){var e,a;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("a");const i=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector("button");if(t){t.focus()}else if(i){i.focus()}}updateTheme(e){const a=o(this.el,e);if(a!==n.Default){this.theme=a===n.Light?n.Dark:n.Light}}render(){const{appearance:e,clickable:i,density:r,disabled:c,heading:s,message:o,href:l,hreflang:b,referrerpolicy:h,rel:p,target:m,parentIsAnchorTag:g,isFocussed:f,size:u,subheading:v,theme:y}=this;const x=g||!i?"div":l===undefined?"button":"a";const k=x=="a"&&{href:l,hrefLang:b,referrerPolicy:h,rel:p,target:m};const w=d(this.el,this.IMAGE_LEFT);const z=d(this.el,this.IMAGE_RIGHT);return a(t,{key:"771202b26bc564410ac2c2dc03e71bdd560e29aa",class:{[`ic-theme-${y}`]:y!=="inherit"}},a(x,Object.assign({key:"4186c340de73d790abc5a894b8eaefe56e83218c",class:{card:true,clickable:i&&!c,disabled:c,focussed:f,dark:e===n.Dark,[`${u}`]:true,"with-icon":d(this.el,"icon"),"with-image":w||z,spacious:r==="spacious"},tabindex:i&&!g?0:undefined,"aria-disabled":c?"true":undefined,disabled:c?true:undefined},k),w&&a("div",{key:"1826dc9ba13fd40c2dd4f8846d68c0e17d17b649",class:"image"},a("slot",{key:"e41c4d1b906dd0f503dd5bde8db6ac0e3605ff0c",name:"image-left"})),a("div",{key:"f5614df11353bb7e3508a833b1b286427ea0ca8d",class:{"card-content":true,"left-image":w,"right-image":z}},a("div",{key:"4d1f8f0bca98684d4b7cf006dedf0d8d60d44d7a",class:"card-header"},d(this.el,"icon")&&a("div",{key:"3c7123189dd853ecf33a3620dc766c96cb83b8ad",class:"icon"},a("slot",{key:"31983db9c29c04e550b95d820c1fec395bdb1c1a",name:"icon"})),a("div",{key:"25641190a46a1be51cc4e760263c188e4691b4bf",class:{"card-title":true,"with-interaction-button":d(this.el,this.INTERACTION_BUTTON)}},a("slot",{key:"1203d21e18a658c9b85d71e2521b11bb4a562f1e",name:"heading"},a("ic-typography",{key:"ecd640d222e45f347ba8e63da1aa115b656eab81",variant:"h4"},a("p",{key:"ac58a52deaa6b91625aa7c4894af7e7691113efd"},s)))),d(this.el,this.INTERACTION_BUTTON)&&a("div",{key:"970ff939e851db9063a703b7068ff9d7877ec674",class:"interaction-button"},a("slot",{key:"a8484bfb6fdb01e07ba13394f0aff4a3a9968115",name:"interaction-button"}))),r==="spacious"&&(v||d(this.el,"subheading"))&&a("div",{key:"fb3a3e63b16c33ebee9777000b01f182f49e3539",class:"subheading"},a("slot",{key:"03357628e63bf5142bbbf77a1bf58fb9b58f9bf4",name:"subheading"},a("ic-typography",{key:"f0b685a0d32a3be3bcb8ee2ccd751f282379747e",variant:"subtitle-small"},v))),r==="spacious"&&d(this.el,"adornment")&&a("div",{key:"a818fe6df8548a7da581512a14ba385371e3a3ad",class:"adornment"},a("slot",{key:"8537af899cb4f1f9e1cd32a5151b2b2cfe575f3f",name:"adornment"})),(o||d(this.el,"message"))&&a("div",{key:"93e427dcd802870b6bc070908a6cd612d11bac33",class:"card-message"},o&&a("ic-typography",{key:"e49ad324e61a7e94ce73bca66e1221bed552ef43",variant:"body"},o),d(this.el,"message")&&a("slot",{key:"b6e8ad05a126c6d05353a95527ce405c21956319",name:"message"}))),d(this.el,"badge")&&a("slot",{key:"2cc13968bbd403b7909ab5e63b266adc38ea54b1",name:"badge"}),z&&a("div",{key:"6090322ee1233e6c5c317c4771cd717e7ff79119",class:"image"},a("slot",{key:"7a594ff72309084d428fcc386bf428f8c0f35966",name:"image-right"}))))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};h.style=b;export{h as ic_card_horizontal};
+//# sourceMappingURL=p-42bacb0d.entry.js.map

package/dist/core/p-42bacb0d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCardHorizontalCss","IcCardHorizontalStyle0","Card","constructor","hostRef","this","hostMutationObserver","IMAGE_LEFT","IMAGE_RIGHT","INTERACTION_BUTTON","appearance","isFocussed","parentEl","parentIsAnchorTag","clickable","density","disabled","hreflang","message","size","theme","parentFocussed","parentBlurred","watchDisabledHandler","removeDisabledFalse","el","disconnectedCallback","removeEventListener","_a","disconnect","componentWillLoad","parentElement","tagName","classList","add","addEventListener","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","updateTheme","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleHostClick","event","stopImmediatePropagation","brandChangeHandler","ev","detail","mode","setFocus","linkElement","shadowRoot","querySelector","buttonElement","_b","focus","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","href","referrerpolicy","rel","target","subheading","Component","undefined","attrs","hrefLang","referrerPolicy","hasLeftImage","hasRightImage","h","Host","key","class","Object","assign","card","focussed","dark","spacious","tabindex","name","variant"],"sources":["src/components/ic-card-horizontal/ic-card-horizontal.css?tag=ic-card-horizontal&encapsulation=shadow","src/components/ic-card-horizontal/ic-card-horizontal.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n  * @prop --card-horizontal-width: Width of the horizontal card\n  */\n\n:host {\n  display: flex;\n\n  --card-max-width: 550px;\n  --image-size: 132px;\n  --message-max-lines: 2;\n}\n\n.card.small {\n  --card-max-width: 360px;\n  --image-size: calc(var(--ic-space-sm) * 10);\n}\n\n.card.small.spacious {\n  --image-size: 100px;\n}\n\n.card.large {\n  --card-max-width: 1130px;\n  --image-size: 164px;\n  --message-max-lines: 3;\n}\n\n.card.large .card-message {\n  margin-top: var(--ic-space-md);\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-card-text-primary) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n  padding: 0;\n}\n\n.card,\n.card.clickable {\n  display: flex;\n  flex-direction: row;\n  border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  text-align: left;\n  color: var(--ic-card-text-primary);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  max-width: var(--card-max-width);\n  height: fit-content;\n  width: var(--card-horizontal-width, fit-content);\n}\n\n.dark.card,\n.dark.card.clickable {\n  border: var(--ic-border-width) solid\n    var(--ic-color-border-neutral-pressed-dark);\n}\n\n.card.clickable:hover {\n  background-color: var(--ic-card-background-hover);\n  border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n  cursor: pointer;\n}\n\n.card.clickable:focus,\n.card.clickable.focussed {\n  background-color: var(--ic-card-background-hover);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n}\n\n.card.clickable:active {\n  background-color: var(--ic-card-background-pressed);\n  box-shadow: var(--ic-border-focus);\n}\n\n.card.disabled {\n  border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card ::slotted(svg) {\n  fill: var(--ic-card-icon);\n}\n\n.card.disabled ::slotted(svg) {\n  fill: var(--ic-card-icon-disabled);\n}\n\n.card.clickable .card-title {\n  --ic-typography-color: var(--ic-card-clickable-text);\n\n  color: var(--ic-card-clickable-text);\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.card.clickable:active .card-title {\n  text-decoration: none;\n}\n\n.card.disabled .card-title {\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n  text-decoration-color: var(--ic-card-disabled-text);\n  color: var(--ic-card-disabled-text);\n\n  --ic-typography-color: var(--ic-card-disabled-text);\n}\n\n.card-message {\n  margin-top: var(--ic-space-xs);\n  align-items: left;\n}\n\n.card.disabled .card-message,\n.card.disabled .subheading {\n  --ic-typography-color: var(--ic-card-disabled-text);\n}\n\n.image {\n  display: flex;\n  border-radius: var(--ic-border-radius);\n}\n\n.image ::slotted([slot=\"image-left\"]),\n.image ::slotted([slot=\"image-right\"]) {\n  height: var(--image-size);\n  width: var(--image-size);\n}\n\n.card-content {\n  display: flex;\n  flex-direction: column;\n  padding: var(--ic-space-md);\n}\n\n.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: calc(var(--card-max-width) - var(--ic-space-xl));\n}\n\n.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p {\n  max-width: calc(var(--card-max-width) - (2 * var(--ic-space-xl)));\n}\n\n.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  );\n}\n\n.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  );\n}\n\n.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--message-max-lines, initial);\n  -webkit-line-clamp: var(--message-max-lines, initial);\n  overflow: hidden;\n}\n\n.card.spacious {\n  padding: var(--ic-space-md);\n}\n\n.card.spacious .card-content {\n  padding: 0;\n}\n\n.card.spacious .card-content.left-image {\n  padding: 0 0 0 var(--ic-space-md);\n}\n\n.card.spacious .card-content.right-image {\n  padding: 0 var(--ic-space-md) 0 0;\n}\n\n.card.spacious .image ::slotted([slot=\"image-left\"]),\n.card.spacious .image ::slotted([slot=\"image-right\"]) {\n  border-radius: var(--ic-border-radius);\n}\n\n.interaction-button {\n  margin-left: auto;\n}\n\n.adornment {\n  margin-top: var(--ic-space-xxs);\n}\n\n.subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n.card-title.with-interaction-button {\n  margin-right: var(--ic-space-md);\n}\n\n::slotted(p),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6) {\n  line-height: normal;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card ::slotted(svg) {\n    fill: currentcolor;\n  }\n\n  .card.disabled ::slotted(svg) {\n    fill: GrayText !important;\n  }\n\n  .card.disabled {\n    border-color: GrayText !important;\n  }\n\n  .card.disabled .card-message,\n  .card.disabled .card-title,\n  .card.disabled .subheading {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcCardDensity,\n  IcSizes,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  getBrandFromContext,\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\n\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\nimport \"../../../../web-components/src/components/ic-status-tag/ic-status-tag\";\nimport \"../../../../web-components/src/components/ic-badge/ic-badge\";\n\n/**\n * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.\n * @slot message - Content will be placed in the main body of the horizontal card.\n * @slot subheading - Content will be placed below the card heading. Only for `density=\"spacious\"`.\n * @slot adornment - Content will be placed below the card subheading. Only for `density=\"spacious\"`.\n * @slot image-left - Content will be placed to the left of all other content.\n * @slot image-right - Content will be placed to the right of all other content.\n * @slot icon - Content will be placed to the left of the horizontal card heading.\n * @slot interaction-button - Content will be placed in the top right corner of the heading section.\n * @slot badge - Badge component overlaying the top right of the horizontal card.\n */\n@Component({\n  tag: \"ic-card-horizontal\",\n  styleUrl: \"ic-card-horizontal.css\",\n  shadow: true,\n})\nexport class Card {\n  private hostMutationObserver: MutationObserver | null = null;\n  private IMAGE_LEFT = \"image-left\";\n  private IMAGE_RIGHT = \"image-right\";\n  private INTERACTION_BUTTON = \"interaction-button\";\n\n  @Element() el: HTMLIcCardHorizontalElement;\n\n  @State() appearance?: IcBrandForeground = \"default\";\n  @State() isFocussed: boolean = false;\n  @State() parentEl: HTMLElement | null = null;\n  @State() parentIsAnchorTag: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be a clickable variant, instead of static.\n   */\n  @Prop({ mutable: true }) clickable: boolean = false;\n\n  /**\n   * The padding of the horizontal card.\n   */\n  @Prop() density: IcCardDensity = \"default\";\n\n  /**\n   * If `true`, the horizontal card will be disabled if it is clickable.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The heading for the horizontal card. This is required, unless a slotted heading is used.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The URL that the clickable horizontal card link points to. If set, the clickable horizontal card will render as an \"a\" tag, otherwise it will render as a button.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * The main body message of the horizontal card.\n   */\n  @Prop() message?: string = \"\";\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The size of the horizontal card.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * The subheading for the card.\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    if (this.parentEl && this.parentIsAnchorTag) {\n      this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n    }\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.parentEl = this.el.parentElement;\n\n    if (this.parentEl?.tagName === \"A\") {\n      this.clickable = true;\n      this.parentIsAnchorTag = true;\n      this.parentEl.classList.add(\"ic-card-wrapper-link\");\n      this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n    }\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Card\"\n      );\n    this.updateTheme();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(\n        mutationList,\n        [\n          \"message\",\n          \"adornment\",\n          this.IMAGE_LEFT,\n          this.IMAGE_RIGHT,\n          \"icon\",\n          this.INTERACTION_BUTTON,\n          \"badge\",\n        ],\n        this\n      )\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.updateTheme(ev.detail.mode);\n  }\n\n  /**\n   * Sets focus on the card.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    const linkElement = this.el.shadowRoot?.querySelector(\"a\");\n    const buttonElement = this.el.shadowRoot?.querySelector(\"button\");\n    if (linkElement) {\n      linkElement.focus();\n    } else if (buttonElement) {\n      buttonElement.focus();\n    }\n  }\n\n  private parentFocussed = (): void => {\n    this.isFocussed = true;\n  };\n\n  private parentBlurred = (): void => {\n    this.isFocussed = false;\n  };\n\n  private updateTheme(mode?: IcBrandForeground): void {\n    const foregroundColor = getBrandFromContext(this.el, mode);\n\n    if (foregroundColor !== IcBrandForegroundEnum.Default) {\n      this.theme =\n        foregroundColor === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n    }\n  }\n\n  render() {\n    const {\n      appearance,\n      clickable,\n      density,\n      disabled,\n      heading,\n      message,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      parentIsAnchorTag,\n      isFocussed,\n      size,\n      subheading,\n      theme,\n    } = this;\n\n    const Component =\n      parentIsAnchorTag || !clickable\n        ? \"div\"\n        : href === undefined\n        ? \"button\"\n        : \"a\";\n\n    const attrs = Component == \"a\" && {\n      href: href,\n      hrefLang: hreflang,\n      referrerPolicy: referrerpolicy,\n      rel: rel,\n      target: target,\n    };\n\n    const hasLeftImage = isSlotUsed(this.el, this.IMAGE_LEFT);\n    const hasRightImage = isSlotUsed(this.el, this.IMAGE_RIGHT);\n\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <Component\n          class={{\n            card: true,\n            clickable: clickable && !disabled,\n            disabled,\n            focussed: isFocussed,\n            dark: appearance === IcBrandForegroundEnum.Dark,\n            [`${size}`]: true,\n            \"with-icon\": isSlotUsed(this.el, \"icon\"),\n            \"with-image\": hasLeftImage || hasRightImage,\n            spacious: density === \"spacious\",\n          }}\n          tabindex={clickable && !parentIsAnchorTag ? 0 : undefined}\n          aria-disabled={disabled ? \"true\" : undefined}\n          disabled={disabled ? true : undefined}\n          {...attrs}\n        >\n          {hasLeftImage && (\n            <div class=\"image\">\n              <slot name=\"image-left\"></slot>\n            </div>\n          )}\n          <div\n            class={{\n              \"card-content\": true,\n              \"left-image\": hasLeftImage,\n              \"right-image\": hasRightImage,\n            }}\n          >\n            <div class=\"card-header\">\n              {isSlotUsed(this.el, \"icon\") && (\n                <div class=\"icon\">\n                  <slot name=\"icon\" />\n                </div>\n              )}\n              <div\n                class={{\n                  \"card-title\": true,\n                  \"with-interaction-button\": isSlotUsed(\n                    this.el,\n                    this.INTERACTION_BUTTON\n                  ),\n                }}\n              >\n                <slot name=\"heading\">\n                  <ic-typography variant=\"h4\">\n                    <p>{heading}</p>\n                  </ic-typography>\n                </slot>\n              </div>\n              {isSlotUsed(this.el, this.INTERACTION_BUTTON) && (\n                <div class=\"interaction-button\">\n                  <slot name=\"interaction-button\"></slot>\n                </div>\n              )}\n            </div>\n            {density === \"spacious\" &&\n              (subheading || isSlotUsed(this.el, \"subheading\")) && (\n                <div class=\"subheading\">\n                  <slot name=\"subheading\">\n                    <ic-typography variant=\"subtitle-small\">\n                      {subheading}\n                    </ic-typography>\n                  </slot>\n                </div>\n              )}\n            {density === \"spacious\" && isSlotUsed(this.el, \"adornment\") && (\n              <div class=\"adornment\">\n                <slot name=\"adornment\"></slot>\n              </div>\n            )}\n            {(message || isSlotUsed(this.el, \"message\")) && (\n              <div class=\"card-message\">\n                {message && (\n                  <ic-typography variant=\"body\">{message}</ic-typography>\n                )}\n                {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n              </div>\n            )}\n          </div>\n          {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n          {hasRightImage && (\n            <div class=\"image\">\n              <slot name=\"image-right\"></slot>\n            </div>\n          )}\n        </Component>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-4385552a.entry.js

@@ -0,0 +1,2 @@
+export{C as ic_chip}from"./p-b8325ec4.js";import"./p-8e4e97b4.js";import"./p-7bbd1881.js";
+//# sourceMappingURL=p-4385552a.entry.js.map

package/dist/core/p-4385552a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}