@universal-material/web 3.6.19 → 3.6.21

package/dist/esm/list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAU;IAEvB,MAAM,IAAI,kBAAkB;CAGtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}

package/dist/esm/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;aACpB,WAAM,GAAG,MAAM,AAAT,CAAU;IAEvB,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AALU,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAMlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './list.styles.js';\n\n@customElement('u-list')\nexport class UmList extends LitElement {\n  static override styles = styles;\n\n  override render(): HTMLTemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-list': UmList;\n  }\n}\n"]}

package/dist/esm/list/list.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAKlB,CAAC"}

package/dist/esm/list/list.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.styles.js","sourceRoot":"","sources":["../../../src/list/list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;CAKzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    padding-block: var(--u-list-padding, 8px);\n  }\n`;\n"]}

package/dist/esm/menu/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGxE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,qBACa,UAAW,SAAQ,eAAe;;IAC7C,OAAgB,MAAM,iCAAoC;IAEd,MAAM,UAAS;IAElD,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IAC0B,QAAQ,UAAS;IAE5E,SAAS,SAAc;IAEvB,iBAAiB;IAMjB,oBAAoB;cAOV,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAS/C,cAAc,IAAI,kBAAkB;IAgBvD,SAAS,CAAC,0BAA0B,IAAI,cAAc,GAAG,OAAO,OAAO;CAWxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/esm/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAkB,MAAM,KAAK,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,eAAe;IAAxC;;QAGuC,WAAM,GAAG,KAAK,CAAC;QAE1C,oBAAe,GAAG,KAAK,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAC;QAC0B,aAAQ,GAAG,KAAK,CAAC;QAE5E,cAAS,GAAG,UAAU,CAAC;QAavB,sBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAa,sBAAsB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAsChI,CAAC;aA3DiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAUjD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC;QAC3B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjE,CAAC;IAEQ,iBAAiB,CAAoG;IAE3G,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,kBAAkB,EAAE,IAAI,CAAC,MAAM;YAC/B,cAAc,EAAE,IAAI,CAAC,eAAe;YACpC,eAAe,EAAE,IAAI,CAAC,gBAAgB;SACvC,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;oEAEqD,IAAI,CAAC,4BAA4B;;;;;;qEAMhC,IAAI,CAAC,6BAA6B;kBACrF,IAAI,CAAC,0BAA0B,EAAE;;;KAG9C,CAAC;IACJ,CAAC;IAES,0BAA0B;QAClC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,4BAA4B,CAAC,CAAQ;QACnC,IAAI,CAAC,eAAe,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtG,CAAC;IAED,6BAA6B,CAAC,CAAQ;QACpC,IAAI,CAAC,gBAAgB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACvG,CAAC;;AAxD2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAgB;AAE1C;IAAhB,KAAK,EAAE;mDAAiC;AACxB;IAAhB,KAAK,EAAE;oDAAkC;AAC0B;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAP1E,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4DtB","sourcesContent":["import { html, HTMLTemplateResult, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './menu-item.styles.js';\n\n@customElement('u-menu-item')\nexport class UmMenuItem extends UmButtonWrapper {\n  static override styles = [UmButtonWrapper.styles, styles];\n\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() private _hasLeadingIcon = false;\n  @state() private _hasTrailingIcon = false;\n  @property({ type: Boolean, attribute: 'has-badge', reflect: true }) hasBadge = false;\n\n  override innerRole = 'menuitem';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'presentation';\n    this.addEventListener('mouseenter', this.#handleMouseEnter);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('mouseenter', this.#handleMouseEnter);\n  }\n\n  readonly #handleMouseEnter = () => this.dispatchEvent(new CustomEvent<UmMenuItem>('menu-item-mouseenter', { bubbles: true }));\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      'force-focus-ring': this.active,\n      'leading-icon': this._hasLeadingIcon,\n      'trailing-icon': this._hasTrailingIcon,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <div class=\"icon leading\">\n        <slot name=\"leading-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n      </div>\n      <span class=\"label\" id=\"text\">\n        <slot></slot>\n      </span>\n      <div class=\"icon trailing\">\n        <slot name=\"trailing-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleTrailingIconSlotChange}\">\n          <span>${this._renderDefaultTrailingIcon()}</span>\n        </slot>\n      </div>\n    `;\n  }\n\n  protected _renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n\n  #handleLeadingIconSlotChange(e: Event) {\n    this._hasLeadingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n\n  #handleTrailingIconSlotChange(e: Event) {\n    this._hasTrailingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu-item': UmMenuItem;\n  }\n}\n"]}

package/dist/esm/menu/menu-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAoDlB,CAAC"}

package/dist/esm/menu/menu-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);\n    --_menu-item-padding: var(--u-menu-item-padding, 12px);\n    --u-focus-ring-outline-offset: -4px;\n  }\n\n  .container {\n    height: var(--u-menu-item-height, 56px);\n    padding-inline: var(--_menu-item-padding);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n  }\n  .container:not(.leading-icon) .leading {\n    display: none;\n  }\n  .container:not(.trailing-icon) .trailing:has(slot[name=trailing-icon] span:empty) {\n    display: none;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_menu-item-icon-size);\n    height: var(--_menu-item-icon-size);\n    font-size: var(--_menu-item-icon-size);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .content {\n    justify-content: flex-start;\n    gap: var(--u-menu-item-icon-margin, 12px);\n  }\n\n  .force-focus-ring .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    flex: 1;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`;\n"]}

package/dist/esm/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAO3D,OAAO,2BAA2B,CAAC;AAiCnC,qBACa,MAAO,SAAQ,UAAU;;IACpC,OAAgB,MAAM,4BAAwB;IAKlC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAQ;IAElD;;OAEG;IACH,IACI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAoCrB;IA6B4B,WAAW,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/C,WAAW,UAAS;IAEjD;;;OAGG;IAEH,YAAY,EAAE,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAe;IAE9G;;;;;OAKG;IAC0B,SAAS,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAc;IAEvG;;OAEG;IACsE,aAAa,UAAS;IAE/E,IAAI,EAAG,WAAW,CAAC;IACpB,GAAG,EAAG,WAAW,CAAC;IAEjC,IAAI,eAAe,IAAI,WAAW,CAEjC;IAWD,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAElD;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAE9D;cAEkB,MAAM,IAAI,kBAAkB;IAmBtC,iBAAiB;IAO1B,MAAM,aAOJ;IAEF,IAAI,IAAI,IAAI;IAIZ,KAAK,aAEH;IAsBF,OAAO,CAAC,uBAAuB;IA0I/B,OAAO,CAAC,eAAe;IAqDvB,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}

package/dist/esm/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './menu.styles.js';\n\nimport '../elevation/elevation.js';\n\ninterface AnchorCornerBlockSide {\n  top: number;\n  bottom: number;\n  relativeY: number;\n}\n\ninterface AnchorCornerInlineSide {\n  left: number;\n  right: number;\n  relativeX: number;\n}\n\ninterface AnchorBounds {\n  top: AnchorCornerBlockSide;\n  bottom: AnchorCornerBlockSide;\n  start: AnchorCornerInlineSide;\n  end: AnchorCornerInlineSide;\n  width: number;\n  height: number;\n}\n\ninterface MenuPosition {\n  bounds: AnchorBounds;\n  isRtl: boolean;\n}\n\ninterface MenuSize {\n  width: number;\n  height: number;\n}\n\n@customElement('u-menu')\nexport class UmMenu extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  #open = false;\n  #preInitOpen = false;\n\n  @property() autoclose: boolean | 'outside' = true;\n\n  /**\n   * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods\n   */\n  @property({ type: Boolean, reflect: true })\n  get open(): boolean {\n    return this.#open;\n  }\n\n  set open(open: boolean) {\n    if (!this.menu) {\n      this.#preInitOpen = open;\n      return;\n    }\n\n    if (this.open === open) {\n      return;\n    }\n\n    this.menu.removeEventListener('transitionend', this.#onClosed, true);\n    this.menu.removeEventListener('transitionend', this.#onOpened, true);\n\n    if (!open) {\n      const closePrevented = !this.dispatchEvent(new Event('close', { cancelable: true }));\n\n      if (closePrevented) {\n        return;\n      }\n\n      this.#open = open;\n\n      this.#hide();\n\n      return;\n    }\n\n    const openPrevented = !this.dispatchEvent(new Event('open', { cancelable: true }));\n\n    if (openPrevented) {\n      return;\n    }\n\n    this.#open = open;\n\n    this.#show();\n  }\n\n  #show() {\n    this.menu.style.display = '';\n    this.calcDropdownPositioning();\n\n    this.menu.addEventListener('transitionend', this.#onOpened, {\n      capture: true,\n      once: true,\n    });\n\n    setTimeout(() => document.addEventListener('click', this.#clickClose));\n\n    if (this.manualFocus) {\n      return;\n    }\n\n    setTimeout(() => this.querySelector<HTMLElement>('u-menu-item:not([disabled])')?.focus());\n  }\n\n  #hide() {\n    document.removeEventListener('click', this.#clickClose);\n\n    this.menu.addEventListener('transitionend', this.#onClosed, {\n      capture: true,\n      once: true,\n    });\n  }\n\n  @property({ reflect: true }) positioning: 'relative' | 'fixed' = 'relative';\n\n  @property({ type: Boolean }) manualFocus = false;\n\n  /**\n   * The corner of the anchor which to align the menu in the standard logical\n   * property style of <block>-<inline> e.g. `'end-start'`.\n   */\n  @property({ attribute: 'anchor-corner', reflect: true })\n  anchorCorner: 'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end' = 'end-start';\n\n  /**\n   * The direction of the menu. e.g. `'down-end'`.\n   *\n   * NOTE: This value may not be respected by the menu positioning algorithm\n   * if the menu would render outside the viewport.\n   */\n  @property({ reflect: true }) direction: 'up-start' | 'up-end' | 'down-start' | 'down-end' = 'down-end';\n\n  /**\n   * Don't limit the height of the menu\n   */\n  @property({ type: Boolean, attribute: 'allow-overflow', reflect: true }) allowOverflow = false;\n\n  @query('.menu') menu!: HTMLElement;\n  @query('.ref') ref!: HTMLElement;\n\n  get scrollContainer(): HTMLElement {\n    return this.menu;\n  }\n\n  readonly #onOpened = () => this.dispatchEvent(new Event('opened'));\n\n  readonly #onClosed = () => {\n    this.menu.style.display = 'none';\n    this.dispatchEvent(new Event('closed'));\n  };\n\n  #anchorElement: HTMLElement | null | undefined;\n\n  get anchorElement(): HTMLElement | null | undefined {\n    return this.#anchorElement ?? this.parentElement! ?? (this.getRootNode() as ShadowRoot).host;\n  }\n\n  set anchorElement(anchorElement: HTMLElement | null | undefined) {\n    this.#anchorElement = anchorElement;\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const menuClasses = { open: this.open };\n\n    return html`\n      <div class=\"ref\"></div>\n      <div\n        class=\"menu ${classMap(menuClasses)}\" \n        part=\"menu\"\n        style=\"display: none\"\n        ?inert=${!this.open}\n        @click=${this.#handleMenuClick}>\n        <u-elevation></u-elevation>\n        <div role=\"menu\" class=\"content\" part=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'listbox';\n\n    this.#setInitOpen();\n  }\n\n  toggle = () => {\n    if (this.open) {\n      this.close();\n      return;\n    }\n\n    this.show();\n  };\n\n  show(): void {\n    this.open = true;\n  }\n\n  close = () => {\n    this.open = false;\n  };\n\n  readonly #clickClose = () => {\n    if (this.autoclose !== false) {\n      this.open = false;\n    }\n  };\n\n  async #setInitOpen() {\n    await this.updateComplete;\n\n    if (this.#preInitOpen) {\n      this.open = true;\n    }\n  }\n\n  readonly #handleMenuClick = (e: Event) => {\n    if (this.autoclose === 'outside') {\n      e.stopPropagation();\n    }\n  };\n\n  private calcDropdownPositioning() {\n    if (!this.anchorElement) {\n      return;\n    }\n\n    const menuPosition = this.getMenuPosition();\n    const menuSize = this.getMenuSize();\n\n    this.#resetMenu();\n    this.#setToOpenUpOrDown(menuPosition, menuSize);\n    this.#setToOpenToStartOrEnd(menuPosition, menuSize);\n  }\n\n  #resetMenu() {\n    this.menu.className = 'menu';\n    this.menu.style.top = '';\n    this.menu.style.bottom = '';\n    this.menu.style.left = '';\n    this.menu.style.right = '';\n    this.menu.style.maxHeight = '';\n  }\n\n  #setToOpenUpOrDown(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    if (this.anchorCorner.startsWith('auto-')) {\n      this.#openBlockAuto(menuPosition, menuSize);\n      return;\n    }\n\n    const side = this.anchorCorner.startsWith('start-') ? menuPosition.bounds.top : menuPosition.bounds.bottom;\n\n    if (this.direction.startsWith('up-')) {\n      this.#tryOpenUp(side, menuSize);\n      return;\n    }\n\n    this.#tryOpenDown(side, menuSize);\n  }\n\n  #openBlockAuto(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    const topSide = menuPosition.bounds.top;\n    const bottomSide = menuPosition.bounds.bottom;\n\n    const viewPortHeight = window.innerHeight;\n\n    if (bottomSide.bottom >= topSide.top || viewPortHeight - (bottomSide.top + menuSize.height) >= 0) {\n      this.#openDown(bottomSide);\n      return;\n    }\n\n    this.#openUp(topSide);\n  }\n\n  #tryOpenUp(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n    if (side.top === side.bottom || side.top - menuSize.height >= 0) {\n      this.#openUp(side);\n      return;\n    }\n\n    this.#openToLargestBlockSide(side);\n  }\n\n  #tryOpenDown(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n    const viewPortHeight = window.innerHeight;\n\n    if (side.top === side.bottom || viewPortHeight - (side.top + menuSize.height) >= 0) {\n      this.#openDown(side);\n      return;\n    }\n\n    this.#openToLargestBlockSide(side);\n  }\n\n  #openToLargestBlockSide(side: AnchorCornerBlockSide) {\n    if (side.top > side.bottom) {\n      this.#openUp(side);\n      return;\n    }\n\n    this.#openDown(side);\n  }\n\n  #setToOpenToStartOrEnd(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    const openStart = menuPosition.isRtl ? this.#tryOpenRight.bind(this) : this.#tryOpenLeft.bind(this);\n    const openEnd = menuPosition.isRtl ? this.#tryOpenLeft.bind(this) : this.#tryOpenRight.bind(this);\n\n    const side = this.anchorCorner.endsWith('-start') ? menuPosition.bounds.start : menuPosition.bounds.end;\n\n    if (this.direction.endsWith('-start')) {\n      openStart(side, menuSize);\n      return;\n    }\n\n    openEnd(side, menuSize);\n  }\n\n  #tryOpenLeft(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n    if (side.left === side.right || side.left - menuSize.width >= 0) {\n      this.menu.style.right = `${side.relativeX * -1}px`;\n      return;\n    }\n\n    this.#openToLargestInlineSide(side);\n  }\n\n  #tryOpenRight(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n    const viewPortWidth = window.innerWidth;\n\n    if (side.left === side.right || viewPortWidth - (side.left + menuSize.width) >= 0) {\n      this.menu.style.left = `${side.relativeX}px`;\n      return;\n    }\n\n    this.#openToLargestInlineSide(side);\n  }\n\n  #openToLargestInlineSide(side: AnchorCornerInlineSide) {\n    if (side.left > side.right) {\n      this.menu.style.right = `${side.relativeX * -1}px`;\n      return;\n    }\n\n    this.menu.style.left = `${side.relativeX}px`;\n  }\n\n  #openUp(side: AnchorCornerBlockSide) {\n    const viewPortHeight = window.innerHeight;\n\n    this.menu.style.bottom = `${side.relativeY * -1}px`;\n    this.menu.classList.add('up');\n    this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.bottom}px`;\n  }\n\n  #openDown(side: AnchorCornerBlockSide) {\n    const viewPortHeight = window.innerHeight;\n    this.menu.style.top = `${side.relativeY}px`;\n    this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.top}px`;\n  }\n\n  private getMenuPosition(): MenuPosition {\n    const viewPortWidth = window.innerWidth;\n    const viewPortHeight = window.innerHeight;\n\n    const anchorElement = this.anchorElement!;\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const refRect = this.ref.getBoundingClientRect();\n    const anchorStyles = getComputedStyle(anchorElement);\n    const isRtl = anchorStyles.direction === 'rtl';\n\n    const width = parseInt(anchorStyles.width, 10);\n    const height = parseInt(anchorStyles.height, 10);\n\n    const rectX = refRect.left;\n    const rectY = refRect.top;\n\n    const leftPoint: AnchorCornerInlineSide = {\n      left: anchorRect.left,\n      right: viewPortWidth - anchorRect.left,\n      relativeX: anchorRect.left - rectX,\n    };\n\n    const rightPoint: AnchorCornerInlineSide = {\n      left: anchorRect.right,\n      right: viewPortWidth - anchorRect.right,\n      relativeX: leftPoint.relativeX + width,\n    };\n\n    const topPoint: AnchorCornerBlockSide = {\n      top: anchorRect.top,\n      relativeY: anchorRect.top - rectY,\n      bottom: viewPortHeight - anchorRect.top,\n    };\n\n    const anchorBounds: AnchorBounds = {\n      top: topPoint,\n      bottom: {\n        top: anchorRect.bottom,\n        relativeY: topPoint.relativeY + height,\n        bottom: viewPortHeight - anchorRect.bottom,\n      },\n      start: isRtl ? rightPoint : leftPoint,\n      end: isRtl ? leftPoint : rightPoint,\n      width,\n      height,\n    };\n\n    return {\n      isRtl,\n      bounds: anchorBounds,\n    };\n  }\n\n  private getMenuSize(): MenuSize {\n    const menu = this.menu;\n    const menuStyles = getComputedStyle(menu);\n    const width = parseInt(menuStyles.width, 10);\n    const height = parseInt(menuStyles.height, 10);\n\n    return {\n      width,\n      height,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu': UmMenu;\n  }\n}\n"]}

package/dist/esm/menu/menu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkElB,CAAC"}

package/dist/esm/menu/menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --u-elevation-level: var(--u-menu-elevation-level, 2);\n    display: block;\n    width: 0;\n    z-index: var(--u-menu-z-index, 1020);\n  }\n\n  :host([positioning=relative]) {\n    position: relative;\n  }\n\n  :host([positioning=fixed]) {\n    position: fixed;\n  }\n\n  .ref {\n    position: absolute;\n    inset-inline-start: 0;\n    pointer-events: none;\n  }\n\n  .content {\n    width: 100%;\n    padding-block: var(--u-menu-padding, 8px);\n    opacity: 0;\n    transition: opacity 1ms 400ms;\n    scroll-padding-block: 32px;\n    overflow: auto;\n  }\n\n  .menu {\n    position: absolute;\n    display: flex;\n    min-width: var(--u-menu-min-width, 112px);\n    max-width: var(--u-menu-max-width, 280px);\n    background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n    border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n    opacity: 0;\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n    transform: scale3d(1, 0, 0);\n    transform-origin: top;\n  }\n  .menu.up {\n    transform-origin: bottom;\n  }\n  .menu.open {\n    opacity: 1;\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n    transform: scale3d(1, 1, 1);\n  }\n  .menu.open .content {\n    opacity: 1;\n    transition: opacity 300ms 150ms;\n  }\n\n  @keyframes menu-open {\n    from {\n      opacity: 0;\n      transform: scale3d(1, 0, 0);\n    }\n    to {\n      opacity: 1;\n      transform: scale3d(1, 1, 1);\n    }\n  }\n`;\n"]}

package/dist/esm/navigation/drawer-headline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-headline.d.ts","sourceRoot":"","sources":["../../../src/navigation/drawer-headline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD,qBACa,gBAAiB,SAAQ,UAAU;IAE9C,OAAgB,MAAM,iCAGpB;IAEO,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}

package/dist/esm/navigation/drawer-headline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-headline.js","sourceRoot":"","sources":["../../../src/navigation/drawer-headline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;aAE9B,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAbU,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAc5B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-headline.styles.js';\n\n@customElement('u-drawer-headline')\nexport class UmDrawerHeadline extends LitElement {\n\n  static override styles = [\n    UmButtonWrapper.styles,\n    styles,\n  ];\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer-headline': UmDrawerHeadline;\n  }\n}\n"]}

package/dist/esm/navigation/drawer-headline.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-headline.styles.d.ts","sourceRoot":"","sources":["../../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAUlB,CAAC"}

package/dist/esm/navigation/drawer-headline.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-headline.styles.js","sourceRoot":"","sources":["../../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    margin-block: var(--u-drawer-headline-margin-block, 16px 24px);\n  }\n`;\n"]}

package/dist/esm/navigation/drawer-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-item.d.ts","sourceRoot":"","sources":["../../../src/navigation/drawer-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,qBACa,YAAa,SAAQ,eAAe;IAE/C,OAAgB,MAAM,iCAGpB;IAEO,QAAQ,UAAS;IACjB,SAAS,UAAS;IAE3B;;;;OAIG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACwE,cAAc,UAAS;IAGlG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEvC,iBAAiB;cAKP,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;IAiBvD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAIpB,YAAY,IAAI,IAAI;CAW9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/esm/navigation/drawer-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-item.js","sourceRoot":"","sources":["../../../src/navigation/drawer-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG1C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAA1C;;QAOI,aAAQ,GAAG,KAAK,CAAC;QACjB,cAAS,GAAG,KAAK,CAAC;QAE3B;;;;WAIG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACwE,mBAAc,GAAG,KAAK,CAAC;IAyDpG,CAAC;aA3EiB,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAuBO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,WAAW,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;;;;yBAMzB,IAAI,CAAC,qBAAqB;;KAE9C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,CAAC;IAEQ,YAAY;QACnB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEzD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC;QACtC,CAAC;IACH,CAAC;;AArEQ;IAAR,KAAK,EAAE;8CAAkB;AACjB;IAAR,KAAK,EAAE;+CAAmB;AAOiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAKgB;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAwB;AAGjF;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACR;AAG9B;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACR;AA1BrC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA6ExB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-item.styles.js';\n\n@customElement('u-drawer-item')\nexport class UmDrawerItem extends UmButtonWrapper {\n\n  static override styles = [\n    UmButtonWrapper.styles,\n    styles,\n  ];\n\n  @state() _hasIcon = false;\n  @state() _hasBadge = false;\n\n  /**\n   * Whether the drawer item is active or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /**\n   * If true, it will not attempt to close de navigation drawer on click\n   */\n  @property({ type: Boolean, attribute: 'keep-drawer-open', reflect: true }) keepDrawerOpen = false;\n\n  @queryAssignedElements({ slot: 'icon', flatten: true })\n  private readonly assignedIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'badge', flatten: true })\n  private readonly assignedBadges!: HTMLElement[];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('aria-labelledby', 'label');\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      'has-icon': this._hasIcon,\n      'has-badge': this._hasBadge,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <div class=\"icon\">\n        <slot\n          name=\"icon\"\n          aria-hidden=\"true\"\n          @slotchange=\"${this.handleIconSlotChange}\"></slot>\n      </div>\n      <span class=\"label\" id=\"text\"><slot></slot></span>\n      <span class=\"badge\">\n        <slot\n          name=\"badge\"\n          @slotchange=\"${this.handleBadgeSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  private handleIconSlotChange() {\n    this._hasIcon = this.assignedIcons.length > 0;\n  }\n\n  private handleBadgeSlotChange() {\n    this._hasBadge = this.assignedBadges.length > 0;\n  }\n\n  override _handleClick(): void {\n    if (this.keepDrawerOpen) {\n      return;\n    }\n\n    const sideNavigation = this.closest('u-side-navigation');\n\n    if (sideNavigation) {\n      sideNavigation.toggleDrawer = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer-item': UmDrawerItem;\n  }\n}\n"]}

package/dist/esm/navigation/drawer-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-item.styles.d.ts","sourceRoot":"","sources":["../../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmDlB,CAAC"}

package/dist/esm/navigation/drawer-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-item.styles.js","sourceRoot":"","sources":["../../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.5rem);\n    --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\n  }\n\n  .container {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n    height: var(--u-drawer-item-height, 56px);\n    padding-inline: var(--_drawer-item-padding);\n    margin-inline: calc(var(--_drawer-item-padding) * -1);\n    border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n    color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n  .container:not(.has-icon) .icon, .container:not(.has-badge) .badge {\n    display: none;\n  }\n\n  :host(.active) .container,\n  :host([active]) .container {\n    background-color: var(--u-drawer-item-label-active-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    color: var(--u-drawer-item-label-active-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n  }\n\n  .icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--_drawer-item-icon-size);\n    line-height: 1em;\n    margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n  }\n\n  .badge {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-inline-start: auto;\n    padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n  }\n\n  .content {\n    justify-content: flex-start;\n  }\n`;\n"]}

package/dist/esm/navigation/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/navigation/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAGpB;cAEiB,MAAM,IAAI,kBAAkB;CAOhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/dist/esm/navigation/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/navigation/drawer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aACtB,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZU,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAapB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer.styles.js';\n\n@customElement('u-drawer')\nexport class UmDrawer extends LitElement {\n  static override styles = [\n    baseStyles,\n    styles,\n  ];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer': UmDrawer;\n  }\n}\n"]}

package/dist/esm/navigation/drawer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/navigation/drawer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmBlB,CAAC"}

package/dist/esm/navigation/drawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../../src/navigation/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    height: 100vh;\n  }\n\n  .container {\n    background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n    color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n    height: 100%;\n    overflow: auto;\n    padding: var(--u-drawer-padding, var(--u-drawer-padding-block, 16px) var(--u-drawer-padding-inline, 28px));\n  }\n\n  @media (min-width: 1200px) {\n    .container {\n      background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n    }\n  }\n`;\n"]}

package/dist/esm/navigation/side-navigation-swiper.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-swiper.styles.d.ts","sourceRoot":"","sources":["../../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgIlB,CAAC"}

package/dist/esm/navigation/side-navigation-swiper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-swiper.styles.js","sourceRoot":"","sources":["../../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_navigation-width: 0;\n    --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n    --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n    --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n    --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n    display: block;\n    width: 100%;\n    height: 100%;\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  :host(.disable-transition) * {\n    transition: none !important;\n  }\n  :host(.disable-transition) * ::slotted(u-top-app-bar) {\n    transition: none !important;\n  }\n\n  .drawer {\n    transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  .drawer,\n  .drawer u-elevation,\n  .drawer .drawer-container {\n    border-start-end-radius: var(--_navigation-drawer-corner-shape);\n    border-end-end-radius: var(--_navigation-drawer-corner-shape);\n  }\n  .drawer.toggle u-elevation {\n    --u-elevation-level: 1;\n  }\n\n  .drawer-container {\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .scrim {\n    --_modal-drawer-open-progress: 0;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100vw;\n    height: 100vh;\n    background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n    pointer-events: none;\n    opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n    transition: opacity 375ms linear;\n  }\n  .scrim.moving {\n    transition: none;\n  }\n  .scrim.toggle {\n    --_modal-drawer-open-progress: 1;\n    pointer-events: auto;\n  }\n\n  @media (min-width: 840px) {\n    .content slot {\n      display: flex;\n      flex-direction: column;\n      height: 100vh;\n    }\n  }\n  @media (min-width: 1200px) {\n    .container {\n      --_navigation-width: var(--_navigation-drawer-width);\n    }\n    .container:has(.drawer.toggle) {\n      --_navigation-width: 0;\n    }\n    .drawer {\n      border-radius: 0;\n      inset-inline-start: 0;\n    }\n    .drawer.toggle {\n      inset-inline-start: var(--_navigation-drawer-width-negative);\n    }\n    u-elevation,\n    .scrim {\n      display: none;\n    }\n  }\n  .content {\n    position: fixed;\n    inset: 0;\n    z-index: 1;\n    overflow: auto;\n  }\n\n  .drawer {\n    position: relative;\n    width: var(--_navigation-drawer-width);\n    z-index: var(--u-side-navigation-z-index, 1030);\n    pointer-events: auto;\n  }\n\n  .scrim {\n    z-index: 1;\n  }\n\n  swiper-container {\n    height: 100%;\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  swiper-container::part(wrapper) {\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  @media (min-width: 1200px) {\n    :host {\n      --_navigation-width: var(--_navigation-drawer-width);\n    }\n    .content {\n      position: static;\n    }\n    swiper-container::part(container) {\n      display: grid;\n      grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n      transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n    }\n    .dummy-slide {\n      display: none;\n    }\n  }\n`;\n"]}

package/dist/esm/navigation/side-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.d.ts","sourceRoot":"","sources":["../../../src/navigation/side-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAS3D,OAAO,2BAA2B,CAAC;AAEnC,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,4BAA6E;IAGnG,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;;;;OAKG;IACH,IACI,YAAY,IAIe,OAAO,CAFrC;IAED,IAAI,YAAY,CAAC,YAAY,EAAE,OAAO,EAMrC;IAE0B,eAAe,EAAE,GAAG,CAAC;IAC/B,KAAK,EAAG,WAAW,CAAC;IACT,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IAE5D,MAAM,IAAI,kBAAkB;IAIrC,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;CAInB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}

package/dist/esm/navigation/side-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.js","sourceRoot":"","sources":["../../../src/navigation/side-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { config } from '../config.js';\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles as swiperStyles } from './side-navigation-swiper.styles.js';\nimport { styles } from './side-navigation.styles.js';\n\nimport '../elevation/elevation.js';\n\n@customElement('u-side-navigation')\nexport class UmSideNavigation extends LitElement {\n  static override styles = [baseStyles, config.navigationDrawer.useSwiperJs ? swiperStyles : styles];\n\n  #toggleDrawer = false;\n  private disableSlideAnimation = false;\n\n  /**\n   * Toggle the navigation drawer visibility\n   *\n   * _Modal drawer_: Open if `true`, closed if `false`\n   * _Standard drawer_: Collapsed if `true`, visible if `false`\n   */\n  @property({ type: Boolean, attribute: 'toggle-drawer' })\n  get toggleDrawer() {\n    return this.#toggleDrawer;\n  }\n\n  set toggleDrawer(toggleDrawer: boolean) {\n    this.#toggleDrawer = toggleDrawer;\n\n    if (!this.disableSlideAnimation) {\n      this.swiperContainer?.swiper?.slideTo(toggleDrawer ? 0 : 1);\n    }\n  }\n\n  @query('swiper-container') swiperContainer: any;\n  @query('.scrim') scrim!: HTMLElement;\n  @query('#scroll-container') scrollContainer: HTMLElement | undefined;\n\n  override render(): HTMLTemplateResult {\n    return config.navigationDrawer.useSwiperJs ? this.renderWithSwipe() : this.renderDefault();\n  }\n\n  private renderDefault() {\n    const classes = { toggle: this.toggleDrawer };\n\n    return html`\n      <div class=\"grid container\">\n        <div>\n          <div class=\"navigation\">\n            <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\"></div>\n            <div class=\"drawer ${classMap(classes)}\">\n              <u-elevation></u-elevation>\n              <div class=\"drawer-container\">\n                <slot name=\"drawer\"></slot>\n              </div>\n            </div>\n            <slot name=\"rail\"></slot>\n          </div>\n        </div>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderWithSwipe() {\n    const classes = { toggle: this.toggleDrawer };\n    return html`\n      <swiper-container\n        class=\"container\"\n        initial-slide=\"1\"\n        resistance-ratio=\"0\"\n        slides-per-view=\"auto\"\n        simulate-touch=\"false\"\n        @swiperactiveindexchange=\"${this.swiperActiveIndexChange}\"\n        @swiperslidermove=\"${this.swiperSliderMove}\"\n        @swipertransitionend=\"${this.swiperTransitionEnd}\"\n        @swipertransitionstart=\"${this.swiperTransitionStart}\"\n        @swiperslidesgridlengthchange=\"${this.slidesGridLengthChange}\">\n        <swiper-slide class=\"drawer ${classMap(classes)}\">\n          <u-elevation></u-elevation>\n          <div class=\"drawer-container\">\n            <slot name=\"drawer\"></slot>\n          </div>\n        </swiper-slide>\n        <swiper-slide class=\"dummy-slide\"></swiper-slide>\n\n        <div id=\"scroll-container\" class=\"content\" slot=\"container-end\">\n          <slot></slot>\n        </div>\n        <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\" slot=\"container-end\"></div>\n      </swiper-container>\n    `;\n  }\n\n  private swiperActiveIndexChange() {\n    if (!this.swiperContainer?.swiper) {\n      return;\n    }\n\n    this.toggleDrawer = !this.swiperContainer.swiper.activeIndex;\n  }\n\n  private swiperTransitionStart() {\n    this.scrim.classList.add('moving');\n  }\n\n  private slidesGridLengthChange() {\n    if (!this.swiperContainer?.swiper) {\n      return;\n    }\n\n    this.classList.add('disable-transition');\n\n    const gridLength = this.swiperContainer.swiper.snapGrid.length;\n    this.swiperContainer.swiper.slideTo(gridLength === 1 ? 0 : 1, 0);\n    this.disableSlideAnimation = true;\n    this.toggleDrawer = true;\n    this.toggleDrawer = false;\n    this.disableSlideAnimation = false;\n    setTimeout(() => this.classList.remove('disable-transition'));\n  }\n\n  private swiperTransitionEnd() {\n    this.scrim.style.removeProperty('--_modal-drawer-open-progress');\n    this.scrim.classList.remove('moving');\n  }\n\n  private swiperSliderMove(e: Event) {\n\n    const swiper = (e as any).detail[0];\n    this.scrim.style.setProperty('--_modal-drawer-open-progress', `${1 - swiper.progress}`);\n  }\n\n  private scrimClick() {\n    this.toggleDrawer = false;\n    this.swiperContainer?.swiper?.slideTo(1);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-side-navigation': UmSideNavigation;\n  }\n}\n"]}

package/dist/esm/navigation/side-navigation.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.styles.d.ts","sourceRoot":"","sources":["../../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyHlB,CAAC"}

package/dist/esm/navigation/side-navigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.styles.js","sourceRoot":"","sources":["../../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_navigation-width: 0;\n    --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n    --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n    --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n    --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n    display: block;\n    width: 100%;\n    height: 100%;\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  :host(.disable-transition) * {\n    transition: none !important;\n  }\n  :host(.disable-transition) * ::slotted(u-top-app-bar) {\n    transition: none !important;\n  }\n\n  .drawer {\n    transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  .drawer,\n  .drawer u-elevation,\n  .drawer .drawer-container {\n    border-start-end-radius: var(--_navigation-drawer-corner-shape);\n    border-end-end-radius: var(--_navigation-drawer-corner-shape);\n  }\n  .drawer.toggle u-elevation {\n    --u-elevation-level: 1;\n  }\n\n  .drawer-container {\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .scrim {\n    --_modal-drawer-open-progress: 0;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100vw;\n    height: 100vh;\n    background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n    pointer-events: none;\n    opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n    transition: opacity 375ms linear;\n  }\n  .scrim.moving {\n    transition: none;\n  }\n  .scrim.toggle {\n    --_modal-drawer-open-progress: 1;\n    pointer-events: auto;\n  }\n\n  @media (min-width: 840px) {\n    .content slot {\n      display: flex;\n      flex-direction: column;\n      height: 100vh;\n    }\n  }\n  @media (min-width: 1200px) {\n    .container {\n      --_navigation-width: var(--_navigation-drawer-width);\n    }\n    .container:has(.drawer.toggle) {\n      --_navigation-width: 0;\n    }\n    .drawer {\n      border-radius: 0;\n      inset-inline-start: 0;\n    }\n    .drawer.toggle {\n      inset-inline-start: var(--_navigation-drawer-width-negative);\n    }\n    u-elevation,\n    .scrim {\n      display: none;\n    }\n  }\n  .navigation {\n    position: fixed;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    height: 100%;\n    z-index: var(--u-side-navigation-z-index, 1030);\n  }\n\n  .drawer {\n    position: absolute;\n    inset-inline-start: var(--_navigation-drawer-width-negative);\n    inset-block-start: 0;\n    width: var(--_navigation-drawer-width);\n    height: 100%;\n    border-start-end-radius: var(--_navigation-drawer-corner-shape);\n    border-end-end-radius: var(--_navigation-drawer-corner-shape);\n    overflow: hidden;\n  }\n  .drawer.toggle {\n    inset-inline-start: 0;\n  }\n\n  .grid {\n    display: grid;\n    grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n    transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  @media (min-width: 1200px) {\n    .drawer {\n      inset-inline-start: 0;\n    }\n    .drawer.toggle {\n      inset-inline-start: var(--_navigation-drawer-width-negative);\n    }\n  }\n`;\n"]}

package/dist/esm/overflow-menu/overflow-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu-item.d.ts","sourceRoot":"","sources":["../../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKhE,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,0BAIpB;IASF,IACI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAE4B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAU;IAEzC,KAAK,EAAG,WAAW,EAAE,CAAC;IAEtC,iBAAiB;IAUjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;CAOhD"}

package/dist/esm/overflow-menu/overflow-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu-item.js","sourceRoot":"","sources":["../../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK5E,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAOL,WAAM,GAAG,EAAE,CAAC;QACH,sBAAiB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAgB7D,aAAQ,GAAsB,MAAM,CAAC;IA0BpE,CAAC;aAjDiB,WAAM,GAAG,GAAG,CAAA;;;;GAI3B,AAJqB,CAIpB;IAEF,MAAM,CAAM;IACH,iBAAiB,CAAgE;IAE1F,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,aAAoC,CAAC;IACnD,CAAC;IAGD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IACnC,CAAC;IAMQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;IACL,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC;IACtC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,KAAK;;;KAGnC,CAAC;IACJ,CAAC;;AAlCD;IADC,QAAQ,EAAE;6CAGV;AAO4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAsC;AAEzC;IAAxB,qBAAqB,EAAE;+CAAuB;AA1BpC,gBAAgB;IAD5B,aAAa,CAAC,sBAAsB,CAAC;GACzB,gBAAgB,CAkD5B","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { type OverflowMenu } from './overflow-menu';\n\n@customElement('u-overflow-menu-item')\nexport class OverflowMenuItem extends LitElement {\n  static override styles = css`\n    :host([collapse=always]) {\n      display: none;\n    }\n  `;\n\n  #label = '';\n  readonly #mutationObserver = new MutationObserver(() => this.#parent?._renderMenuItems());\n\n  get #parent(): OverflowMenu | null {\n    return this.parentElement as OverflowMenu | null;\n  }\n\n  @property()\n  get label() {\n    return this.#label;\n  }\n\n  set label(label) {\n    this.#label = label;\n    this.#parent?._renderMenuItems();\n  }\n\n  @property({ reflect: true }) collapse: 'auto' | 'always' = 'auto';\n\n  @queryAssignedElements() icons!: HTMLElement[];\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#mutationObserver.observe(this, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#mutationObserver.disconnect();\n  }\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <u-icon-button title=\"${this.label}\">\n        <slot></slot>\n      </u-icon-button>\n    `;\n  }\n}\n"]}

package/dist/esm/overflow-menu/overflow-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAU,MAAM,KAAK,CAAC;AAMnE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,qBACa,YAAa,SAAQ,UAAU;;IAC1C,OAAgB,MAAM,0BAAU;IAMvB,WAAW,UAAS;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAG/B,IACI,MAAM,CAAC,KAAK,EAQF,WAAW,GAAG,IAAI,AARhB,EAMf;IAED,IAAI,MAAM,IAAI,WAAW,GAAG,IAAI,CAE/B;;IAaQ,iBAAiB;IAMjB,oBAAoB;cA+EV,MAAM,IAAI,kBAAkB;IAiC/C,gBAAgB;CAoBjB"}

package/dist/esm/overflow-menu/overflow-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement, render } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { map } from 'lit/directives/map.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { OverflowMenuItem } from './overflow-menu-item.js';\nimport { styles } from './overflow-menu.styles.js';\n\n@customElement('u-overflow-menu')\nexport class OverflowMenu extends LitElement {\n  static override styles = styles;\n  readonly #resizeObserver: ResizeObserver = new ResizeObserver(() => this.#invalidate());\n  #items: OverflowMenuItem[] = [];\n\n  readonly #collapsedItems: OverflowMenuItem[] = [];\n\n  @state() _renderMenu = false;\n\n  @query('u-menu') menu?: UmMenu;\n\n  #anchor: HTMLElement | null = null;\n  @property()\n  set anchor(value) {\n    this.#anchor = value;\n\n    this.#invalidate();\n    this.#resizeObserver.disconnect();\n    this.#resizeObserver.observe(this.anchor!);\n  }\n\n  get anchor(): HTMLElement | null {\n    return this.#anchor ?? this;\n  }\n\n  readonly #menuItemsContainer = document.createElement('div');\n\n  #updateMenusTimeout = 0;\n\n  constructor() {\n    super();\n\n    this.#menuItemsContainer.slot = 'menu-items';\n    setTimeout(() => this.appendChild(this.#menuItemsContainer));\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.anchor = this.anchor;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#resizeObserver.disconnect();\n  }\n\n  #invalidate(): void {\n\n    this.#updateMenuToggleVisibility();\n    this.#updateMenuItems();\n  }\n\n  #updateMenuToggleVisibility(): void {\n\n    let collapsedCount = 0;\n    let hasAlwaysCollapsedItems = false;\n\n    for (const item of this.#items) {\n\n      hasAlwaysCollapsedItems = hasAlwaysCollapsedItems || item.collapse === 'always';\n\n      if (this.#isNotCollapsedMenuItem(item)) {\n        continue;\n      }\n\n      collapsedCount++;\n    }\n\n    const firstItem = this.#items[0];\n    const renderMenu = hasAlwaysCollapsedItems || !!firstItem && (this._renderMenu\n      ? collapsedCount > 1\n      : collapsedCount > 0);\n\n    if (this._renderMenu !== renderMenu) {\n      this._renderMenu = renderMenu;\n    }\n  }\n\n  #updateMenuItems(): void {\n\n    if (!this._renderMenu) {\n      this.#collapsedItems.length = 0;\n      return;\n    }\n\n    clearTimeout(this.#updateMenusTimeout);\n\n    this.#updateMenusTimeout = setTimeout(() => {\n      const previousCollapsedLength = this.#collapsedItems.length;\n      this.#collapsedItems.length = 0;\n\n      for (const item of this.#items) {\n\n        if (this.#isNotCollapsedMenuItem(item)) {\n          continue;\n        }\n\n        this.#collapsedItems.push(item);\n      }\n\n      if (previousCollapsedLength !== this.#collapsedItems.length) {\n        this.requestUpdate();\n      }\n    }, 100);\n  }\n\n  #isNotCollapsedMenuItem(item: OverflowMenuItem) {\n    return item.offsetTop === this.offsetTop && item.collapse !== 'always';\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.#items = slot\n      .assignedElements()\n      .filter(el => el.tagName === 'U-OVERFLOW-MENU-ITEM')\n      .reverse() as OverflowMenuItem[];\n\n    this.#invalidate();\n  }\n\n  protected override render(): HTMLTemplateResult {\n    this._renderMenuItems();\n\n    const classes = { 'show-menu': this._renderMenu };\n\n    return html`\n      <div class=\"container ${classMap(classes)}\">\n        <div class=\"items-set\">\n          <div class=\"empty-space\"></div>\n          <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\n        </div>\n        ${when(this._renderMenu, () => html`\n          <div class=\"inner-menu\">\n            <u-icon-button @click=${{ handleEvent: () => this.menu?.toggle() }}>\n              <slot name=\"icon\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\"\n                     fill=\"currentColor\">\n                  <path\n                    d=\"M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 \n                      33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 \n                      33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z\"/>\n                </svg>\n              </slot>\n            </u-icon-button>\n            <u-menu anchor-corner=\"end-end\">\n              <slot name=\"menu-items\"></slot>\n            </u-menu>\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  _renderMenuItems() {\n    const menuItems = html`\n      ${map(\n        this.#collapsedItems,\n        item => {\n          const nodes = item.childNodes.values();\n\n          return html`\n            <u-menu-item @click=${{ handleEvent: () => item.click() }}>\n              <div slot=\"leading-icon\">\n                ${map(nodes, node => node.cloneNode(true))}\n              </div>\n              \n              ${item.label}\n            </u-menu-item>\n          `;\n        })}`;\n\n    render(menuItems, this.#menuItemsContainer);\n  }\n}\n"]}

package/dist/esm/overflow-menu/overflow-menu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.styles.d.ts","sourceRoot":"","sources":["../../../src/overflow-menu/overflow-menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgClB,CAAC"}

package/dist/esm/overflow-menu/overflow-menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.styles.js","sourceRoot":"","sources":["../../../src/overflow-menu/overflow-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_gap: var(--u-overflow-menu-items-gap, 8px);\n    --_items-height: var(--u-icon-button-small-height, 40px);\n    display: block;\n  }\n\n  .empty-space {\n    height: var(--_items-height);\n  }\n\n  .items-set {\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    gap: var(--_gap);\n    max-height: var(--_items-height);\n    overflow: hidden;\n  }\n\n  .container {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    margin-inline-start: calc(var(--_gap) * -1);\n  }\n  .container.show-menu {\n    gap: var(--_gap);\n  }\n\n  .inner-menu {\n    position: relative;\n  }\n`;\n"]}

package/dist/esm/progress/circular-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../../src/progress/circular-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,qBACa,kBAAmB,SAAQ,UAAU;;IAChD,OAAgB,MAAM,4BAAY;IAEN,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,SAAK;cAEjB,MAAM,IAAI,cAAc;CA6D5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}

package/dist/esm/progress/circular-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/progress/circular-progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,6CAA6C;AAEtC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIuB,QAAG,GAAG,CAAC,CAAC;IA+DtC,CAAC;aAlEiB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAKf,MAAM;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS;YAC7B,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC7B,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAChC,CAAC;IAED,aAAa,CAAC,SAAiB;QAC7B,OAAO,GAAG,CAAA;6BACe,SAAS;;;;;;;;;aASzB,CAAC;IACZ,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC;IAED,kBAAkB;QAEhB,IAAI,UAAU,GAAG,IAAI,CAAC,KAAM,GAAG,IAAI,CAAC,GAAG,CAAC;QACxC,MAAM,MAAM,GAAG,UAAU,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC;YACjD,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,OAAO,CAAC;QACZ,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAChD,MAAM,UAAU,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC;QAChE,MAAM,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAEpG,OAAO,GAAG,CAAA;;;;;;;;;;6BAUe,GAAG,cAAc,GAAG;8BACnB,GAAG,UAAU,GAAG;;;;;;;;;;;6BAWjB,GAAG,cAAc,GAAG;8BACnB,GAAG,eAAe,GAAG;;KAE9C,CAAC;IACJ,CAAC;;AA/D2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAS;AAJzB,kBAAkB;IAD9B,aAAa,CAAC,qBAAqB,CAAC;GACxB,kBAAkB,CAmE9B","sourcesContent":["import { LitElement, svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './circular-progress.styles.js';\n\nconst basePercentage = 255;\n\n// https://codepen.io/ConAntonakos/pen/ryMaOX\n@customElement('u-circular-progress')\nexport class UmCircularProgress extends LitElement {\n  static override styles = [styles];\n\n  @property({ type: Number }) value: number | undefined;\n  @property({ type: Number }) max = 1;\n\n  protected override render(): TemplateResult {\n    return this.value === undefined\n      ? this.#renderIndeterminate()\n      : this.#renderDeterminate();\n  }\n\n  #renderCircle(className: string): TemplateResult {\n    return svg`\n      <svg class=\"circular ${className}\" viewBox=\"0 0 50 50\">\n        <circle\n          class=\"path\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\" />\n      </svg>`;\n  }\n\n  #renderIndeterminate(): TemplateResult {\n    return this.#renderCircle('indeterminate');\n  }\n\n  #renderDeterminate(): TemplateResult {\n\n    let proportion = this.value! / this.max;\n    const offset = proportion === 0 || proportion === 1\n      ? 0\n      : 0.10625;\n    proportion = Math.floor(proportion * 100) / 100;\n    const percentage = basePercentage - basePercentage * proportion;\n    const trackPercentage = basePercentage - basePercentage * Math.max(1 - offset - proportion, 0) * -1;\n\n    return svg`\n      <svg class=\"circular on-going\" viewBox=\"0 0 50 50\">\n        <circle\n          class=\"path\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          stroke-dasharray=${`${basePercentage}%`} \n          stroke-dashoffset=${`${percentage}%`} />\n      </svg>\n      <svg class=\"circular track on-going\" viewBox=\"0 0 50 50\">\n        <circle\n          class=\"path\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          stroke-dasharray=${`${basePercentage}%`}\n          stroke-dashoffset=${`${trackPercentage}%`}/>\n      </svg>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-circular-progress': UmCircularProgress;\n  }\n}\n"]}

package/dist/esm/progress/circular-progress.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.styles.d.ts","sourceRoot":"","sources":["../../../src/progress/circular-progress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwElB,CAAC"}

package/dist/esm/progress/circular-progress.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.styles.js","sourceRoot":"","sources":["../../../src/progress/circular-progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    position: relative;\n    display: inline-block;\n    width: var(--_size);\n    height: var(--_size);\n    margin-inline: auto;\n    --_size: var(--u-circular-progress-size, 3rem);\n  }\n\n  .circular {\n    width: 100%;\n    height: 100%;\n    transform: rotate(-90deg);\n    transform-origin: center;\n  }\n  .circular.indeterminate {\n    position: relative;\n    animation: rotate 2s linear infinite;\n  }\n  .circular:not(.indeterminate) .path {\n    transition: stroke-dashoffset 200ms linear;\n  }\n\n  .path {\n    stroke-linecap: round;\n    stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  .track {\n    position: absolute;\n    inset: 0;\n  }\n  .track .path {\n    stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n  }\n\n  .indeterminate .path {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n    animation: dash 1.5s ease-in-out infinite;\n  }\n\n  .on-going {\n    transform: rotate(-80deg);\n  }\n  .on-going.track {\n    transform: rotate(-100deg);\n  }\n\n  @keyframes rotate {\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes dash {\n    0% {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -35;\n    }\n    100% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -124;\n    }\n  }\n`;\n"]}

package/dist/esm/progress/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/progress/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvD,qBACa,aAAc,SAAQ,UAAU;;IAC3C,OAAgB,MAAM,4BAAY;IAEN,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,SAAK;cAEjB,MAAM,IAAI,cAAc;CA+B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/dist/esm/progress/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/progress/progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIuB,QAAG,GAAG,CAAC,CAAC;IAiCtC,CAAC;aApCiB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAKf,MAAM;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS;YAC7B,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC7B,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAM,GAAG,IAAI,CAAC,GAAG,CAAC;QAE1C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACtD,MAAM,eAAe,GAAG,GAAG,GAAG,UAAU,CAAC;QAEzC,OAAO,IAAI,CAAA;;qDAEsC,UAAU;oDACX,eAAe;;KAE9D,CAAC;IACJ,CAAC;;AAjC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAS;AAJzB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAqCzB","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './progress-bar.styles.js';\n\n@customElement('u-progress-bar')\nexport class UmProgressBar extends LitElement {\n  static override styles = [styles];\n\n  @property({ type: Number }) value: number | undefined;\n  @property({ type: Number }) max = 1;\n\n  protected override render(): TemplateResult {\n    return this.value === undefined\n      ? this.#renderIndeterminate()\n      : this.#renderDeterminate();\n  }\n\n  #renderIndeterminate(): TemplateResult {\n    return html`\n      <div class=\"indeterminate\">\n        <div class=\"bar track first\"></div>\n        <div class=\"bar active fast\"></div>\n        <div class=\"bar track middle\"></div>\n        <div class=\"bar active slow\"></div>\n        <div class=\"bar track last\"></div>\n      </div>\n    `;\n  }\n\n  #renderDeterminate(): TemplateResult {\n    const proportion = this.value! / this.max;\n\n    const percentage = Math.floor(proportion * 1000) / 10;\n    const trackPercentage = 100 - percentage;\n\n    return html`\n      <div class=\"determinate\">\n        <div class=\"bar active\" style=\"flex-basis: ${percentage}%\"></div>\n        <div class=\"bar track\" style=\"flex-basis: ${trackPercentage}%\"></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-progress-bar': UmProgressBar;\n  }\n}\n"]}

package/dist/esm/progress/progress-bar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/progress/progress-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqJlB,CAAC"}

package/dist/esm/progress/progress-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../src/progress/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));\n    --_height: var(--u-progress-bar-height, 4px);\n  }\n\n  :host,\n  .determinate,\n  .indeterminate {\n    overflow: hidden;\n    border-radius: var(--_border-radius);\n  }\n\n  .determinate,\n  .indeterminate {\n    display: flex;\n    gap: 4px;\n  }\n\n  .indeterminate {\n    flex: 1;\n    margin-inline: -8px;\n    border-radius: var(--_border-radius);\n  }\n\n  .determinate {\n    margin-inline-end: -4px;\n  }\n  .determinate .bar {\n    transition: flex-basis 200ms linear;\n  }\n\n  .last {\n    flex-shrink: 1;\n    flex-basis: 100%;\n    animation: last 2.1s infinite linear;\n  }\n\n  .slow {\n    animation: slow 2.1s infinite linear;\n  }\n\n  .middle {\n    animation: middle 2.1s infinite linear;\n  }\n\n  .fast {\n    animation: fast 2.1s infinite linear;\n  }\n\n  .first {\n    animation: first 2.1s infinite linear;\n  }\n\n  .bar {\n    height: var(--_height);\n    border-radius: var(--_border-radius);\n    background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  .track {\n    background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    flex-shrink: 1;\n  }\n\n  @keyframes slow {\n    0% {\n      flex-basis: 0;\n    }\n    10% {\n      flex-basis: 50%;\n    }\n    20% {\n      flex-basis: 100%;\n    }\n    30% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes last {\n    0% {\n      flex-basis: 100%;\n    }\n    10% {\n      flex-basis: 50%;\n    }\n    20% {\n      flex-basis: 0;\n    }\n    100% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes middle {\n    10% {\n      flex-basis: 0;\n    }\n    20% {\n      flex-basis: 100%;\n    }\n    35% {\n      flex-basis: 100%;\n    }\n    45% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes fast {\n    0% {\n      flex-basis: 0;\n    }\n    25% {\n      flex-basis: 0;\n    }\n    35% {\n      flex-basis: 100%;\n    }\n    45% {\n      flex-basis: 100%;\n    }\n    55% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes first {\n    35% {\n      flex-basis: 0;\n    }\n    45% {\n      flex-basis: 100%;\n    }\n    100% {\n      flex-basis: 100%;\n    }\n  }\n  @keyframes fast-bar-pre {\n    0% {\n      flex-basis: 0;\n    }\n    60% {\n      flex-basis: 0;\n    }\n    90% {\n      flex-basis: 100%;\n    }\n    100% {\n      flex-basis: 100%;\n    }\n  }\n`;\n"]}

package/dist/esm/radio/radio-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-list-item.d.ts","sourceRoot":"","sources":["../../../src/radio/radio-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;;AAErC,qBACa,eAAgB,SAAQ,oBAAsC;CAE1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/esm/radio/radio-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-list-item.js","sourceRoot":"","sources":["../../../src/radio/radio-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG9B,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,6BAA6B,CAAC,OAAO,CAAC;CAE1E,CAAA;AAFY,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAE3B","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';\nimport { UmRadio } from './radio.js';\n\n@customElement('u-radio-list-item')\nexport class UmRadioListItem extends mixinSelectionControlListItem(UmRadio) {\n\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-radio-list-item': UmRadioListItem;\n  }\n}\n"]}

package/dist/esm/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAGtF,qBACa,OAAQ,SAAQ,kBAAkB;;IAC7C,OAAgB,MAAM,4BAAwB;IAE6B,cAAc,UAAS;IAElG,UAAmB,SAAS,EAAE,OAAO,GAAG,UAAU,CAAW;cAE1C,eAAe,IAAI,kBAAkB;IAMxD,IAAa,OAAO,IAIQ,OAAO,CAFlC;IAED,IAAa,OAAO,CAAC,KAAK,EAAE,OAAO,EAYlC;;IAcQ,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAKjB,oBAAoB;IAkE7B,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,eAAe;CAaxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}

package/dist/esm/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { UmSelectionControl } from '../shared/selection-control/selection-control.js';\nimport { styles } from './radio.styles.js';\n\n@customElement('u-radio')\nexport class UmRadio extends UmSelectionControl {\n  static override styles = [baseStyles, styles];\n\n  @property({ type: Boolean, attribute: 'hide-state-layer', reflect: true }) hideStateLayer = false;\n\n  protected override inputType: 'radio' | 'checkbox' = 'radio';\n\n  protected override renderIndicator(): HTMLTemplateResult {\n    return html`\n      <div class=\"indicator\"></div>\n    `;\n  }\n\n  override get checked() {\n    return super.checked;\n  }\n\n  override set checked(value: boolean) {\n    super.checked = value;\n\n    if (!value) {\n      return;\n    }\n\n    this.uncheckSiblings();\n\n    if (this.input) {\n      this.input.tabIndex = 0;\n    }\n  }\n\n  get #siblings(): UmRadio[] {\n    if (!this.name) {\n      return [this];\n    }\n\n    return Array.from((this.getRootNode() as Element).querySelectorAll<UmRadio>(`${this.tagName}[name=\"${this.name}\"]`));\n  }\n\n  constructor() {\n    super();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    this.ensureOnlyOneChecked();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keydown', this.#handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this.#handleKeyDown);\n  }\n\n  #handleKeyDown(event: KeyboardEvent) {\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n    const isLeft = event.key === 'ArrowLeft';\n    const isRight = event.key === 'ArrowRight';\n\n    if (!isLeft && !isRight && !isDown && !isUp) {\n      return;\n    }\n\n    // Don't try to select another sibling if there aren't any.\n    const siblings = this.#siblings;\n\n    if (!siblings.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const isRtl = getComputedStyle(this).direction === 'rtl';\n    const forwards = isRtl ? isLeft || isDown : isRight || isDown;\n    const factor = forwards ? 1 : -1;\n\n    const thisIndex = siblings.indexOf(this);\n    let nextIndex = thisIndex + factor;\n\n    while (nextIndex !== thisIndex) {\n      if (nextIndex >= siblings.length) {\n        // Return to start if moving past the last item.\n        nextIndex = 0;\n      } else if (nextIndex < 0) {\n        // Go to end if moving before the first item.\n        nextIndex = siblings.length - 1;\n      }\n\n      const nextSibling = siblings[nextIndex];\n\n      if (nextSibling.disabled) {\n        nextIndex += factor;\n        continue;\n      }\n\n      const clickCanceled = !nextSibling.dispatchEvent(\n        new Event('click', {\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n\n      nextSibling.input.focus();\n\n      if (clickCanceled) {\n        break;\n      }\n\n      nextSibling.checked = true;\n      nextSibling.dispatchEvent(new Event('change', { bubbles: true }));\n      break;\n    }\n  }\n\n  private ensureOnlyOneChecked() {\n    if (!this.name) {\n      return;\n    }\n\n    const radios = Array.from(document.querySelectorAll<UmRadio>(`${this.tagName}[name=\"${this.name}\"]`));\n    const lastChecked = radios.reverse().find(r => r.checked);\n\n    if (!lastChecked) {\n      return;\n    }\n\n    lastChecked.checked = true;\n  }\n\n  private uncheckSiblings() {\n    for (const radio of this.#siblings) {\n      if (radio === this) {\n        continue;\n      }\n\n      if (radio.input) {\n        radio.input.tabIndex = -1;\n      }\n\n      radio.checked = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-radio': UmRadio;\n  }\n}\n"]}

package/dist/esm/radio/radio.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8FlB,CAAC"}

package/dist/esm/radio/radio.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.js","sourceRoot":"","sources":["../../../src/radio/radio.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_state-layer-padding: var(--u-radio-state-layer-padding, 4px);\n    --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n    --_indicator-color: var(--u-radio-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .container {\n    cursor: pointer;\n    position: relative;\n    width: var(--_width);\n    height: var(--_height);\n    padding: var(--_state-layer-padding);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  :host([hide-state-layer]) .container {\n    width: var(--_indicator-size);\n    height: var(--_indicator-size);\n    padding: 0;\n  }\n  :host([hide-state-layer]) u-ripple {\n    display: none;\n  }\n\n  input {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    border-radius: inherit;\n    appearance: none;\n  }\n\n  u-ripple {\n    padding: var(--_state-layer-padding);\n  }\n\n  .indicator-container {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  input:checked ~ .indicator-container {\n    --_indicator-color: var(--u-radio-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  :host([disabled]) {\n    opacity: var(--u-radio-disabled-state-opacity, 0.38);\n  }\n  :host([disabled]) input,\n  :host([disabled]) .container {\n    cursor: default;\n  }\n  :host([disabled]) .indicator-container {\n    --_indicator-color: var(--u-radio-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n\n  :host {\n    --_indicator-size: var(--u-radio-indicator-size, 1.25rem);\n    --_width: var(--u-radio-size, 3rem);\n    --_height: var(--_width);\n  }\n\n  .indicator {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_indicator-size);\n    height: var(--_indicator-size);\n    border: var(--u-radio-indicator-border-width, 0.125rem) solid var(--_indicator-color);\n    border-radius: 50%;\n  }\n  .indicator::before {\n    content: \"\";\n    width: calc(var(--_indicator-size) / 2);\n    height: calc(var(--_indicator-size) / 2);\n    background: var(--_indicator-color);\n    border-radius: 50%;\n    transition: transform 250ms;\n    transform: scale3d(0, 0, 1);\n  }\n\n  input:checked ~ .indicator-container .indicator::before {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n"]}

package/dist/esm/ripple/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/ripple/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,QAAS,SAAQ,UAAU;IAEtC,OAAgB,MAAM,0BAAU;IAEhC,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IACyC,QAAQ,UAAS;IAEjC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAe;;IAMlE,MAAM,IAAI,kBAAkB;IAI5B,iBAAiB;IAOjB,oBAAoB;IAM7B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IAIvB,YAAY,CAAC,OAAO,GAAE,MAAM,GAAG,IAAW,EAAE,OAAO,GAAE,MAAM,GAAG,IAAW,EAAE,gBAAgB,GAAE,MAAM,GAAG,IAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;IA+CvI,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,MAAM,CAAC,8BAA8B;CAQ9C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/dist/esm/ripple/ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/ripple/ripple.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { styles } from './ripple.styles.js';\n\n@customElement('u-ripple')\nexport class UmRipple extends LitElement {\n\n  static override styles = styles;\n\n  private isTouching = false;\n\n  /**\n   * Disables the ripple.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @query('.ripple-container') private readonly rippleContainer!: HTMLElement;\n\n  constructor() {\n    super();\n  }\n\n  override render(): HTMLTemplateResult {\n    return html`<div class=\"ripple-container\"></div><slot></slot>`;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.attachEvents();\n    this.ariaHidden = 'true';\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.dettachEvents();\n  }\n\n  private attachEvents(): void {\n\n    this.addEventListener('mousedown', this.handleMouseDown);\n    this.addEventListener('touchstart', this.handleTouchStart);\n  }\n\n  private dettachEvents(): void {\n\n    this.removeEventListener('mousedown', this.handleMouseDown);\n    this.removeEventListener('touchstart', this.handleTouchStart);\n  }\n\n  private handleMouseDown(e: MouseEvent): void {\n\n    if (this.isTouching || !this.canCreateRipple()) {\n      return;\n    }\n\n    this.createRipple(e.clientX, e.clientY, 'mouseup');\n  }\n\n  private handleTouchStart(e: TouchEvent): void {\n\n    if (!this.canCreateRipple()) {\n      return;\n    }\n\n    this.isTouching = true;\n\n    const dismiss = this.createRipple(e.touches[0].clientX, e.touches[0].clientY, 'touchend')!;\n\n    this.addEventListener('touchmove', dismiss);\n  }\n\n  private canCreateRipple(): boolean {\n    return !this.disabled;\n  }\n\n  createRipple(targetX: number | null = null, targetY: number | null = null, releaseEventName: string | null = null): (() => void) | null {\n    const preClientRect = this.rippleContainer.getBoundingClientRect();\n    targetX ??= preClientRect.x + this.rippleContainer.clientWidth / 2;\n    targetY ??= preClientRect.y + this.rippleContainer.clientHeight / 2;\n\n    const ripple = document.createElement('DIV');\n    ripple.classList.add('ripple');\n    this.rippleContainer.appendChild(ripple);\n\n    requestAnimationFrame(() => {\n      const clientRect = this.getBoundingClientRect();\n      const largestDimensionSize = Math.max(this.clientWidth, this.clientHeight);\n      const rippleSize = largestDimensionSize * 2;\n\n      UmRipple._setElementSquareSizeAndCenter(ripple, rippleSize);\n      ripple.style.setProperty('--_ripple-transition-duration', `${1080 * Math.pow(rippleSize, 0.3)}ms`);\n\n      const x = (targetX - clientRect.left) + ((rippleSize - this.rippleContainer.clientWidth) / 2);\n      const y = (targetY - clientRect.top) + ((rippleSize - this.rippleContainer.clientHeight) / 2);\n\n      ripple.style.transformOrigin = `${x}px ${y}px`;\n      ripple.classList.add(releaseEventName ? 'show' : 'show-forced');\n    });\n\n    const interval = setInterval(() => {\n\n      if (!ripple.classList.contains('dismiss') && !ripple.classList.contains('show-forced')) {\n        return;\n      }\n\n      const animations = ripple.getAnimations();\n\n      if (animations.length) {\n        return;\n      }\n\n      clearInterval(interval);\n      ripple.remove();\n    }, 1000);\n\n    if (!releaseEventName) {\n      return null;\n    }\n\n    return this.createDismissEvent(ripple, releaseEventName);\n  }\n\n  private createDismissEvent(ripple: HTMLElement, releaseEventName: string): () => void {\n    const dismiss = () => {\n      ripple.classList.add('dismiss');\n\n      this.isTouching = false;\n\n      this.removeEventListener('dragover', dismiss);\n      this.removeEventListener('mouseleave', dismiss);\n      window.removeEventListener(releaseEventName, dismiss);\n    };\n\n    this.addEventListener('dragover', dismiss);\n    this.addEventListener('mouseleave', dismiss);\n    window.addEventListener(releaseEventName, dismiss);\n\n    return dismiss;\n  }\n\n  private static _setElementSquareSizeAndCenter(element: HTMLElement, size: number) {\n    element.style.top = '50%';\n    element.style.left = '50%';\n    element.style.width = `${size}px`;\n    element.style.height = `${size}px`;\n    element.style.marginLeft = `${-size / 2}px`;\n    element.style.marginTop = `${-size / 2}px`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-ripple': UmRipple;\n  }\n}\n"]}

package/dist/esm/ripple/ripple.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.styles.d.ts","sourceRoot":"","sources":["../../../src/ripple/ripple.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAuElB,CAAC"}

package/dist/esm/ripple/ripple.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.styles.js","sourceRoot":"","sources":["../../../src/ripple/ripple.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host,\n  .ripple-container::before {\n    --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n    --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n    --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n    --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n    display: block;\n    inset: 0;\n    isolation: isolate;\n  }\n\n  .ripple-container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    border-radius: var(--u-ripple-border-radius, inherit);\n  }\n\n  .ripple-container::before {\n    content: \"\";\n    background: var(--_ripple-hover-color);\n    opacity: 0;\n    transition: opacity 200ms;\n  }\n\n  @media (hover: hover) {\n    :host(:not([disabled]):hover) .ripple-container::before {\n      content: \"\";\n      background: var(--_ripple-hover-color);\n      opacity: var(--_ripple-hover-opacity);\n    }\n  }\n  :host,\n  .ripple-container::before,\n  .ripple {\n    position: absolute;\n    border-radius: inherit;\n  }\n\n  .ripple {\n    top: 50%;\n    left: 50%;\n    background: var(--_ripple-pressed-color);\n    border-radius: 50%;\n    box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n    opacity: var(--_ripple-pressed-opacity);\n    transform: scale3d(0, 0, 1);\n    pointer-events: none;\n    will-change: transform;\n  }\n  .ripple.show {\n    transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n    transform: scale3d(1, 1, 1);\n  }\n  .ripple.show-forced {\n    transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n    transform: scale3d(2, 2, 1);\n    opacity: 0;\n  }\n  .ripple.dismiss {\n    opacity: 0;\n    transform: scale3d(2, 2, 1);\n  }\n\n  ::slotted(*) {\n    position: absolute !important;\n    inset: 0;\n    border-radius: inherit;\n  }\n`;\n"]}

package/dist/esm/search/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAMxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AAGxG,qBACa,QAAS,SAAQ,wBAAwB;;IAEpD,OAAgB,MAAM,4BAAwB;IAG9C,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAEpC,KAAK,EAAG,gBAAgB,CAAC;cAItB,aAAa,IAAI,kBAAkB;IAI7C,MAAM,IAAI,kBAAkB;IA0C5B,YAAY,CAAC,iBAAiB,EAAE,cAAc;CAUxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/dist/esm/search/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../src/search/search.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,wBAAwB;IAA/C;;QAKL,aAAQ,GAAoC,OAAO,CAAC;QAIpD,2BAAsB,GAA0B,IAAI,CAAC;IA0DvD,CAAC;aAjEiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAO9C,sBAAsB,CAA+B;IAElC,aAAa;QAC9B,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAEQ,MAAM;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC;YACvB,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACK,OAAO;;;qDAG0B,IAAI,CAAC,4BAA4B;;;;;iBAKrE,IAAI,CAAC,EAAE,IAAI,OAAO;yBACV,IAAI,CAAC,UAAU;2BACb,IAAI,CAAC,YAAY,IAAI,OAAO;6BAC1B,IAAI,CAAC,cAAc,IAAI,OAAO;yBAClC,IAAI,CAAC,SAAS;mBACpB,IAAI,CAAC,IAAI,IAAI,OAAO;wBACf,IAAI,CAAC,SAAS,IAAI,OAAO;2BACtB,IAAI,CAAC,WAAW,IAAI,OAAO;qBACjC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;qBACjB,IAAI,CAAC,YAAY;uBACf,IAAI,CAAC,cAAc;;;sDAGY,IAAI,CAAC,6BAA6B;;;;WAI7E,CAAC;IACV,CAAC;IAED,4BAA4B;QAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7D,CAAC;IAED,6BAA6B;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/D,CAAC;IAEQ,YAAY,CAAC,iBAAiC;QACrD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtC,IAAI,CAAC,sBAAsB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;QACzF,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrD,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,yBAAyB;QACvB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC;IACnF,CAAC;;AA7DD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACwB;AAEpC;IAAf,KAAK,CAAC,OAAO,CAAC;uCAA0B;AAP9B,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAmEpB","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { styles } from './search.styles.js';\n\n@customElement('u-search')\nexport class UmSearch extends UmNativeTextFieldWrapper {\n\n  static override styles = [baseStyles, styles];\n\n  @property({ reflect: true })\n  position: 'fixed' | 'absolute' | 'static' = 'fixed';\n\n  @query('input') input!: HTMLInputElement;\n\n  #containerSizeObserver: ResizeObserver | null = null;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html``;\n  }\n\n  override render(): HTMLTemplateResult {\n    const classes = classMap({\n      'inner-container': true,\n    });\n\n    return html`<div class=\"container\">\n      <div class=\"${classes}\">\n        <div class=\"content\">\n          <div class=\"icon leading-icon\" part=\"icon leading\">\n            <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n          </div>\n          <input\n            class=\"input\"\n            part=\"input\"\n            id=${this.id || nothing}\n            spellcheck=${this.spellcheck}\n            autocomplete=${this.autocomplete ?? nothing}\n            autocapitalize=${this.autocapitalize || nothing}\n            ?autofocus=${this.autofocus}\n            role=${this.role ?? nothing}\n            maxlength=${this.maxlength ?? nothing}\n            .placeholder=${this.placeholder ?? nothing}\n            .value=${live(this._value)}\n            @input=${this._handleInput}\n            @keydown=${this._handleKeyDown} />\n    \n          <div class=\"icon trailing-icon\" part=\"icon trailing\">\n            <slot name=\"trailing-icon\" @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n          </div>\n        </div>\n      </div>\n    </div>`;\n  }\n\n  #handleLeadingIconSlotChange() {\n    this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n  }\n\n  #handleTrailingIconSlotChange() {\n    this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.#containerSizeObserver = new ResizeObserver(() => this.#setContentHeightProperty());\n    this.#containerSizeObserver.observe(this._container);\n    this.#setContentHeightProperty();\n  }\n\n  #setContentHeightProperty() {\n    this.style.setProperty('--_content-height', `${this._container.clientHeight}px`);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-search': UmSearch;\n  }\n}\n"]}

package/dist/esm/search/search.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.styles.d.ts","sourceRoot":"","sources":["../../../src/search/search.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgGlB,CAAC"}

package/dist/esm/search/search.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.styles.js","sourceRoot":"","sources":["../../../src/search/search.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  :host(:not([has-leading-icon])) .leading-icon {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing-icon {\n    display: none;\n  }\n\n  slot[name=leading-icon],\n  slot[name=trailing-icon] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--u-search-icons-gap, 8px);\n  }\n\n  slot[name=leading-icon]::slotted(u-icon-button) {\n    color: inherit;\n  }\n\n  :host([position=absolute]) .container {\n    position: absolute;\n  }\n\n  :host([position=fixed]) .container {\n    position: fixed;\n    inset-inline: 0;\n    inset-block-start: 0;\n    inset-inline-start: var(--u-app-bar-offset, 0);\n  }\n\n  :host([position=absolute]),\n  :host([position=fixed]) {\n    padding-top: var(--_content-height);\n  }\n  :host([position=absolute]) .container,\n  :host([position=fixed]) .container {\n    z-index: var(--u-fixed-search-z-index, 1010);\n  }\n\n  .input {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-search-input-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-search-input-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-search-input-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-search-input-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    margin: 0;\n    margin-inline: var(--u-search-placeholder-margin, 16px);\n    display: block;\n    width: 100%;\n    color: var(--u-search-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    padding: 0;\n    appearance: none;\n    background: transparent;\n    border: none;\n    outline: 0 !important;\n    caret-color: var(--u-color-primary, rgb(103, 80, 164));\n  }\n  .input::placeholder {\n    color: var(--u-search-input-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n  :host([has-leading-icon]) .input {\n    margin-inline-start: 0;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    background-color: var(--u-search-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n    border-radius: var(--u-search-border-radius, 9999px);\n    height: var(--u-search-height, 56px);\n  }\n\n  .inner-container {\n    padding-inline: var(--u-layout-margin-inline, var(--u-layout-margin));\n    padding-block: var(--u-search-margin-block, 8px);\n    width: 100%;\n  }\n\n  .inner-container {\n    max-width: var(--u-container-width, 992px);\n    margin-inline: auto;\n  }\n\n  .leading-icon {\n    margin-inline: var(--u-search-leading-icon-margin, 8px);\n  }\n\n  .trailing-icon {\n    padding-inline: var(--u-search-trailing-icon-margin, 8px);\n    margin-inline-start: auto;\n  }\n`;\n"]}

package/dist/esm/select/option.d.ts

@@ -0,0 +1,28 @@
+import { TemplateResult } from 'lit';
+import { UmMenuItem } from '../menu/menu-item.js';
+import { UmSelect } from './select.js';
+import './select.js';
+export declare class UmOption extends UmMenuItem {
+    #private;
+    static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
+    _nativeOption: HTMLOptionElement | null;
+    get value(): string;
+    set value(value: string);
+    get selected(): boolean;
+    set selected(selected: boolean);
+    protected _getContainerClasses(): {
+        selected: boolean;
+    };
+    protected _renderDefaultTrailingIcon(): TemplateResult;
+    get _select(): UmSelect | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _writeNativeSelected(): void;
+    _setSelectedByUser(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-option': UmOption;
+    }
+}
+//# sourceMappingURL=option.d.ts.map

package/dist/esm/select/option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../src/select/option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,+DAA+B;IAMrD,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE/C,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IACI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAY7B;cAEkB,oBAAoB;;;cAOpB,0BAA0B,IAAI,cAAc;IAO/D,IAAI,OAAO,IAAI,QAAQ,GAAG,IAAI,CAI7B;IAEQ,iBAAiB;IAcjB,oBAAoB;IAgB7B,oBAAoB,IAAI,IAAI;IAQ5B,kBAAkB;CAmBnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}