@internetarchive/elements 0.2.2-zendesk3 → 0.2.3-alpha-webdev8378.0

package/dist/src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-dropdown-search-bar.js","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg } from '@lit/localize';\r\nimport { css, html, LitElement, nothing, TemplateResult } from 'lit';\r\nimport { customElement, property, query } from 'lit/decorators.js';\r\nimport type { IaClearableTextInput } from '@internetarchive/ia-clearable-text-input';\r\nimport type { optionInterface } from '@internetarchive/ia-dropdown';\r\nimport type {\r\n  AdvancedSearchStyle,\r\n  SearchCategory,\r\n  SearchRequestedDetail,\r\n} from './models';\r\n\r\nimport themeStyles from '@src/themes/theme-styles';\r\nimport searchIcon from './search.svg';\r\n\r\nimport '@internetarchive/ia-clearable-text-input';\r\nimport '@internetarchive/ia-dropdown';\r\nimport '@src/elements/ia-status-indicator/ia-status-indicator';\r\n\r\n/**\r\n * Event names emitted by this component\r\n */\r\nconst Events = {\r\n  AdvancedSearchClicked: 'advancedSearchClicked',\r\n  CategoryChanged: 'categoryChanged',\r\n  SearchRequested: 'searchRequested',\r\n};\r\n\r\n@customElement('ia-dropdown-search-bar')\r\nexport class IADropdownSearchBar extends LitElement {\r\n  /** ID used for the special Advanced Search dropdown option */\r\n  static readonly ADVANCED_SEARCH_OPTION_ID = '__advanced_search__';\r\n\r\n  /** The query that appears in the search bar */\r\n  @property({ type: String }) query?: string;\r\n\r\n  /** Dropdown menu options (tab IDs + labels) */\r\n  @property({ type: Array }) categories: SearchCategory[] = [];\r\n\r\n  /** The currently selected dropdown category ID */\r\n  @property({ type: String }) selectedCategory?: string;\r\n\r\n  /** The base URL for internal navigation within the site */\r\n  @property({ type: String }) navBaseUrl?: string;\r\n\r\n  /**\r\n   * Where to display the Advanced Search option:\r\n   * - `link` (default): as a text link below the search bar\r\n   * - `dropdown`: as an item at the bottom of the category dropdown\r\n   * - `none`: hidden entirely\r\n   */\r\n  @property({ type: String }) advancedSearchStyle: AdvancedSearchStyle = 'link';\r\n\r\n  /** Placeholder text for the search input */\r\n  @property({ type: String }) placeholder = msg('Search');\r\n\r\n  /** Whether to use the mobile layout */\r\n  @property({ type: Boolean }) useMobileView = false;\r\n\r\n  /** Whether to hide the category dropdown to the left of the search bar */\r\n  @property({ type: Boolean }) hideDropdown = false;\r\n\r\n  /** Whether the search button should show its loading state */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  @query('#search-input')\r\n  private searchInput!: IaClearableTextInput;\r\n\r\n  /** The effective selected category, falling back to the first in the list. */\r\n  private get resolvedCategory(): string {\r\n    return this.selectedCategory ?? this.categories[0]?.id ?? '';\r\n  }\r\n\r\n  render(): TemplateResult {\r\n    return html`\r\n      <div id=\"container\" part=\"container\" role=\"search\">\r\n        <div\r\n          id=\"main-bar\"\r\n          part=\"main-bar\"\r\n          class=${this.hideDropdown ? 'no-dropdown' : nothing}\r\n        >\r\n          ${this.hideDropdown ? nothing : this.dropdownTemplate}\r\n          ${this.textBoxTemplate} ${this.searchButtonTemplate}\r\n        </div>\r\n        ${this.searchLinksTemplate}\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Template for the category dropdown on the left side of the search bar.\r\n   */\r\n  private get dropdownTemplate(): TemplateResult {\r\n    return html`\r\n      <ia-dropdown\r\n        id=\"category-dropdown\"\r\n        part=\"category-dropdown\"\r\n        displayCaret\r\n        includeSelectedOption\r\n        closeOnSelect\r\n        closeOnEscape\r\n        closeOnBackdropClick\r\n        openViaButton\r\n        .selectedOption=${this.resolvedCategory}\r\n        .options=${this.dropdownOptions}\r\n        @optionSelected=${this.handleCategorySelected}\r\n      >\r\n        <span slot=\"dropdown-label\">${this.selectedCategoryLabel}</span>\r\n      </ia-dropdown>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Template for the main text entry box of the search bar.\r\n   */\r\n  private get textBoxTemplate(): TemplateResult {\r\n    return html`\r\n      <ia-clearable-text-input\r\n        id=\"search-input\"\r\n        part=\"search-input\"\r\n        .value=${this.spacedQuery}\r\n        placeholder=${this.placeholder}\r\n        clearButtonScreenReaderLabel=${msg('Clear search query')}\r\n        screenReaderLabel=${msg(\r\n          'Search the Archive. Filters and Advanced Search available below.',\r\n        )}\r\n        @clear=${this.searchFieldCleared}\r\n        @submit=${this.handleSubmit}\r\n      ></ia-clearable-text-input>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Template for the \"magnifying glass\" search button to the right of the search bar.\r\n   */\r\n  private get searchButtonTemplate(): TemplateResult {\r\n    return html`\r\n      <button\r\n        id=\"search-button\"\r\n        part=\"search-button\"\r\n        class=${this.loading ? 'loading' : nothing}\r\n        type=\"button\"\r\n        aria-label=${msg('Search')}\r\n        @click=${this.handleSubmit}\r\n      >\r\n        ${this.loading\r\n          ? html`<ia-status-indicator\r\n              mode=\"loading\"\r\n              class=\"search-button-loading-icon\"\r\n            ></ia-status-indicator>`\r\n          : html`<img src=${searchIcon} alt=\"\" />`}\r\n      </button>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Converts the `categories` array into the `optionInterface[]` format\r\n   * expected by `ia-dropdown`.\r\n   */\r\n  private get dropdownOptions(): optionInterface[] {\r\n    const options: optionInterface[] = this.categories.map((cat) => ({\r\n      id: cat.id,\r\n      label: html`<span>${cat.label}</span>`,\r\n    }));\r\n\r\n    if (\r\n      this.advancedSearchStyle === 'dropdown' &&\r\n      this.navBaseUrl !== undefined\r\n    ) {\r\n      options.push({\r\n        id: IADropdownSearchBar.ADVANCED_SEARCH_OPTION_ID,\r\n        // Add a separator border above the Advanced Search option\r\n        label: html`<span style=\"border-top: 1px solid #999;\">\r\n          ${msg('Go to Advanced Search...')}\r\n        </span>`,\r\n      });\r\n    }\r\n\r\n    return options;\r\n  }\r\n\r\n  /**\r\n   * Builds the Advanced Search URL using the given query string and the\r\n   * provided `navBaseUrl`. Returns `undefined` if no `navBaseUrl` is set.\r\n   */\r\n  private buildAdvancedSearchUrl(query: string): string | undefined {\r\n    if (this.navBaseUrl === undefined) return undefined;\r\n    const queryArg = query ? `?q=${encodeURIComponent(query)}` : '';\r\n    return `${this.navBaseUrl}/advancedsearch.php${queryArg}`;\r\n  }\r\n\r\n  /**\r\n   * The display label for the currently selected category.\r\n   */\r\n  private get selectedCategoryLabel(): string {\r\n    const match = this.categories.find((c) => c.id === this.resolvedCategory);\r\n    return match?.label ?? this.resolvedCategory;\r\n  }\r\n\r\n  /**\r\n   * The current search query with +'s replaced by spaces.\r\n   */\r\n  private get spacedQuery(): string {\r\n    return this.query?.replace(/\\+/g, ' ') ?? '';\r\n  }\r\n\r\n  /**\r\n   * Template for the search links area beneath the search bar\r\n   * (Advanced Search link and any slotted content).\r\n   */\r\n  private get searchLinksTemplate(): TemplateResult {\r\n    return html`\r\n      <div id=\"search-links-area\">\r\n        <slot name=\"before-search-links\"></slot>\r\n        <div\r\n          id=\"search-links\"\r\n          part=\"search-links\"\r\n          class=${this.useMobileView ? 'mobile' : nothing}\r\n        >\r\n          <slot name=\"search-links-top\"></slot>\r\n          ${this.advancedSearchTemplate}\r\n          <div id=\"search-links-end\">\r\n            <slot name=\"search-links\"></slot>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Template for the \"Advanced Search\" link, built from `navBaseUrl` and\r\n   * the current query. Only rendered when `advancedSearchStyle` is `'link'`.\r\n   */\r\n  private get advancedSearchTemplate(): TemplateResult | typeof nothing {\r\n    if (this.advancedSearchStyle !== 'link') return nothing;\r\n\r\n    const href = this.buildAdvancedSearchUrl(this.query ?? '');\r\n    if (!href) return nothing;\r\n\r\n    return html`<a\r\n      id=\"advanced-search-link\"\r\n      part=\"advanced-search-link\"\r\n      href=${href}\r\n      @click=${this.advancedSearchClicked}\r\n    >\r\n      ${msg('Advanced Search')}\r\n    </a>`;\r\n  }\r\n\r\n  /**\r\n   * Handler for when the search bar's clear button is pressed.\r\n   */\r\n  private searchFieldCleared(): void {\r\n    if (this.query) {\r\n      this.emitSearchRequested();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handler for Enter key or search button click.\r\n   */\r\n  private handleSubmit(): void {\r\n    this.emitSearchRequested();\r\n  }\r\n\r\n  /**\r\n   * Handler for when the user selects a category from the dropdown.\r\n   *\r\n   * Sets `selectedCategory` locally for immediate visual feedback (semi-controlled\r\n   * pattern). The parent also binds this property and may re-set it on re-render.\r\n   */\r\n  private handleCategorySelected(\r\n    e: CustomEvent<{ option: optionInterface }>,\r\n  ): void {\r\n    const newCategoryId = e.detail.option.id;\r\n\r\n    if (newCategoryId === IADropdownSearchBar.ADVANCED_SEARCH_OPTION_ID) {\r\n      this.navigateToAdvancedSearch();\r\n      return;\r\n    }\r\n\r\n    if (newCategoryId === this.resolvedCategory) return;\r\n\r\n    this.selectedCategory = newCategoryId;\r\n\r\n    // On next tick, focus the text input bar (seemingly fails in Safari without the delay)\r\n    setTimeout(() => this.searchInput.focus());\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<string>(Events.CategoryChanged, {\r\n        detail: newCategoryId,\r\n      }),\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Navigates the browser to the Advanced Search page with the current query.\r\n   */\r\n  private navigateToAdvancedSearch(): void {\r\n    // Schedule a re-render so ia-dropdown resets its internal selectedOption\r\n    // back to the real category (in case navigation is delayed or prevented)\r\n    this.requestUpdate();\r\n\r\n    const query = this.searchInput?.value ?? this.query ?? '';\r\n    const href = this.buildAdvancedSearchUrl(query);\r\n    if (!href) return;\r\n\r\n    this.advancedSearchClicked();\r\n    window.location.href = href;\r\n  }\r\n\r\n  /**\r\n   * Handler for clicks on the advanced search link/option\r\n   */\r\n  private advancedSearchClicked(): void {\r\n    this.dispatchEvent(new CustomEvent(Events.AdvancedSearchClicked));\r\n  }\r\n\r\n  /**\r\n   * Emits a `searchRequested` event with the current query and category.\r\n   */\r\n  private emitSearchRequested(): void {\r\n    this.dispatchEvent(\r\n      new CustomEvent<SearchRequestedDetail>(Events.SearchRequested, {\r\n        detail: {\r\n          query: this.searchInput.value,\r\n          category: this.resolvedCategory,\r\n        },\r\n      }),\r\n    );\r\n  }\r\n\r\n  static get styles() {\r\n    const ownStyles = css`\r\n      :host {\r\n        --search-bar-height--: var(--search-bar-height, 30px);\r\n        --search-bar-width--: var(--search-bar-width, 300px);\r\n        --search-bar-internal-padding--: var(--padding-sm, 5px);\r\n        --clear-button-offset--: var(--clear-button-offset, 0);\r\n      }\r\n\r\n      #container {\r\n        display: inline-block;\r\n        width: var(--search-bar-width--);\r\n      }\r\n\r\n      #main-bar {\r\n        display: flex;\r\n        height: var(--search-bar-height--, 30px);\r\n        margin-bottom: 10px;\r\n        flex: 1;\r\n      }\r\n\r\n      #category-dropdown {\r\n        display: flex;\r\n        flex-shrink: 0;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n\r\n        background-color: #f5f5f7;\r\n        border: 1px solid #999;\r\n        border-radius: 5px 0 0 5px;\r\n\r\n        --dropdownMainButtonPadding: 0 var(--search-bar-internal-padding--, 5px);\r\n        --dropdownBgColor: #2c2c2c;\r\n        --dropdownTextColor: #fff;\r\n        --dropdownBorderColor: #ddd;\r\n        --dropdownCaretColor: var(--ia-theme-primary-text-color, #2c2c2c);\r\n        --dropdownHoverBgColor: rgba(255, 255, 255, 0.3);\r\n        --dropdownHoverTextColor: #fff;\r\n        --dropdownSelectedBgColor: rgba(255, 255, 255, 0.3);\r\n        --dropdownSelectedTextColor: #fff;\r\n        --dropdownWhiteSpace: nowrap;\r\n        --dropdownOffsetTop: 2px;\r\n        --caretHeight: 8px;\r\n        --caretWidth: 12px;\r\n        --caretPadding: 0 0 0 5px;\r\n        --dropdownFontSize: inherit;\r\n        --dropdownBorderRadius: 4px;\r\n        --buttonSlotPaddingRight: 0;\r\n        --dropdownTextAlign: left;\r\n      }\r\n\r\n      #category-dropdown [slot='dropdown-label'] {\r\n        color: var(--ia-theme-primary-text-color, #2c2c2c);\r\n        font-size: inherit;\r\n        font-family: inherit;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .no-dropdown #search-input {\r\n        border-left: 1px solid #999;\r\n        border-radius: 5px 0 0 5px;\r\n        overflow: hidden;\r\n      }\r\n\r\n      #search-input {\r\n        width: 100%;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        border-top: 1px solid #999;\r\n        border-bottom: 1px solid #999;\r\n        font-size: inherit;\r\n\r\n        --input-height: calc(var(--search-bar-height--) - 2px);\r\n        --input-padding: 0 var(--search-bar-internal-padding--, 5px);\r\n        --input-background-color: var(\r\n          --ia-theme-secondary-background-color,\r\n          #fff\r\n        );\r\n        --input-border-radius: 0;\r\n        --input-border-width: 0;\r\n        --input-box-shadow: none;\r\n        --input-focused-box-shadow: none;\r\n        --input-font-size: auto;\r\n        --clear-button-top: var(--clear-button-offset--, 0);\r\n        --clear-button-right: 2px;\r\n      }\r\n\r\n      #search-button {\r\n        appearance: none;\r\n        box-sizing: border-box;\r\n        border-radius: 0 5px 5px 0;\r\n        background-color: var(--ia-theme-secondary-background-color, #fff);\r\n        border: 1px solid #999;\r\n        border-left: 0;\r\n        padding: 0 var(--search-bar-internal-padding--, 5px) 0 5px;\r\n        min-width: 30px;\r\n        height: 100%;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n      }\r\n\r\n      #search-button img {\r\n        width: 18px;\r\n        height: 18px;\r\n      }\r\n\r\n      .search-button-loading-icon {\r\n        --icon-width: 20px;\r\n        margin-top: 2px;\r\n      }\r\n\r\n      #search-links-area {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        margin-top: 5px;\r\n        font-size: inherit;\r\n      }\r\n\r\n      #search-links {\r\n        display: flex;\r\n        column-gap: 10px;\r\n        width: 100%;\r\n      }\r\n\r\n      #search-links > a:not(:last-child) {\r\n        margin-bottom: 2px;\r\n      }\r\n\r\n      #advanced-search-link {\r\n        margin-left: auto;\r\n        padding-left: 5px;\r\n      }\r\n\r\n      #search-links-end {\r\n        display: contents;\r\n      }\r\n\r\n      .mobile #advanced-search-link {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .mobile #search-links-end {\r\n        display: flex;\r\n        margin-left: auto;\r\n        column-gap: 10px;\r\n      }\r\n\r\n      a:link {\r\n        text-decoration: none;\r\n        display: block;\r\n        flex: 0 1 auto;\r\n        color: var(--ia-theme-link-color, #4b64ff);\r\n        white-space: nowrap;\r\n      }\r\n\r\n      a:hover {\r\n        text-decoration: underline;\r\n      }\r\n\r\n      a:visited {\r\n        color: var(--ia-theme-link-color, #4b64ff);\r\n      }\r\n\r\n      ::slotted(#action-bar-spacing) {\r\n        --iconLabelGutterWidth: 3px;\r\n        margin-top: -4px; /* Better icon alignment */\r\n        height: fit-content;\r\n      }\r\n    `;\r\n\r\n    return [themeStyles, ownStyles];\r\n  }\r\n}\r\n"]}

package/dist/src/elements/ia-dropdown-search-bar/models.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A category to include in the dropdown. Consists of an internal `id` string that is
+ * emitted on selection, an a human-readable `label` to display in the dropdown.
+ */
+export type SearchCategory = {
+    id: string;
+    label: string;
+};
+/**
+ * Detail object emitted with `searchRequested` events.
+ */
+export type SearchRequestedDetail = {
+    query: string;
+    category: string;
+};
+/**
+ * Options for where to display Advanced Search:
+ * - `link` (default): as a text link below the search bar
+ * - `dropdown`: as an item at the bottom of the category dropdown
+ * - `none`: hidden entirely
+ */
+export type AdvancedSearchStyle = 'link' | 'dropdown' | 'none';
+//# sourceMappingURL=models.d.ts.map

package/dist/src/elements/ia-dropdown-search-bar/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/models.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC"}

package/dist/src/elements/ia-dropdown-search-bar/models.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=models.js.map

package/dist/src/elements/ia-dropdown-search-bar/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/models.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * A category to include in the dropdown. Consists of an internal `id` string that is\r\n * emitted on selection, an a human-readable `label` to display in the dropdown.\r\n */\r\nexport type SearchCategory = {\r\n  id: string;\r\n  label: string;\r\n};\r\n\r\n/**\r\n * Detail object emitted with `searchRequested` events.\r\n */\r\nexport type SearchRequestedDetail = {\r\n  query: string;\r\n  category: string;\r\n};\r\n\r\n/**\r\n * Options for where to display Advanced Search:\r\n * - `link` (default): as a text link below the search bar\r\n * - `dropdown`: as an item at the bottom of the category dropdown\r\n * - `none`: hidden entirely\r\n */\r\nexport type AdvancedSearchStyle = 'link' | 'dropdown' | 'none';\r\n"]}

package/dist/src/elements/ia-dropdown-search-bar/search.svg

@@ -0,0 +1,10 @@
+<svg
+  viewBox="0 0 100 100"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    class="fill-color"
+    d="m17.0555551 41.3194459c0-12.7430552 10.3541664-23.1027772 23.0847216-23.1027772 12.7166664 0 23.0777773 10.359722 23.0777773 23.1027772 0 12.7361108-10.3611109 23.0986106-23.0777773 23.0986106-12.7305552 0-23.0847216-10.3624998-23.0847216-23.0986106zm-17.24305512 0c0 22.2916661 18.04583292 40.3472213 40.32777672 40.3472213 8.9208332 0 17.145833-2.9319449 23.8194439-7.8527776l24.1513883 24.0777771c1.2125 1.1402778 2.8430555 1.8430556 4.6374999 1.8430556 3.7444443 0 6.7805554-3.0361111 6.7805554-6.7791665 0-2.0652778-.9222222-3.9069444-2.3736111-5.1499999l-23.718055-23.7458328c4.4152777-6.4791665 7.0152776-14.3055552 7.0152776-22.7402772 0-22.2791661-18.0458328-40.34861006-40.312499-40.34861006-22.2819438 0-40.32777672 18.06944396-40.32777672 40.34861006z"
+    fill="#2c2c2c"
+    fill-rule="evenodd"
+  />
+</svg>

package/dist/src/elements/ia-otp-input/ia-otp-input.d.ts

@@ -0,0 +1,35 @@
+import { LitElement, TemplateResult, CSSResultGroup, PropertyValues } from 'lit';
+/**
+ * Renders an input for OTP entry, which combines a series of separate
+ * inputs into one, shifting focus as needed and handling paste and backspace
+ * events.
+ */
+export declare class IAOTPInput extends LitElement {
+    prefillValue?: string;
+    disabled: boolean;
+    numChars: number;
+    numericOnly: boolean;
+    private allowedChars;
+    private inputs;
+    render(): TemplateResult;
+    protected firstUpdated(): void;
+    protected willUpdate(changed: PropertyValues): void;
+    private handleInput;
+    private handleKeydown;
+    /**
+     * Transmits pasted data to the input-filling function
+     */
+    private handlePaste;
+    /**
+     * Fills as many inputs as possible with the specified value, starting from the beginning.
+     * Submits the result if enough characters are filled.
+     */
+    private fillInputs;
+    /** Clears all inputs and returns focus to first input */
+    private clearInputs;
+    /** Checks whether all inputs are filled and submits if so */
+    private submitIfInputsFilled;
+    private triggerSubmit;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-otp-input.d.ts.map

package/dist/src/elements/ia-otp-input/ia-otp-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-otp-input.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-otp-input/ia-otp-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,cAAc,EACd,cAAc,EAEd,cAAc,EACf,MAAM,KAAK,CAAC;AAcb;;;;GAIG;AACH,qBACa,UAAW,SAAQ,UAAU;IAGxC,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,QAAQ,EAAE,OAAO,CAAS;IAI1B,QAAQ,EAAE,MAAM,CAAK;IAIrB,WAAW,EAAE,OAAO,CAAQ;IAI5B,OAAO,CAAC,YAAY,CAAyB;IAI7C,OAAO,CAAC,MAAM,CAAgC;IAE9C,MAAM,IAAI,cAAc;IAmBxB,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYnD,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,aAAa;IAmCrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAuBlB,yDAAyD;IACzD,OAAO,CAAC,WAAW;IAKnB,6DAA6D;IAC7D,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,aAAa;IAUrB,MAAM,KAAK,MAAM,IAAI,cAAc,CA4BlC;CACF"}

package/dist/src/elements/ia-otp-input/ia-otp-input.js

@@ -0,0 +1,217 @@
+import { __decorate } from "tslib";
+import { html, LitElement, css, } from 'lit';
+import { property, customElement, queryAll } from 'lit/decorators.js';
+import themeStyles from '../../themes/theme-styles.js';
+/**
+ * Custom event options for the component
+ */
+const Events = {
+    CodeSubmitted: 'codeSubmitted',
+};
+const NUMERIC_REGEX = /^[0-9]+$/;
+const ALPHANUMERIC_REGEX = /^[a-zA-Z0-9]+$/;
+/**
+ * Renders an input for OTP entry, which combines a series of separate
+ * inputs into one, shifting focus as needed and handling paste and backspace
+ * events.
+ */
+let IAOTPInput = class IAOTPInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        /* Whether to disable all inputs */
+        this.disabled = false;
+        /* Number of characters to expect for the passcode */
+        this.numChars = 6;
+        /* Whether to restrict entry to numeric characters */
+        this.numericOnly = true;
+        /* Regex for allowed characters. Updates based on numeric only */
+        this.allowedChars = NUMERIC_REGEX;
+    }
+    render() {
+        return html `
+      ${[...Array(this.numChars).keys()].map((i) => html `<input
+            id="OTP-input-${i}"
+            part="input"
+            type="text"
+            autocomplete=${i === 0 ? 'one-time-code' : 'off'}
+            inputmode=${this.numericOnly ? 'numeric' : 'text'}
+            ?disabled=${this.disabled}
+            @beforeinput=${this.handleInput}
+            @paste=${this.handlePaste}
+            @keydown=${this.handleKeydown}
+          />`)}
+    `;
+    }
+    firstUpdated() {
+        this.inputs[0].focus();
+    }
+    willUpdate(changed) {
+        if (changed.has('numericOnly')) {
+            this.allowedChars = this.numericOnly ? NUMERIC_REGEX : ALPHANUMERIC_REGEX;
+        }
+        if (changed.has('prefillValue') && this.prefillValue !== undefined) {
+            this.fillInputs(this.prefillValue);
+            this.prefillValue = undefined;
+        }
+    }
+    /* Shifts forward on input */
+    handleInput(e) {
+        e.preventDefault();
+        const input = e.target;
+        const addedValue = e.data;
+        if (!addedValue)
+            return;
+        if (addedValue.length > 1) {
+            this.fillInputs(addedValue);
+            return;
+        }
+        if (!this.allowedChars.test(addedValue))
+            return;
+        input.value = addedValue;
+        const next = input.nextElementSibling;
+        if (next)
+            next.focus();
+        this.submitIfInputsFilled();
+    }
+    /* Performs special actions associated with some keys */
+    handleKeydown(e) {
+        const input = e.target;
+        const key = e.key;
+        const prev = input.previousElementSibling;
+        const next = input.nextElementSibling;
+        switch (key) {
+            case 'Backspace':
+            case 'Delete':
+                e.preventDefault();
+                if (prev)
+                    prev.focus();
+                if (input.value === '') {
+                    prev.value = '';
+                    break;
+                }
+                input.value = '';
+                break;
+            case 'Tab':
+                input.select();
+                break;
+            case 'ArrowRight':
+            case 'Right':
+                e.preventDefault();
+                if (next)
+                    next.focus();
+                break;
+            case 'ArrowLeft':
+            case 'Left':
+                e.preventDefault();
+                if (prev)
+                    prev.focus();
+                break;
+        }
+    }
+    /**
+     * Transmits pasted data to the input-filling function
+     */
+    handlePaste(e) {
+        e.preventDefault();
+        const pastedText = e.clipboardData?.getData('text');
+        if (pastedText)
+            this.fillInputs(pastedText);
+    }
+    /**
+     * Fills as many inputs as possible with the specified value, starting from the beginning.
+     * Submits the result if enough characters are filled.
+     */
+    fillInputs(value) {
+        if (value === '')
+            this.clearInputs();
+        const charsToFill = value
+            .split('')
+            .filter((char) => this.allowedChars.test(char))
+            .slice(0, this.numChars);
+        if (!charsToFill || charsToFill.length === 0)
+            return;
+        charsToFill.forEach((char, i) => (this.inputs[i].value = char));
+        if (charsToFill.length === this.numChars) {
+            this.triggerSubmit(charsToFill.join(''));
+            this.inputs[this.numChars - 1].focus();
+            return;
+        }
+        const next = this.inputs[charsToFill.length];
+        next.focus();
+    }
+    /** Clears all inputs and returns focus to first input */
+    clearInputs() {
+        this.inputs.forEach((input) => (input.value = ''));
+        this.inputs[0].focus();
+    }
+    /** Checks whether all inputs are filled and submits if so */
+    submitIfInputsFilled() {
+        const code = [];
+        this.inputs.forEach((input) => {
+            if (input.value)
+                code.push(input.value);
+        });
+        if (code.length === this.numChars)
+            this.triggerSubmit(code.join(''));
+    }
+    /* Submits code */
+    triggerSubmit(code) {
+        this.dispatchEvent(new CustomEvent(Events.CodeSubmitted, {
+            detail: this.numericOnly ? code : code.toUpperCase(),
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    static get styles() {
+        return [
+            themeStyles,
+            css `
+        :host {
+          --primary-text-color--: var(--primary-text-color);
+          --font-size-lg--: var(--font-size-lg);
+        }
+
+        :host {
+          display: flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          gap: 5px;
+        }
+
+        input {
+          color: var(--primary-text-color--);
+          font-size: var(--font-size-lg--);
+          width: var(--font-size-lg--);
+          font-weight: bold;
+          height: calc(var(--font-size-lg--) + 1.25rem);
+          text-align: center;
+          text-transform: uppercase;
+          padding: 0;
+        }
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: String })
+], IAOTPInput.prototype, "prefillValue", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAOTPInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], IAOTPInput.prototype, "numChars", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAOTPInput.prototype, "numericOnly", void 0);
+__decorate([
+    property({ type: Object })
+], IAOTPInput.prototype, "allowedChars", void 0);
+__decorate([
+    queryAll('input')
+], IAOTPInput.prototype, "inputs", void 0);
+IAOTPInput = __decorate([
+    customElement('ia-otp-input')
+], IAOTPInput);
+export { IAOTPInput };
+//# sourceMappingURL=ia-otp-input.js.map

package/dist/src/elements/ia-otp-input/ia-otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-otp-input.js","sourceRoot":"","sources":["../../../../src/elements/ia-otp-input/ia-otp-input.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  LitElement,\n  TemplateResult,\n  CSSResultGroup,\n  css,\n  PropertyValues,\n} from 'lit';\nimport { property, customElement, queryAll } from 'lit/decorators.js';\nimport themeStyles from '@src/themes/theme-styles';\n\n/**\n * Custom event options for the component\n */\nconst Events = {\n  CodeSubmitted: 'codeSubmitted',\n};\n\nconst NUMERIC_REGEX = /^[0-9]+$/;\nconst ALPHANUMERIC_REGEX = /^[a-zA-Z0-9]+$/;\n\n/**\n * Renders an input for OTP entry, which combines a series of separate\n * inputs into one, shifting focus as needed and handling paste and backspace\n * events.\n */\n@customElement('ia-otp-input')\nexport class IAOTPInput extends LitElement {\n  /* An optional value to prefill the inputs with */\n  @property({ type: String })\n  prefillValue?: string;\n\n  /* Whether to disable all inputs */\n  @property({ type: Boolean })\n  disabled: boolean = false;\n\n  /* Number of characters to expect for the passcode */\n  @property({ type: Number })\n  numChars: number = 6;\n\n  /* Whether to restrict entry to numeric characters */\n  @property({ type: Boolean })\n  numericOnly: boolean = true;\n\n  /* Regex for allowed characters. Updates based on numeric only */\n  @property({ type: Object })\n  private allowedChars: RegExp = NUMERIC_REGEX;\n\n  /* Array of OTP inputs */\n  @queryAll('input')\n  private inputs!: NodeListOf<HTMLInputElement>;\n\n  render(): TemplateResult {\n    return html`\n      ${[...Array(this.numChars).keys()].map(\n        (i) =>\n          html`<input\n            id=\"OTP-input-${i}\"\n            part=\"input\"\n            type=\"text\"\n            autocomplete=${i === 0 ? 'one-time-code' : 'off'}\n            inputmode=${this.numericOnly ? 'numeric' : 'text'}\n            ?disabled=${this.disabled}\n            @beforeinput=${this.handleInput}\n            @paste=${this.handlePaste}\n            @keydown=${this.handleKeydown}\n          />`,\n      )}\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.inputs[0].focus();\n  }\n\n  protected willUpdate(changed: PropertyValues): void {\n    if (changed.has('numericOnly')) {\n      this.allowedChars = this.numericOnly ? NUMERIC_REGEX : ALPHANUMERIC_REGEX;\n    }\n\n    if (changed.has('prefillValue') && this.prefillValue !== undefined) {\n      this.fillInputs(this.prefillValue);\n      this.prefillValue = undefined;\n    }\n  }\n\n  /* Shifts forward on input */\n  private handleInput(e: InputEvent): void {\n    e.preventDefault();\n    const input = e.target as HTMLInputElement;\n    const addedValue = e.data;\n\n    if (!addedValue) return;\n    if (addedValue.length > 1) {\n      this.fillInputs(addedValue);\n      return;\n    }\n    if (!this.allowedChars.test(addedValue)) return;\n\n    input.value = addedValue;\n    const next = input.nextElementSibling as HTMLInputElement;\n    if (next) next.focus();\n\n    this.submitIfInputsFilled();\n  }\n\n  /* Performs special actions associated with some keys */\n  private handleKeydown(e: KeyboardEvent): void {\n    const input = e.target as HTMLInputElement;\n    const key = e.key;\n    const prev = input.previousElementSibling as HTMLInputElement;\n    const next = input.nextElementSibling as HTMLInputElement;\n\n    switch (key) {\n      case 'Backspace':\n      case 'Delete':\n        e.preventDefault();\n        if (prev) prev.focus();\n\n        if (input.value === '') {\n          prev.value = '';\n          break;\n        }\n\n        input.value = '';\n        break;\n      case 'Tab':\n        input.select();\n        break;\n      case 'ArrowRight':\n      case 'Right':\n        e.preventDefault();\n        if (next) next.focus();\n        break;\n      case 'ArrowLeft':\n      case 'Left':\n        e.preventDefault();\n        if (prev) prev.focus();\n        break;\n    }\n  }\n\n  /**\n   * Transmits pasted data to the input-filling function\n   */\n  private handlePaste(e: ClipboardEvent): void {\n    e.preventDefault();\n\n    const pastedText = e.clipboardData?.getData('text');\n    if (pastedText) this.fillInputs(pastedText);\n  }\n\n  /**\n   * Fills as many inputs as possible with the specified value, starting from the beginning.\n   * Submits the result if enough characters are filled.\n   */\n  private fillInputs(value: string) {\n    if (value === '') this.clearInputs();\n\n    const charsToFill = value\n      .split('')\n      .filter((char) => this.allowedChars.test(char))\n      .slice(0, this.numChars);\n\n    if (!charsToFill || charsToFill.length === 0) return;\n    charsToFill.forEach(\n      (char, i) => ((this.inputs[i] as HTMLInputElement).value = char),\n    );\n\n    if (charsToFill.length === this.numChars) {\n      this.triggerSubmit(charsToFill.join(''));\n      this.inputs[this.numChars - 1].focus();\n      return;\n    }\n\n    const next = this.inputs[charsToFill.length];\n    next.focus();\n  }\n\n  /** Clears all inputs and returns focus to first input */\n  private clearInputs(): void {\n    this.inputs.forEach((input) => (input.value = ''));\n    this.inputs[0].focus();\n  }\n\n  /** Checks whether all inputs are filled and submits if so */\n  private submitIfInputsFilled(): void {\n    const code: string[] = [];\n    this.inputs.forEach((input) => {\n      if (input.value) code.push(input.value);\n    });\n\n    if (code.length === this.numChars) this.triggerSubmit(code.join(''));\n  }\n\n  /* Submits code */\n  private triggerSubmit(code: string): void {\n    this.dispatchEvent(\n      new CustomEvent(Events.CodeSubmitted, {\n        detail: this.numericOnly ? code : code.toUpperCase(),\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          --primary-text-color--: var(--primary-text-color);\n          --font-size-lg--: var(--font-size-lg);\n        }\n\n        :host {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: nowrap;\n          gap: 5px;\n        }\n\n        input {\n          color: var(--primary-text-color--);\n          font-size: var(--font-size-lg--);\n          width: var(--font-size-lg--);\n          font-weight: bold;\n          height: calc(var(--font-size-lg--) + 1.25rem);\n          text-align: center;\n          text-transform: uppercase;\n          padding: 0;\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ia-button/ia-button.js';
 export * from './ia-combo-box/ia-combo-box.js';
-export * from './ia-zendesk-widget/ia-zendesk-widget.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

package/dist/src/elements/index.js

@@ -1,4 +1,3 @@
 export * from './ia-button/ia-button.js';
 export * from './ia-combo-box/ia-combo-box.js';
-export * from './ia-zendesk-widget/ia-zendesk-widget.js';
 //# sourceMappingURL=index.js.map

package/dist/src/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC","sourcesContent":["export * from './ia-button/ia-button';\nexport * from './ia-combo-box/ia-combo-box';\nexport * from './ia-zendesk-widget/ia-zendesk-widget';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './ia-button/ia-button';\nexport * from './ia-combo-box/ia-combo-box';\n"]}

package/dist/src/labs/ia-snow/flake.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="36.283" height="36.283"><path d="M35.531 17.391h-3.09l.845-1.464a.748.748 0 1 0-1.297-.75l-1.276 2.214H28.61l2.515-4.354a.751.751 0 0 0-.272-1.024.75.75 0 0 0-1.024.274l-2.948 5.104h-2.023a6.751 6.751 0 0 0-2.713-4.684l1.019-1.76 5.896-.002a.75.75 0 0 0 0-1.5l-5.029.002 1.051-1.82 2.557.002a.75.75 0 0 0 0-1.5l-1.689-.002 1.545-2.676a.75.75 0 1 0-1.302-.75l-1.547 2.676-.844-1.463a.749.749 0 1 0-1.297.75l1.278 2.213-1.051 1.818-2.514-4.354a.75.75 0 0 0-1.298.75l2.946 5.104-1.016 1.758a6.692 6.692 0 0 0-2.706-.57 6.74 6.74 0 0 0-2.707.568l-1.013-1.754 2.946-5.105a.75.75 0 0 0-1.298-.75L13.56 8.697l-1.05-1.818 1.278-2.217a.749.749 0 0 0-1.298-.75l-.845 1.465-1.551-2.678a.75.75 0 0 0-1.024-.273.748.748 0 0 0-.274 1.023l1.545 2.678H8.652a.75.75 0 0 0 0 1.5h2.556l1.05 1.818H7.231a.75.75 0 0 0 0 1.5h5.894l1.017 1.762a6.755 6.755 0 0 0-2.712 4.684H9.406l-2.95-5.104a.75.75 0 1 0-1.299.75l2.516 4.354H5.569l-1.277-2.213a.75.75 0 0 0-1.298.75l.845 1.463H.75a.75.75 0 0 0 0 1.5h3.09l-.845 1.465a.747.747 0 0 0 .275 1.022.75.75 0 0 0 .374.103.75.75 0 0 0 .65-.375l1.277-2.215h2.103l-2.516 4.354a.75.75 0 0 0 1.299.75l2.949-5.104h2.024a6.761 6.761 0 0 0 2.712 4.685l-1.017 1.762H7.232a.75.75 0 0 0 0 1.5h5.026l-1.05 1.818H8.651a.75.75 0 0 0 0 1.5h1.69l-1.545 2.676a.75.75 0 0 0 1.299.75l1.546-2.676.846 1.465a.755.755 0 0 0 .65.375.737.737 0 0 0 .375-.103.747.747 0 0 0 .274-1.022l-1.279-2.215 1.05-1.82 2.515 4.354a.75.75 0 0 0 1.299-.75l-2.947-5.104 1.013-1.756a6.72 6.72 0 0 0 5.415 0l1.014 1.756-2.947 5.104a.75.75 0 0 0 1.298.75l2.515-4.354 1.053 1.82-1.277 2.213a.75.75 0 0 0 1.298.75l.844-1.463 1.545 2.678c.141.24.393.375.65.375a.75.75 0 0 0 .649-1.125l-1.548-2.678h1.689a.75.75 0 0 0 0-1.5h-2.557l-1.051-1.82 5.029.002a.75.75 0 0 0 0-1.5l-5.896-.002-1.019-1.76a6.75 6.75 0 0 0 2.711-4.685h2.023l2.947 5.104a.753.753 0 0 0 1.025.273.749.749 0 0 0 .272-1.023l-2.515-4.354h2.104l1.279 2.215a.75.75 0 0 0 .649.375c.127 0 .256-.03.375-.103a.748.748 0 0 0 .273-1.022l-.848-1.465h3.092a.75.75 0 0 0 .003-1.5zm-12.136.75c0 .257-.041.502-.076.75a5.223 5.223 0 0 1-1.943 3.358 5.242 5.242 0 0 1-1.291.766 5.224 5.224 0 0 1-1.949.384 5.157 5.157 0 0 1-3.239-1.15 5.22 5.22 0 0 1-1.943-3.358c-.036-.247-.076-.493-.076-.75s.04-.503.076-.75a5.22 5.22 0 0 1 1.944-3.359c.393-.312.82-.576 1.291-.765a5.219 5.219 0 0 1 1.948-.384c.69 0 1.344.142 1.948.384.471.188.898.454 1.291.765a5.222 5.222 0 0 1 1.943 3.359c.035.247.076.493.076.75z" fill=":color:"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="36.283" height="36.283"><path d="M35.531 17.391h-3.09l.845-1.464a.748.748 0 1 0-1.297-.75l-1.276 2.214H28.61l2.515-4.354a.751.751 0 0 0-.272-1.024.75.75 0 0 0-1.024.274l-2.948 5.104h-2.023a6.751 6.751 0 0 0-2.713-4.684l1.019-1.76 5.896-.002a.75.75 0 0 0 0-1.5l-5.029.002 1.051-1.82 2.557.002a.75.75 0 0 0 0-1.5l-1.689-.002 1.545-2.676a.75.75 0 1 0-1.302-.75l-1.547 2.676-.844-1.463a.749.749 0 1 0-1.297.75l1.278 2.213-1.051 1.818-2.514-4.354a.75.75 0 0 0-1.298.75l2.946 5.104-1.016 1.758a6.692 6.692 0 0 0-2.706-.57 6.74 6.74 0 0 0-2.707.568l-1.013-1.754 2.946-5.105a.75.75 0 0 0-1.298-.75L13.56 8.697l-1.05-1.818 1.278-2.217a.749.749 0 0 0-1.298-.75l-.845 1.465-1.551-2.678a.75.75 0 0 0-1.024-.273.748.748 0 0 0-.274 1.023l1.545 2.678H8.652a.75.75 0 0 0 0 1.5h2.556l1.05 1.818H7.231a.75.75 0 0 0 0 1.5h5.894l1.017 1.762a6.755 6.755 0 0 0-2.712 4.684H9.406l-2.95-5.104a.75.75 0 1 0-1.299.75l2.516 4.354H5.569l-1.277-2.213a.75.75 0 0 0-1.298.75l.845 1.463H.75a.75.75 0 0 0 0 1.5h3.09l-.845 1.465a.747.747 0 0 0 .275 1.022.75.75 0 0 0 .374.103.75.75 0 0 0 .65-.375l1.277-2.215h2.103l-2.516 4.354a.75.75 0 0 0 1.299.75l2.949-5.104h2.024a6.761 6.761 0 0 0 2.712 4.685l-1.017 1.762H7.232a.75.75 0 0 0 0 1.5h5.026l-1.05 1.818H8.651a.75.75 0 0 0 0 1.5h1.69l-1.545 2.676a.75.75 0 0 0 1.299.75l1.546-2.676.846 1.465a.755.755 0 0 0 .65.375.737.737 0 0 0 .375-.103.747.747 0 0 0 .274-1.022l-1.279-2.215 1.05-1.82 2.515 4.354a.75.75 0 0 0 1.299-.75l-2.947-5.104 1.013-1.756a6.72 6.72 0 0 0 5.415 0l1.014 1.756-2.947 5.104a.75.75 0 0 0 1.298.75l2.515-4.354 1.053 1.82-1.277 2.213a.75.75 0 0 0 1.298.75l.844-1.463 1.545 2.678c.141.24.393.375.65.375a.75.75 0 0 0 .649-1.125l-1.548-2.678h1.689a.75.75 0 0 0 0-1.5h-2.557l-1.051-1.82 5.029.002a.75.75 0 0 0 0-1.5l-5.896-.002-1.019-1.76a6.75 6.75 0 0 0 2.711-4.685h2.023l2.947 5.104a.753.753 0 0 0 1.025.273.749.749 0 0 0 .272-1.023l-2.515-4.354h2.104l1.279 2.215a.75.75 0 0 0 .649.375c.127 0 .256-.03.375-.103a.748.748 0 0 0 .273-1.022l-.848-1.465h3.092a.75.75 0 0 0 .003-1.5zm-12.136.75c0 .257-.041.502-.076.75a5.223 5.223 0 0 1-1.943 3.358 5.242 5.242 0 0 1-1.291.766 5.224 5.224 0 0 1-1.949.384 5.157 5.157 0 0 1-3.239-1.15 5.22 5.22 0 0 1-1.943-3.358c-.036-.247-.076-.493-.076-.75s.04-.503.076-.75a5.22 5.22 0 0 1 1.944-3.359c.393-.312.82-.576 1.291-.765a5.219 5.219 0 0 1 1.948-.384c.69 0 1.344.142 1.948.384.471.188.898.454 1.291.765a5.222 5.222 0 0 1 1.943 3.359c.035.247.076.493.076.75z" fill=":color:"/></svg>

package/dist/src/themes/theme-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-styles.d.ts","sourceRoot":"","sources":["../../../src/themes/theme-styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,yBAsEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"theme-styles.d.ts","sourceRoot":"","sources":["../../../src/themes/theme-styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,yBAkFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/themes/theme-styles.js

@@ -14,6 +14,9 @@ const themeStyles = css `
     --default-icon-width: 1.25rem;
     --default-padding-sm: 5px;
     --default-combo-box-width: auto;
+    --default-search-bar-height: 30px;
+    --default-search-bar-width: auto;
+    --default-font-size-lg: 2.25rem;
 
     /* Colors */
     --true-white: #fff;
@@ -45,10 +48,19 @@ const themeStyles = css `
     /* Sizing */
     --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));
     --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));
+    --search-bar-height: var(
+      --ia-theme-search-bar-height,
+      var(--default-search-bar-height)
+    );
+    --search-bar-width: var(
+      --ia-theme-search-bar-width,
+      var(--default-search-bar-width)
+    );
     --combo-box-width: var(
       --ia-theme-combo-box-width,
       var(--default-combo-box-width)
     );
+    --font-size-lg: var(--ia-theme-font-size-lg, var(--default-font-size-lg));
 
     /* Backgrounds and fills */
     --primary-background-color: var(

package/dist/src/themes/theme-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-styles.js","sourceRoot":"","sources":["../../../src/themes/theme-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst themeStyles = css`\n  :host {\n    /*\n    BASE STYLES\n    Default fallback values for theme styles. Assumes 16px root font size.\n    To adjust values, use theme styles below.\n    */\n\n    /* Typography */\n    --default-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    /* Sizing */\n    --default-icon-width: 1.25rem;\n    --default-padding-sm: 5px;\n    --default-combo-box-width: auto;\n\n    /* Colors */\n    --true-white: #fff;\n    --off-white: #fbfbfd;\n    --dark-gray: #2c2c2c;\n    --light-gray: #666;\n    --classic-red: #e51c23;\n    --mint-green: #31a481;\n    --navy-blue: #194880;\n    --bright-blue: #4b64ff;\n\n    /*\n    ADJUSTABLE STYLES\n    To be adjusted by setting i.e. --ia-theme-link-color at the :root or component level.\n    */\n\n    /* Text */\n    --base-font-family: var(\n      --ia-theme-base-font-family,\n      var(--default-font-family)\n    );\n    --primary-text-color: var(--ia-theme-primary-text-color, var(--dark-gray));\n    --secondary-text-color: var(\n      --ia-theme-secondary-text-color,\n      var(--light-gray)\n    );\n    --link-color: var(--ia-theme-link-color, var(--bright-blue));\n\n    /* Sizing */\n    --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));\n    --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));\n    --combo-box-width: var(\n      --ia-theme-combo-box-width,\n      var(--default-combo-box-width)\n    );\n\n    /* Backgrounds and fills */\n    --primary-background-color: var(\n      --ia-theme-primary-background-color,\n      var(--off-white)\n    );\n    --secondary-background-color: var(\n      --ia-theme-secondary-background-color,\n      var(--true-white)\n    );\n\n    /* State colors */\n    --primary-cta-fill: var(--ia-theme-primary-cta-fill, var(--navy-blue));\n    --primary-cta-text-color: var(\n      --ia-theme-primary-cta-text-color,\n      var(--true-white)\n    );\n    --color-success: var(--ia-theme-color-success, var(--mint-green));\n    --color-danger: var(--ia-theme-color-danger, var(--classic-red));\n  }\n`;\n\nexport default themeStyles;\n"]}
+{"version":3,"file":"theme-styles.js","sourceRoot":"","sources":["../../../src/themes/theme-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst themeStyles = css`\n  :host {\n    /*\n    BASE STYLES\n    Default fallback values for theme styles. Assumes 16px root font size.\n    To adjust values, use theme styles below.\n    */\n\n    /* Typography */\n    --default-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    /* Sizing */\n    --default-icon-width: 1.25rem;\n    --default-padding-sm: 5px;\n    --default-combo-box-width: auto;\n    --default-search-bar-height: 30px;\n    --default-search-bar-width: auto;\n    --default-font-size-lg: 2.25rem;\n\n    /* Colors */\n    --true-white: #fff;\n    --off-white: #fbfbfd;\n    --dark-gray: #2c2c2c;\n    --light-gray: #666;\n    --classic-red: #e51c23;\n    --mint-green: #31a481;\n    --navy-blue: #194880;\n    --bright-blue: #4b64ff;\n\n    /*\n    ADJUSTABLE STYLES\n    To be adjusted by setting i.e. --ia-theme-link-color at the :root or component level.\n    */\n\n    /* Text */\n    --base-font-family: var(\n      --ia-theme-base-font-family,\n      var(--default-font-family)\n    );\n    --primary-text-color: var(--ia-theme-primary-text-color, var(--dark-gray));\n    --secondary-text-color: var(\n      --ia-theme-secondary-text-color,\n      var(--light-gray)\n    );\n    --link-color: var(--ia-theme-link-color, var(--bright-blue));\n\n    /* Sizing */\n    --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));\n    --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));\n    --search-bar-height: var(\n      --ia-theme-search-bar-height,\n      var(--default-search-bar-height)\n    );\n    --search-bar-width: var(\n      --ia-theme-search-bar-width,\n      var(--default-search-bar-width)\n    );\n    --combo-box-width: var(\n      --ia-theme-combo-box-width,\n      var(--default-combo-box-width)\n    );\n    --font-size-lg: var(--ia-theme-font-size-lg, var(--default-font-size-lg));\n\n    /* Backgrounds and fills */\n    --primary-background-color: var(\n      --ia-theme-primary-background-color,\n      var(--off-white)\n    );\n    --secondary-background-color: var(\n      --ia-theme-secondary-background-color,\n      var(--true-white)\n    );\n\n    /* State colors */\n    --primary-cta-fill: var(--ia-theme-primary-cta-fill, var(--navy-blue));\n    --primary-cta-text-color: var(\n      --ia-theme-primary-cta-text-color,\n      var(--true-white)\n    );\n    --color-success: var(--ia-theme-color-success, var(--mint-green));\n    --color-danger: var(--ia-theme-color-danger, var(--classic-red));\n  }\n`;\n\nexport default themeStyles;\n"]}