@universal-material/web 3.6.30 → 3.6.32

package/app-bar/top-app-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-app-bar.d.ts","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,qBACa,WAAY,SAAQ,UAAU;;IACzC,OAAgB,MAAM,4BAAwB;IAErC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IAG1C,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAGpD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAEjC,QAAQ,SAAM;IAE1B,IACI,eAAe,IAAI,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAE5D;IAED,IAAI,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,EAShE;IAEQ,iBAAiB,UAAS;IAGnC,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAiB;IAGtD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAE5B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAe;IACxD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAe;IAEpE,OAAO,CAAC,qBAAqB,CAA+B;IAE5D,OAAO,CAAC,sBAAsB,CAGd;IAEhB,OAAO,CAAC,kBAAkB;IAyBjB,MAAM,IAAI,kBAAkB;cA0ClB,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAKpD,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAO9C,iBAAiB;IAMjB,oBAAoB;IAgC7B,OAAO,CAAC,MAAM,CAAC,aAAa;CAe7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/app-bar/top-app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-app-bar.js","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property, query, queryAssignedElements, state } 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 './top-app-bar.styles.js';\n\n@customElement('u-top-app-bar')\nexport class UmTopAppBar extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  @state() private _hasLeadingIcon = false;\n  @state() private _hasTrailingIcon = false;\n\n  @property({ reflect: true })\n  position: 'fixed' | 'absolute' | 'static' = 'fixed';\n\n  @property({ reflect: true })\n  size: 'small' | 'medium' | 'large' = 'small';\n\n  @property() headline = '';\n\n  @property({ reflect: true })\n  get scrollContainer(): 'none' | 'window' | string | undefined {\n    return this.attributes.getNamedItem('scrollContainer')?.value;\n  }\n\n  set scrollContainer(idOrElement: string | HTMLElement | undefined) {\n    this.scrollContainerElement?.removeEventListener('scroll', this.#updateScroll);\n\n    if (idOrElement === 'none') {\n      return;\n    }\n\n    this.scrollContainerElement = this.getScrollContainer(idOrElement)!;\n    this.scrollContainerElement?.addEventListener('scroll', this.#updateScroll);\n  }\n\n  @state() containerScrolled = false;\n\n  @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n  private readonly assignedLeadingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n  private readonly assignedTrailingIcons!: HTMLElement[];\n\n  @query('.container', true) private readonly _container!: HTMLElement;\n  @query('.extended-content') private readonly _extendedContent!: HTMLElement;\n  @query('.headline') private readonly _headlineElement!: HTMLElement;\n\n  private containerSizeObserver: ResizeObserver | null = null;\n\n  private scrollContainerElement: {\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | null = null;\n\n  private getScrollContainer(idOrElement: string | HTMLElement | undefined):\n    | {\n      addEventListener: typeof window.addEventListener;\n      removeEventListener: typeof window.removeEventListener;\n    }\n    | undefined {\n    if (idOrElement instanceof HTMLElement) {\n      return idOrElement;\n    }\n\n    if (idOrElement === 'window') {\n      return window;\n    }\n\n    return document.getElementById(idOrElement!)!;\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 render(): HTMLTemplateResult {\n    const extendedContent = html`\n      <div class=\"extended-content\" part=\"extended-content\">\n        <slot name=\"extended-content\">${this.headline}</slot>\n      </div>\n    `;\n\n    const containerClasses = classMap({\n      [this.position]: true,\n      [this.size]: true,\n      scrolled: this.containerScrolled,\n      'has-leading-icon': this._hasLeadingIcon,\n      'has-trailing-icon': this._hasTrailingIcon,\n    });\n\n    const appBarSpacing = this.position !== 'static'\n      ? html`<div class=\"spacing\"></div>`\n      : nothing;\n\n    return html`\n      ${appBarSpacing}\n      <div class=\"container ${containerClasses}\" part=\"container\">\n        <div class=\"content\" part=\"content\">\n          <div class=\"icon leading-icon\" part=\"icon leading\">\n            <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n          </div>\n          <div class=\"headline\" part=\"headline\">\n            <slot>\n              <span>${this.headline}</span>\n            </slot>\n          </div>\n\n          <div class=\"icon trailing-icon\" part=\"icon trailing\">\n            <slot name=\"trailing-icon\" @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n          </div>\n        </div>\n        <slot name=\"additional-content\"></slot>\n      </div>\n      ${this.size !== 'small' ? extendedContent : nothing}\n    `;\n  }\n\n  protected override updated(_changedProperties: PropertyValues) {\n    super.updated(_changedProperties);\n    this.#updateScroll();\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  override connectedCallback() {\n    super.connectedCallback();\n\n    this.scrollContainer = this.scrollContainer || 'window';\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.containerSizeObserver!.disconnect();\n    this.containerSizeObserver = null;\n  }\n\n  readonly #updateScroll = () => {\n    const container = this.scrollContainerElement ?? window;\n\n    const extendedContentHeight = Math.max(this._extendedContent?.offsetHeight ?? 0, 0);\n\n    const scrollTop = UmTopAppBar._getScrollTop(container as any);\n\n    this.containerScrolled = scrollTop > extendedContentHeight;\n\n    this._headlineElement.style.opacity = scrollTop >= extendedContentHeight ? '1' : '0';\n\n    if (extendedContentHeight === 0) {\n      return;\n    }\n\n    const scrollOffset = this._extendedContent.offsetHeight * 0.7;\n\n    if (scrollTop > scrollOffset) {\n      this._extendedContent.style.opacity = '0';\n      return;\n    }\n\n    this._extendedContent.style.opacity = 1 - scrollTop / scrollOffset + '';\n  };\n\n  private static _getScrollTop(container: HTMLElement & Window): number {\n    if (typeof container.scrollY === 'number') {\n      return container.scrollY;\n    }\n\n    if (typeof container.scrollTop === 'number') {\n      return container.scrollTop;\n    }\n\n    return document.body.scrollTop;\n  }\n\n  #setContentHeightProperty() {\n    this.style.setProperty('--_content-height', `${this._container.clientHeight}px`);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-top-app-bar': UmTopAppBar;\n  }\n}\n"]}

package/app-bar/top-app-bar.styles.d.ts.map

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

package/app-bar/top-app-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-app-bar.styles.js","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  slot[name=leading-icon]::slotted(u-icon-button) {\n    color: inherit;\n  }\n\n  .container {\n    background-color: var(--u-top-app-bar-container-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n    color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n\n  .scrolled {\n    background-color: var(--u-top-app-bar-on-scroll-container-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n  }\n\n  .leading-icon,\n  .trailing-icon {\n    display: none;\n    align-items: center;\n    gap: var(--u-top-app-bar-icons-gap, 8px);\n  }\n\n  .has-leading-icon .leading-icon,\n  .has-trailing-icon .trailing-icon {\n    display: inline-flex;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\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  .absolute,\n  .fixed {\n    z-index: var(--u-fixed-app-bar-z-index, 1010);\n  }\n\n  .spacing {\n    padding-top: var(--_content-height);\n  }\n\n  .extended-content {\n    display: flex;\n    align-items: flex-end;\n    padding-inline: var(--u-extended-content-inline-padding, 16px);\n  }\n\n  .medium + .extended-content {\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-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem));\n    font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem));\n    letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem));\n    font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400)));\n    height: var(--u-extended-content-medium-height, 3.5rem);\n    padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px);\n  }\n\n  .large + .extended-content {\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-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem));\n    font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem));\n    letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem));\n    font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400)));\n    height: var(--u-extended-content-medium-large, 6rem);\n    padding-bottom: var(--u-extended-content-large-padding-bottom, 28px);\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    background-color: inherit;\n    transition: inherit;\n    min-height: var(--u-top-app-bar-min-height, 56px);\n  }\n  @media (min-width: 840px) {\n    .content {\n      min-height: var(--u-top-app-bar-extended-min-height, 64px);\n    }\n  }\n\n  .headline {\n    overflow: hidden;\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-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n    font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n    letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n    font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n    margin-inline: var(--u-headline-margin, 16px);\n  }\n  .has-leading-icon .headline {\n    margin-inline-start: 0;\n  }\n\n  .leading-icon {\n    margin-inline: var(--u-leading-icon-margin, 8px);\n  }\n\n  .trailing-icon {\n    padding-inline: var(--u-trailing-icon-margin, 8px);\n    margin-inline-start: auto;\n  }\n`;\n"]}

package/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/badge/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,OAAQ,SAAQ,UAAU;;IACrC,OAAgB,MAAM,0BAAU;IAEY,MAAM,UAAS;IAClD,OAAO,CAAC,MAAM,CAAQ;cAEZ,MAAM,IAAI,kBAAkB;CAiBhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}

package/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGpC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAGuC,WAAM,GAAG,KAAK,CAAC;QAC1C,WAAM,GAAG,IAAI,CAAC;IAmBjC,CAAC;aAtBiB,WAAM,GAAG,MAAM,AAAT,CAAU;IAKb,MAAM;QACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC;YAChC,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,MAAM;SACnB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;8BACe,gBAAgB;4BAClB,IAAI,CAAC,iBAAiB;;KAE7C,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,CAAQ;QACxB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;IACjD,CAAC;;AAnB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAgB;AAC1C;IAAhB,KAAK,EAAE;uCAAuB;AAJpB,OAAO;IADnB,aAAa,CAAC,SAAS,CAAC;GACZ,OAAO,CAuBnB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './badge.styles.js';\n\n@customElement('u-badge')\nexport class UmBadge extends LitElement {\n  static override styles = styles;\n\n  @property({ type: Boolean, reflect: true }) static = false;\n  @state() private _empty = true;\n\n  protected override render(): HTMLTemplateResult {\n    const containerClasses = classMap({\n      static: this.static,\n      empty: this._empty,\n    });\n\n    return html`\n      <div class=\"container ${containerClasses}\" part=\"container\">\n        <slot @slotchange=${this.#handleSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this._empty = !!slot.assignedElements().length;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-badge': UmBadge;\n  }\n}\n"]}

package/badge/badge.styles.d.ts.map

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

package/badge/badge.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    --_badge-size: var(--u-badge-small-size, 6px);\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-badge-line-height, var(--u-label-s-line-height, 1rem));\n    font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem));\n    letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem));\n    font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500)));\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--_badge-size);\n    height: var(--_badge-size);\n    line-height: var(--_badge-size);\n    background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30)));\n    color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255)));\n    border-radius: calc(var(--_badge-size) / 2);\n  }\n  .container:not(.static) {\n    --_badge-inline-start: calc(100% - var(--_badge-size));\n    position: absolute;\n    top: 0;\n    inset-inline-start: var(--_badge-inline-start);\n  }\n  .container:not(.empty) {\n    --_badge-size: var(--u-badge-large-size, 16px);\n    top: var(--u-badge-top-offset, -2px);\n    inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px));\n    padding-inline: var(--u-badge-padding, 4px);\n  }\n`;\n"]}

package/bundle.min.js

@@ -4381,7 +4381,7 @@ var ls=Object.defineProperty;var Dd=Object.getOwnPropertyDescriptor;var cs=r=>{t
   `,a([d()],Qt.prototype,"label",1),a([d({reflect:!0})],Qt.prototype,"collapse",2),a([de()],Qt.prototype,"icons",2),Qt=a([v("u-overflow-menu-item")],Qt);function Te(r){return r<0?-1:r===0?0:1}function xr(r,t,e){return(1-e)*r+e*t}function ad(r,t,e){return e<r?r:e>t?t:e}function ui(r,t,e){return e<r?r:e>t?t:e}function Aa(r){return r=r%360,r<0&&(r=r+360),r}function Xe(r){return r=r%360,r<0&&(r=r+360),r}function Bo(r,t){return 180-Math.abs(Math.abs(r-t)-180)}function kn(r,t){let e=r[0]*t[0][0]+r[1]*t[0][1]+r[2]*t[0][2],i=r[0]*t[1][0]+r[1]*t[1][1]+r[2]*t[1][2],n=r[0]*t[2][0]+r[1]*t[2][1]+r[2]*t[2][2];return[e,i,n]}var fm=[[.41233895,.35762064,.18051042],[.2126,.7152,.0722],[.01932141,.11916382,.95034478]],gm=[[3.2413774792388685,-1.5376652402851851,-.49885366846268053],[-.9691452513005321,1.8758853451067872,.04156585616912061],[.05562093689691305,-.20395524564742123,1.0571799111220335]],ym=[95.047,100,108.883];function Ma(r,t,e){return(255<<24|(r&255)<<16|(t&255)<<8|e&255)>>>0}function Fo(r){let t=_r(r[0]),e=_r(r[1]),i=_r(r[2]);return Ma(t,e,i)}function La(r){return r>>16&255}function Ia(r){return r>>8&255}function Ra(r){return r&255}function od(r,t,e){let i=gm,n=i[0][0]*r+i[0][1]*t+i[0][2]*e,o=i[1][0]*r+i[1][1]*t+i[1][2]*e,s=i[2][0]*r+i[2][1]*t+i[2][2]*e,h=_r(n),p=_r(o),b=_r(s);return Ma(h,p,b)}function vm(r){let t=kr(La(r)),e=kr(Ia(r)),i=kr(Ra(r));return kn([t,e,i],fm)}function sd(r){let t=nt(r),e=_r(t);return Ma(e,e,e)}function Pa(r){let t=vm(r)[1];return 116*cd(t/100)-16}function nt(r){return 100*bm((r+16)/116)}function _n(r){return cd(r/100)*116-16}function kr(r){let t=r/255;return t<=.040449936?t/12.92*100:Math.pow((t+.055)/1.055,2.4)*100}function _r(r){let t=r/100,e=0;return t<=.0031308?e=t*12.92:e=1.055*Math.pow(t,1/2.4)-.055,ad(0,255,Math.round(e*255))}function ld(){return ym}function cd(r){let t=.008856451679035631,e=24389/27;return r>t?Math.pow(r,1/3):(e*r+16)/116}function bm(r){let t=.008856451679035631,e=24389/27,i=r*r*r;return i>t?i:(116*r-16)/e}var je=class r{static make(t=ld(),e=200/Math.PI*nt(50)/100,i=50,n=2,o=!1){let s=t,h=s[0]*.401288+s[1]*.650173+s[2]*-.051461,p=s[0]*-.250268+s[1]*1.204414+s[2]*.045854,b=s[0]*-.002079+s[1]*.048952+s[2]*.953127,w=.8+n/10,x=w>=.9?xr(.59,.69,(w-.9)*10):xr(.525,.59,(w-.8)*10),E=o?1:w*(1-1/3.6*Math.exp((-e-42)/92));E=E>1?1:E<0?0:E;let _=w,M=[E*(100/h)+1-E,E*(100/p)+1-E,E*(100/b)+1-E],P=1/(5*e+1),B=P*P*P*P,Q=1-B,U=B*e+.1*Q*Q*Math.cbrt(5*e),z=nt(i)/t[1],Y=1.48+Math.sqrt(z),O=.725/Math.pow(z,.2),ae=O,K=[Math.pow(U*M[0]*h/100,.42),Math.pow(U*M[1]*p/100,.42),Math.pow(U*M[2]*b/100,.42)],oe=[400*K[0]/(K[0]+27.13),400*K[1]/(K[1]+27.13),400*K[2]/(K[2]+27.13)],he=(2*oe[0]+oe[1]+.05*oe[2])*O;return new r(z,he,O,ae,x,_,M,U,Math.pow(U,.25),Y)}constructor(t,e,i,n,o,s,h,p,b,w){this.n=t,this.aw=e,this.nbb=i,this.ncb=n,this.c=o,this.nc=s,this.rgbD=h,this.fl=p,this.fLRoot=b,this.z=w}};je.DEFAULT=je.make();var ht=class r{constructor(t,e,i,n,o,s,h,p,b){this.hue=t,this.chroma=e,this.j=i,this.q=n,this.m=o,this.s=s,this.jstar=h,this.astar=p,this.bstar=b}distance(t){let e=this.jstar-t.jstar,i=this.astar-t.astar,n=this.bstar-t.bstar,o=Math.sqrt(e*e+i*i+n*n);return 1.41*Math.pow(o,.63)}static fromInt(t){return r.fromIntInViewingConditions(t,je.DEFAULT)}static fromIntInViewingConditions(t,e){let i=(t&16711680)>>16,n=(t&65280)>>8,o=t&255,s=kr(i),h=kr(n),p=kr(o),b=.41233895*s+.35762064*h+.18051042*p,w=.2126*s+.7152*h+.0722*p,x=.01932141*s+.11916382*h+.95034478*p,E=.401288*b+.650173*w-.051461*x,_=-.250268*b+1.204414*w+.045854*x,M=-.002079*b+.048952*w+.953127*x,P=e.rgbD[0]*E,B=e.rgbD[1]*_,Q=e.rgbD[2]*M,U=Math.pow(e.fl*Math.abs(P)/100,.42),z=Math.pow(e.fl*Math.abs(B)/100,.42),Y=Math.pow(e.fl*Math.abs(Q)/100,.42),O=Te(P)*400*U/(U+27.13),ae=Te(B)*400*z/(z+27.13),K=Te(Q)*400*Y/(Y+27.13),oe=(11*O+-12*ae+K)/11,he=(O+ae-2*K)/9,ee=(20*O+20*ae+21*K)/20,J=(40*O+20*ae+K)/20,$e=Math.atan2(he,oe)*180/Math.PI,Ee=$e<0?$e+360:$e>=360?$e-360:$e,Er=Ee*Math.PI/180,Cr=J*e.nbb,st=100*Math.pow(Cr/e.aw,e.c*e.z),er=4/e.c*Math.sqrt(st/100)*(e.aw+4)*e.fLRoot,gi=Ee<20.14?Ee+360:Ee,Sr=.25*(Math.cos(gi*Math.PI/180+2)+3.8),Ar=5e4/13*Sr*e.nc*e.ncb*Math.sqrt(oe*oe+he*he)/(ee+.305),le=Math.pow(Ar,.9)*Math.pow(1.64-Math.pow(.29,e.n),.73),yi=le*Math.sqrt(st/100),te=yi*e.fLRoot,tr=50*Math.sqrt(le*e.c/(e.aw+4)),vi=(1+100*.007)*st/(1+.007*st),bi=1/.0228*Math.log(1+.0228*te),wi=bi*Math.cos(Er),Sn=bi*Math.sin(Er);return new r(Ee,yi,st,er,te,tr,vi,wi,Sn)}static fromJch(t,e,i){return r.fromJchInViewingConditions(t,e,i,je.DEFAULT)}static fromJchInViewingConditions(t,e,i,n){let o=4/n.c*Math.sqrt(t/100)*(n.aw+4)*n.fLRoot,s=e*n.fLRoot,h=e/Math.sqrt(t/100),p=50*Math.sqrt(h*n.c/(n.aw+4)),b=i*Math.PI/180,w=(1+100*.007)*t/(1+.007*t),x=1/.0228*Math.log(1+.0228*s),E=x*Math.cos(b),_=x*Math.sin(b);return new r(i,e,t,o,s,p,w,E,_)}static fromUcs(t,e,i){return r.fromUcsInViewingConditions(t,e,i,je.DEFAULT)}static fromUcsInViewingConditions(t,e,i,n){let o=e,s=i,h=Math.sqrt(o*o+s*s),b=(Math.exp(h*.0228)-1)/.0228/n.fLRoot,w=Math.atan2(s,o)*(180/Math.PI);w<0&&(w+=360);let x=t/(1-(t-100)*.007);return r.fromJchInViewingConditions(x,b,w,n)}toInt(){return this.viewed(je.DEFAULT)}viewed(t){let e=this.chroma===0||this.j===0?0:this.chroma/Math.sqrt(this.j/100),i=Math.pow(e/Math.pow(1.64-Math.pow(.29,t.n),.73),1/.9),n=this.hue*Math.PI/180,o=.25*(Math.cos(n+2)+3.8),s=t.aw*Math.pow(this.j/100,1/t.c/t.z),h=o*(5e4/13)*t.nc*t.ncb,p=s/t.nbb,b=Math.sin(n),w=Math.cos(n),x=23*(p+.305)*i/(23*h+11*i*w+108*i*b),E=x*w,_=x*b,M=(460*p+451*E+288*_)/1403,P=(460*p-891*E-261*_)/1403,B=(460*p-220*E-6300*_)/1403,Q=Math.max(0,27.13*Math.abs(M)/(400-Math.abs(M))),U=Te(M)*(100/t.fl)*Math.pow(Q,1/.42),z=Math.max(0,27.13*Math.abs(P)/(400-Math.abs(P))),Y=Te(P)*(100/t.fl)*Math.pow(z,1/.42),O=Math.max(0,27.13*Math.abs(B)/(400-Math.abs(B))),ae=Te(B)*(100/t.fl)*Math.pow(O,1/.42),K=U/t.rgbD[0],oe=Y/t.rgbD[1],he=ae/t.rgbD[2],ee=1.86206786*K-1.01125463*oe+.14918677*he,J=.38752654*K+.62144744*oe-.00897398*he,Ge=-.0158415*K-.03412294*oe+1.04996444*he;return od(ee,J,Ge)}static fromXyzInViewingConditions(t,e,i,n){let o=.401288*t+.650173*e-.051461*i,s=-.250268*t+1.204414*e+.045854*i,h=-.002079*t+.048952*e+.953127*i,p=n.rgbD[0]*o,b=n.rgbD[1]*s,w=n.rgbD[2]*h,x=Math.pow(n.fl*Math.abs(p)/100,.42),E=Math.pow(n.fl*Math.abs(b)/100,.42),_=Math.pow(n.fl*Math.abs(w)/100,.42),M=Te(p)*400*x/(x+27.13),P=Te(b)*400*E/(E+27.13),B=Te(w)*400*_/(_+27.13),Q=(11*M+-12*P+B)/11,U=(M+P-2*B)/9,z=(20*M+20*P+21*B)/20,Y=(40*M+20*P+B)/20,ae=Math.atan2(U,Q)*180/Math.PI,K=ae<0?ae+360:ae>=360?ae-360:ae,oe=K*Math.PI/180,he=Y*n.nbb,ee=100*Math.pow(he/n.aw,n.c*n.z),J=4/n.c*Math.sqrt(ee/100)*(n.aw+4)*n.fLRoot,Ge=K<20.14?K+360:K,$e=1/4*(Math.cos(Ge*Math.PI/180+2)+3.8),Er=5e4/13*$e*n.nc*n.ncb*Math.sqrt(Q*Q+U*U)/(z+.305),Cr=Math.pow(Er,.9)*Math.pow(1.64-Math.pow(.29,n.n),.73),st=Cr*Math.sqrt(ee/100),er=st*n.fLRoot,gi=50*Math.sqrt(Cr*n.c/(n.aw+4)),Sr=(1+100*.007)*ee/(1+.007*ee),se=Math.log(1+.0228*er)/.0228,Ar=se*Math.cos(oe),le=se*Math.sin(oe);return new r(K,st,ee,J,er,gi,Sr,Ar,le)}xyzInViewingConditions(t){let e=this.chroma===0||this.j===0?0:this.chroma/Math.sqrt(this.j/100),i=Math.pow(e/Math.pow(1.64-Math.pow(.29,t.n),.73),1/.9),n=this.hue*Math.PI/180,o=.25*(Math.cos(n+2)+3.8),s=t.aw*Math.pow(this.j/100,1/t.c/t.z),h=o*(5e4/13)*t.nc*t.ncb,p=s/t.nbb,b=Math.sin(n),w=Math.cos(n),x=23*(p+.305)*i/(23*h+11*i*w+108*i*b),E=x*w,_=x*b,M=(460*p+451*E+288*_)/1403,P=(460*p-891*E-261*_)/1403,B=(460*p-220*E-6300*_)/1403,Q=Math.max(0,27.13*Math.abs(M)/(400-Math.abs(M))),U=Te(M)*(100/t.fl)*Math.pow(Q,1/.42),z=Math.max(0,27.13*Math.abs(P)/(400-Math.abs(P))),Y=Te(P)*(100/t.fl)*Math.pow(z,1/.42),O=Math.max(0,27.13*Math.abs(B)/(400-Math.abs(B))),ae=Te(B)*(100/t.fl)*Math.pow(O,1/.42),K=U/t.rgbD[0],oe=Y/t.rgbD[1],he=ae/t.rgbD[2],ee=1.86206786*K-1.01125463*oe+.14918677*he,J=.38752654*K+.62144744*oe-.00897398*he,Ge=-.0158415*K-.03412294*oe+1.04996444*he;return[ee,J,Ge]}};var ot=class r{static sanitizeRadians(t){return(t+Math.PI*8)%(Math.PI*2)}static trueDelinearized(t){let e=t/100,i=0;return e<=.0031308?i=e*12.92:i=1.055*Math.pow(e,1/2.4)-.055,i*255}static chromaticAdaptation(t){let e=Math.pow(Math.abs(t),.42);return Te(t)*400*e/(e+27.13)}static hueOf(t){let e=kn(t,r.SCALED_DISCOUNT_FROM_LINRGB),i=r.chromaticAdaptation(e[0]),n=r.chromaticAdaptation(e[1]),o=r.chromaticAdaptation(e[2]),s=(11*i+-12*n+o)/11,h=(i+n-2*o)/9;return Math.atan2(h,s)}static areInCyclicOrder(t,e,i){let n=r.sanitizeRadians(e-t),o=r.sanitizeRadians(i-t);return n<o}static intercept(t,e,i){return(e-t)/(i-t)}static lerpPoint(t,e,i){return[t[0]+(i[0]-t[0])*e,t[1]+(i[1]-t[1])*e,t[2]+(i[2]-t[2])*e]}static setCoordinate(t,e,i,n){let o=r.intercept(t[n],e,i[n]);return r.lerpPoint(t,o,i)}static isBounded(t){return 0<=t&&t<=100}static nthVertex(t,e){let i=r.Y_FROM_LINRGB[0],n=r.Y_FROM_LINRGB[1],o=r.Y_FROM_LINRGB[2],s=e%4<=1?0:100,h=e%2===0?0:100;if(e<4){let p=s,b=h,w=(t-p*n-b*o)/i;return r.isBounded(w)?[w,p,b]:[-1,-1,-1]}else if(e<8){let p=s,b=h,w=(t-b*i-p*o)/n;return r.isBounded(w)?[b,w,p]:[-1,-1,-1]}else{let p=s,b=h,w=(t-p*i-b*n)/o;return r.isBounded(w)?[p,b,w]:[-1,-1,-1]}}static bisectToSegment(t,e){let i=[-1,-1,-1],n=i,o=0,s=0,h=!1,p=!0;for(let b=0;b<12;b++){let w=r.nthVertex(t,b);if(w[0]<0)continue;let x=r.hueOf(w);if(!h){i=w,n=w,o=x,s=x,h=!0;continue}(p||r.areInCyclicOrder(o,x,s))&&(p=!1,r.areInCyclicOrder(o,e,x)?(n=w,s=x):(i=w,o=x))}return[i,n]}static midpoint(t,e){return[(t[0]+e[0])/2,(t[1]+e[1])/2,(t[2]+e[2])/2]}static criticalPlaneBelow(t){return Math.floor(t-.5)}static criticalPlaneAbove(t){return Math.ceil(t-.5)}static bisectToLimit(t,e){let i=r.bisectToSegment(t,e),n=i[0],o=r.hueOf(n),s=i[1];for(let h=0;h<3;h++)if(n[h]!==s[h]){let p=-1,b=255;n[h]<s[h]?(p=r.criticalPlaneBelow(r.trueDelinearized(n[h])),b=r.criticalPlaneAbove(r.trueDelinearized(s[h]))):(p=r.criticalPlaneAbove(r.trueDelinearized(n[h])),b=r.criticalPlaneBelow(r.trueDelinearized(s[h])));for(let w=0;w<8&&!(Math.abs(b-p)<=1);w++){let x=Math.floor((p+b)/2),E=r.CRITICAL_PLANES[x],_=r.setCoordinate(n,E,s,h),M=r.hueOf(_);r.areInCyclicOrder(o,e,M)?(s=_,b=x):(n=_,o=M,p=x)}}return r.midpoint(n,s)}static inverseChromaticAdaptation(t){let e=Math.abs(t),i=Math.max(0,27.13*e/(400-e));return Te(t)*Math.pow(i,1/.42)}static findResultByJ(t,e,i){let n=Math.sqrt(i)*11,o=je.DEFAULT,s=1/Math.pow(1.64-Math.pow(.29,o.n),.73),p=.25*(Math.cos(t+2)+3.8)*(5e4/13)*o.nc*o.ncb,b=Math.sin(t),w=Math.cos(t);for(let x=0;x<5;x++){let E=n/100,_=e===0||n===0?0:e/Math.sqrt(E),M=Math.pow(_*s,1/.9),B=o.aw*Math.pow(E,1/o.c/o.z)/o.nbb,Q=23*(B+.305)*M/(23*p+11*M*w+108*M*b),U=Q*w,z=Q*b,Y=(460*B+451*U+288*z)/1403,O=(460*B-891*U-261*z)/1403,ae=(460*B-220*U-6300*z)/1403,K=r.inverseChromaticAdaptation(Y),oe=r.inverseChromaticAdaptation(O),he=r.inverseChromaticAdaptation(ae),ee=kn([K,oe,he],r.LINRGB_FROM_SCALED_DISCOUNT);if(ee[0]<0||ee[1]<0||ee[2]<0)return 0;let J=r.Y_FROM_LINRGB[0],Ge=r.Y_FROM_LINRGB[1],$e=r.Y_FROM_LINRGB[2],Ee=J*ee[0]+Ge*ee[1]+$e*ee[2];if(Ee<=0)return 0;if(x===4||Math.abs(Ee-i)<.002)return ee[0]>100.01||ee[1]>100.01||ee[2]>100.01?0:Fo(ee);n=n-(Ee-i)*n/(2*Ee)}return 0}static solveToInt(t,e,i){if(e<1e-4||i<1e-4||i>99.9999)return sd(i);t=Xe(t);let n=t/180*Math.PI,o=nt(i),s=r.findResultByJ(n,e,o);if(s!==0)return s;let h=r.bisectToLimit(o,n);return Fo(h)}static solveToCam(t,e,i){return ht.fromInt(r.solveToInt(t,e,i))}};ot.SCALED_DISCOUNT_FROM_LINRGB=[[.001200833568784504,.002389694492170889,.0002795742885861124],[.0005891086651375999,.0029785502573438758,.0003270666104008398],[.00010146692491640572,.0005364214359186694,.0032979401770712076]];ot.LINRGB_FROM_SCALED_DISCOUNT=[[1373.2198709594231,-1100.4251190754821,-7.278681089101213],[-271.815969077903,559.6580465940733,-32.46047482791194],[1.9622899599665666,-57.173814538844006,308.7233197812385]];ot.Y_FROM_LINRGB=[.2126,.7152,.0722];ot.CRITICAL_PLANES=[.015176349177441876,.045529047532325624,.07588174588720938,.10623444424209313,.13658714259697685,.16693984095186062,.19729253930674434,.2276452376616281,.2579979360165119,.28835063437139563,.3188300904430532,.350925934958123,.3848314933096426,.42057480301049466,.458183274052838,.4976837250274023,.5391024159806381,.5824650784040898,.6277969426914107,.6751227633498623,.7244668422128921,.775853049866786,.829304845476233,.8848452951698498,.942497089126609,1.0022825574869039,1.0642236851973577,1.1283421258858297,1.1946592148522128,1.2631959812511864,1.3339731595349034,1.407011200216447,1.4823302800086415,1.5599503113873272,1.6398909516233677,1.7221716113234105,1.8068114625156377,1.8938294463134073,1.9832442801866852,2.075074464868551,2.1693382909216234,2.2660538449872063,2.36523901573795,2.4669114995532007,2.5710888059345764,2.6777882626779785,2.7870270208169257,2.898822059350997,3.0131901897720907,3.1301480604002863,3.2497121605402226,3.3718988244681087,3.4967242352587946,3.624204428461639,3.754355295633311,3.887192587735158,4.022731918402185,4.160988767090289,4.301978482107941,4.445716283538092,4.592217266055746,4.741496401646282,4.893568542229298,5.048448422192488,5.20615066083972,5.3666897647573375,5.5300801301023865,5.696336044816294,5.865471690767354,6.037501145825082,6.212438385869475,6.390297286737924,6.571091626112461,6.7548350853498045,6.941541251256611,7.131223617812143,7.323895587840543,7.5195704746346665,7.7182615035334345,7.919981813454504,8.124744458384042,8.332562408825165,8.543448553206703,8.757415699253682,8.974476575321063,9.194643831691977,9.417930041841839,9.644347703669503,9.873909240696694,10.106627003236781,10.342513269534024,10.58158024687427,10.8238400726681,11.069304815507364,11.317986476196008,11.569896988756009,11.825048221409341,12.083451977536606,12.345119996613247,12.610063955123938,12.878295467455942,13.149826086772048,13.42466730586372,13.702830557985108,13.984327217668513,14.269168601521828,14.55736596900856,14.848930523210871,15.143873411576273,15.44220572664832,15.743938506781891,16.04908273684337,16.35764934889634,16.66964922287304,16.985093187232053,17.30399201960269,17.62635644741625,17.95219714852476,18.281524751807332,18.614349837764564,18.95068293910138,19.290534541298456,19.633915083172692,19.98083495742689,20.331304511189067,20.685334046541502,21.042933821039977,21.404114048223256,21.76888489811322,22.137256497705877,22.50923893145328,22.884842241736916,23.264076429332462,23.6469514538663,24.033477234264016,24.42366364919083,24.817520537484558,25.21505769858089,25.61628489293138,26.021211842414342,26.429848230738664,26.842203703840827,27.258287870275353,27.678110301598522,28.10168053274597,28.529008062403893,28.96010235337422,29.39497283293396,29.83362889318845,30.276079891419332,30.722335150426627,31.172403958865512,31.62629557157785,32.08401920991837,32.54558406207592,33.010999283389665,33.4802739966603,33.953417292456834,34.430438229418264,34.911345834551085,35.39614910352207,35.88485700094671,36.37747846067349,36.87402238606382,37.37449765026789,37.87891309649659,38.38727753828926,38.89959975977785,39.41588851594697,39.93615253289054,40.460400508064545,40.98864111053629,41.520882981230194,42.05713473317016,42.597404951718396,43.141702194811224,43.6900349931913,44.24241185063697,44.798841244188324,45.35933162437017,45.92389141541209,46.49252901546552,47.065252796817916,47.64207110610409,48.22299226451468,48.808024568002054,49.3971762874833,49.9904556690408,50.587870934119984,51.189430279724725,51.79514187861014,52.40501387947288,53.0190544071392,53.637271562750364,54.259673423945976,54.88626804504493,55.517063457223934,56.15206766869424,56.79128866487574,57.43473440856916,58.08241284012621,58.734331877617365,59.39049941699807,60.05092333227251,60.715611475655585,61.38457167773311,62.057811747619894,62.7353394731159,63.417162620860914,64.10328893648692,64.79372614476921,65.48848194977529,66.18756403501224,66.89098006357258,67.59873767827808,68.31084450182222,69.02730813691093,69.74813616640164,70.47333615344107,71.20291564160104,71.93688215501312,72.67524319850172,73.41800625771542,74.16517879925733,74.9167682708136,75.67278210128072,76.43322770089146,77.1981124613393,77.96744375590167,78.74122893956174,79.51947534912904,80.30219030335869,81.08938110306934,81.88105503125999,82.67721935322541,83.4778813166706,84.28304815182372,85.09272707154808,85.90692527145302,86.72564993000343,87.54890820862819,88.3767072518277,89.2090541872801,90.04595612594655,90.88742016217518,91.73345337380438,92.58406282226491,93.43925555268066,94.29903859396902,95.16341895893969,96.03240364439274,96.9059996312159,97.78421388448044,98.6670533535366,99.55452497210776];var ce=class r{static from(t,e,i){return new r(ot.solveToInt(t,e,i))}static fromInt(t){return new r(t)}toInt(){return this.argb}get hue(){return this.internalHue}set hue(t){this.setInternalState(ot.solveToInt(t,this.internalChroma,this.internalTone))}get chroma(){return this.internalChroma}set chroma(t){this.setInternalState(ot.solveToInt(this.internalHue,t,this.internalTone))}get tone(){return this.internalTone}set tone(t){this.setInternalState(ot.solveToInt(this.internalHue,this.internalChroma,t))}constructor(t){this.argb=t;let e=ht.fromInt(t);this.internalHue=e.hue,this.internalChroma=e.chroma,this.internalTone=Pa(t),this.argb=t}setInternalState(t){let e=ht.fromInt(t);this.internalHue=e.hue,this.internalChroma=e.chroma,this.internalTone=Pa(t),this.argb=t}inViewingConditions(t){let i=ht.fromInt(this.toInt()).xyzInViewingConditions(t),n=ht.fromXyzInViewingConditions(i[0],i[1],i[2],je.make());return r.from(n.hue,n.chroma,_n(i[1]))}};var He=class r{static ratioOfTones(t,e){return t=ui(0,100,t),e=ui(0,100,e),r.ratioOfYs(nt(t),nt(e))}static ratioOfYs(t,e){let i=t>e?t:e,n=i===e?t:e;return(i+5)/(n+5)}static lighter(t,e){if(t<0||t>100)return-1;let i=nt(t),n=e*(i+5)-5,o=r.ratioOfYs(n,i),s=Math.abs(o-e);if(o<e&&s>.04)return-1;let h=_n(n)+.4;return h<0||h>100?-1:h}static darker(t,e){if(t<0||t>100)return-1;let i=nt(t),n=(i+5)/e-5,o=r.ratioOfYs(i,n),s=Math.abs(o-e);if(o<e&&s>.04)return-1;let h=_n(n)-.4;return h<0||h>100?-1:h}static lighterUnsafe(t,e){let i=r.lighter(t,e);return i<0?100:i}static darkerUnsafe(t,e){let i=r.darker(t,e);return i<0?0:i}};var hi=class r{static isDisliked(t){let e=Math.round(t.hue)>=90&&Math.round(t.hue)<=111,i=Math.round(t.chroma)>16,n=Math.round(t.tone)<65;return e&&i&&n}static fixIfDisliked(t){return r.isDisliked(t)?ce.from(t.hue,t.chroma,70):t}};var A=class r{static fromPalette(t){return new r(t.name??"",t.palette,t.tone,t.isBackground??!1,t.background,t.secondBackground,t.contrastCurve,t.toneDeltaPair)}constructor(t,e,i,n,o,s,h,p){if(this.name=t,this.palette=e,this.tone=i,this.isBackground=n,this.background=o,this.secondBackground=s,this.contrastCurve=h,this.toneDeltaPair=p,this.hctCache=new Map,!o&&s)throw new Error(`Color ${t} has secondBackgrounddefined, but background is not defined.`);if(!o&&h)throw new Error(`Color ${t} has contrastCurvedefined, but background is not defined.`);if(o&&!h)throw new Error(`Color ${t} has backgrounddefined, but contrastCurve is not defined.`)}getArgb(t){return this.getHct(t).toInt()}getHct(t){let e=this.hctCache.get(t);if(e!=null)return e;let i=this.getTone(t),n=this.palette(t).getHct(i);return this.hctCache.size>4&&this.hctCache.clear(),this.hctCache.set(t,n),n}getTone(t){let e=t.contrastLevel<0;if(this.toneDeltaPair){let i=this.toneDeltaPair(t),n=i.roleA,o=i.roleB,s=i.delta,h=i.polarity,p=i.stayTogether,w=this.background(t).getTone(t),x=h==="nearer"||h==="lighter"&&!t.isDark||h==="darker"&&t.isDark,E=x?n:o,_=x?o:n,M=this.name===E.name,P=t.isDark?1:-1,B=E.contrastCurve.get(t.contrastLevel),Q=_.contrastCurve.get(t.contrastLevel),U=E.tone(t),z=He.ratioOfTones(w,U)>=B?U:r.foregroundTone(w,B),Y=_.tone(t),O=He.ratioOfTones(w,Y)>=Q?Y:r.foregroundTone(w,Q);return e&&(z=r.foregroundTone(w,B),O=r.foregroundTone(w,Q)),(O-z)*P>=s||(O=ui(0,100,z+s*P),(O-z)*P>=s||(z=ui(0,100,O-s*P))),50<=z&&z<60?P>0?(z=60,O=Math.max(O,z+s*P)):(z=49,O=Math.min(O,z+s*P)):50<=O&&O<60&&(p?P>0?(z=60,O=Math.max(O,z+s*P)):(z=49,O=Math.min(O,z+s*P)):P>0?O=60:O=49),M?z:O}else{let i=this.tone(t);if(this.background==null)return i;let n=this.background(t).getTone(t),o=this.contrastCurve.get(t.contrastLevel);if(He.ratioOfTones(n,i)>=o||(i=r.foregroundTone(n,o)),e&&(i=r.foregroundTone(n,o)),this.isBackground&&50<=i&&i<60&&(He.ratioOfTones(49,n)>=o?i=49:i=60),this.secondBackground){let[s,h]=[this.background,this.secondBackground],[p,b]=[s(t).getTone(t),h(t).getTone(t)],[w,x]=[Math.max(p,b),Math.min(p,b)];if(He.ratioOfTones(w,i)>=o&&He.ratioOfTones(x,i)>=o)return i;let E=He.lighter(w,o),_=He.darker(x,o),M=[];return E!==-1&&M.push(E),_!==-1&&M.push(_),r.tonePrefersLightForeground(p)||r.tonePrefersLightForeground(b)?E<0?100:E:M.length===1?M[0]:_<0?0:_}return i}}static foregroundTone(t,e){let i=He.lighterUnsafe(t,e),n=He.darkerUnsafe(t,e),o=He.ratioOfTones(i,t),s=He.ratioOfTones(n,t);if(r.tonePrefersLightForeground(t)){let p=Math.abs(o-s)<.1&&o<e&&s<e;return o>=e||o>=s||p?i:n}else return s>=e||s>=o?n:i}static tonePrefersLightForeground(t){return Math.round(t)<60}static toneAllowsLightForeground(t){return Math.round(t)<=49}static enableLightForeground(t){return r.tonePrefersLightForeground(t)&&!r.toneAllowsLightForeground(t)?49:t}};var F=class r{static fromInt(t){let e=ce.fromInt(t);return r.fromHct(e)}static fromHct(t){return new r(t.hue,t.chroma,t)}static fromHueAndChroma(t,e){let i=new Vo(t,e).create();return new r(t,e,i)}constructor(t,e,i){this.hue=t,this.chroma=e,this.keyColor=i,this.cache=new Map}tone(t){let e=this.cache.get(t);return e===void 0&&(e=ce.from(this.hue,this.chroma,t).toInt(),this.cache.set(t,e)),e}getHct(t){return ce.fromInt(this.tone(t))}},Vo=class{constructor(t,e){this.hue=t,this.requestedChroma=e,this.chromaCache=new Map,this.maxChromaValue=200}create(){let n=0,o=100;for(;n<o;){let s=Math.floor((n+o)/2),h=this.maxChroma(s)<this.maxChroma(s+1);if(this.maxChroma(s)>=this.requestedChroma-.01)if(Math.abs(n-50)<Math.abs(o-50))o=s;else{if(n===s)return ce.from(this.hue,this.requestedChroma,n);n=s}else h?n=s+1:o=s}return ce.from(this.hue,this.requestedChroma,n)}maxChroma(t){if(this.chromaCache.has(t))return this.chromaCache.get(t);let e=ce.from(this.hue,this.maxChromaValue,t).chroma;return this.chromaCache.set(t,e),e}};var H=class{constructor(t,e,i,n){this.low=t,this.normal=e,this.medium=i,this.high=n}get(t){return t<=-1?this.low:t<0?xr(this.low,this.normal,(t- -1)/1):t<.5?xr(this.normal,this.medium,(t-0)/.5):t<1?xr(this.medium,this.high,(t-.5)/.5):this.high}};var be=class{constructor(t,e,i,n,o){this.roleA=t,this.roleB=e,this.delta=i,this.polarity=n,this.stayTogether=o}};var we;(function(r){r[r.MONOCHROME=0]="MONOCHROME",r[r.NEUTRAL=1]="NEUTRAL",r[r.TONAL_SPOT=2]="TONAL_SPOT",r[r.VIBRANT=3]="VIBRANT",r[r.EXPRESSIVE=4]="EXPRESSIVE",r[r.FIDELITY=5]="FIDELITY",r[r.CONTENT=6]="CONTENT",r[r.RAINBOW=7]="RAINBOW",r[r.FRUIT_SALAD=8]="FRUIT_SALAD"})(we||(we={}));function pi(r){return r.variant===we.FIDELITY||r.variant===we.CONTENT}function ne(r){return r.variant===we.MONOCHROME}function wm(r,t,e,i){let n=e,o=ce.from(r,t,e);if(o.chroma<t){let s=o.chroma;for(;o.chroma<t;){n+=i?-1:1;let h=ce.from(r,t,n);if(s>h.chroma||Math.abs(h.chroma-t)<.4)break;let p=Math.abs(h.chroma-t),b=Math.abs(o.chroma-t);p<b&&(o=h),s=Math.max(s,h.chroma)}}return n}var c=class r{static highestSurface(t){return t.isDark?r.surfaceBright:r.surfaceDim}};c.contentAccentToneDelta=15;c.primaryPaletteKeyColor=A.fromPalette({name:"primary_palette_key_color",palette:r=>r.primaryPalette,tone:r=>r.primaryPalette.keyColor.tone});c.secondaryPaletteKeyColor=A.fromPalette({name:"secondary_palette_key_color",palette:r=>r.secondaryPalette,tone:r=>r.secondaryPalette.keyColor.tone});c.tertiaryPaletteKeyColor=A.fromPalette({name:"tertiary_palette_key_color",palette:r=>r.tertiaryPalette,tone:r=>r.tertiaryPalette.keyColor.tone});c.neutralPaletteKeyColor=A.fromPalette({name:"neutral_palette_key_color",palette:r=>r.neutralPalette,tone:r=>r.neutralPalette.keyColor.tone});c.neutralVariantPaletteKeyColor=A.fromPalette({name:"neutral_variant_palette_key_color",palette:r=>r.neutralVariantPalette,tone:r=>r.neutralVariantPalette.keyColor.tone});c.background=A.fromPalette({name:"background",palette:r=>r.neutralPalette,tone:r=>r.isDark?6:98,isBackground:!0});c.onBackground=A.fromPalette({name:"on_background",palette:r=>r.neutralPalette,tone:r=>r.isDark?90:10,background:r=>c.background,contrastCurve:new H(3,3,4.5,7)});c.surface=A.fromPalette({name:"surface",palette:r=>r.neutralPalette,tone:r=>r.isDark?6:98,isBackground:!0});c.surfaceDim=A.fromPalette({name:"surface_dim",palette:r=>r.neutralPalette,tone:r=>r.isDark?6:new H(87,87,80,75).get(r.contrastLevel),isBackground:!0});c.surfaceBright=A.fromPalette({name:"surface_bright",palette:r=>r.neutralPalette,tone:r=>r.isDark?new H(24,24,29,34).get(r.contrastLevel):98,isBackground:!0});c.surfaceContainerLowest=A.fromPalette({name:"surface_container_lowest",palette:r=>r.neutralPalette,tone:r=>r.isDark?new H(4,4,2,0).get(r.contrastLevel):100,isBackground:!0});c.surfaceContainerLow=A.fromPalette({name:"surface_container_low",palette:r=>r.neutralPalette,tone:r=>r.isDark?new H(10,10,11,12).get(r.contrastLevel):new H(96,96,96,95).get(r.contrastLevel),isBackground:!0});c.surfaceContainer=A.fromPalette({name:"surface_container",palette:r=>r.neutralPalette,tone:r=>r.isDark?new H(12,12,16,20).get(r.contrastLevel):new H(94,94,92,90).get(r.contrastLevel),isBackground:!0});c.surfaceContainerHigh=A.fromPalette({name:"surface_container_high",palette:r=>r.neutralPalette,tone:r=>r.isDark?new H(17,17,21,25).get(r.contrastLevel):new H(92,92,88,85).get(r.contrastLevel),isBackground:!0});c.surfaceContainerHighest=A.fromPalette({name:"surface_container_highest",palette:r=>r.neutralPalette,tone:r=>r.isDark?new H(22,22,26,30).get(r.contrastLevel):new H(90,90,84,80).get(r.contrastLevel),isBackground:!0});c.onSurface=A.fromPalette({name:"on_surface",palette:r=>r.neutralPalette,tone:r=>r.isDark?90:10,background:r=>c.highestSurface(r),contrastCurve:new H(4.5,7,11,21)});c.surfaceVariant=A.fromPalette({name:"surface_variant",palette:r=>r.neutralVariantPalette,tone:r=>r.isDark?30:90,isBackground:!0});c.onSurfaceVariant=A.fromPalette({name:"on_surface_variant",palette:r=>r.neutralVariantPalette,tone:r=>r.isDark?80:30,background:r=>c.highestSurface(r),contrastCurve:new H(3,4.5,7,11)});c.inverseSurface=A.fromPalette({name:"inverse_surface",palette:r=>r.neutralPalette,tone:r=>r.isDark?90:20});c.inverseOnSurface=A.fromPalette({name:"inverse_on_surface",palette:r=>r.neutralPalette,tone:r=>r.isDark?20:95,background:r=>c.inverseSurface,contrastCurve:new H(4.5,7,11,21)});c.outline=A.fromPalette({name:"outline",palette:r=>r.neutralVariantPalette,tone:r=>r.isDark?60:50,background:r=>c.highestSurface(r),contrastCurve:new H(1.5,3,4.5,7)});c.outlineVariant=A.fromPalette({name:"outline_variant",palette:r=>r.neutralVariantPalette,tone:r=>r.isDark?30:80,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5)});c.shadow=A.fromPalette({name:"shadow",palette:r=>r.neutralPalette,tone:r=>0});c.scrim=A.fromPalette({name:"scrim",palette:r=>r.neutralPalette,tone:r=>0});c.surfaceTint=A.fromPalette({name:"surface_tint",palette:r=>r.primaryPalette,tone:r=>r.isDark?80:40,isBackground:!0});c.primary=A.fromPalette({name:"primary",palette:r=>r.primaryPalette,tone:r=>ne(r)?r.isDark?100:0:r.isDark?80:40,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(3,4.5,7,7),toneDeltaPair:r=>new be(c.primaryContainer,c.primary,10,"nearer",!1)});c.onPrimary=A.fromPalette({name:"on_primary",palette:r=>r.primaryPalette,tone:r=>ne(r)?r.isDark?10:90:r.isDark?20:100,background:r=>c.primary,contrastCurve:new H(4.5,7,11,21)});c.primaryContainer=A.fromPalette({name:"primary_container",palette:r=>r.primaryPalette,tone:r=>pi(r)?r.sourceColorHct.tone:ne(r)?r.isDark?85:25:r.isDark?30:90,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.primaryContainer,c.primary,10,"nearer",!1)});c.onPrimaryContainer=A.fromPalette({name:"on_primary_container",palette:r=>r.primaryPalette,tone:r=>pi(r)?A.foregroundTone(c.primaryContainer.tone(r),4.5):ne(r)?r.isDark?0:100:r.isDark?90:30,background:r=>c.primaryContainer,contrastCurve:new H(3,4.5,7,11)});c.inversePrimary=A.fromPalette({name:"inverse_primary",palette:r=>r.primaryPalette,tone:r=>r.isDark?40:80,background:r=>c.inverseSurface,contrastCurve:new H(3,4.5,7,7)});c.secondary=A.fromPalette({name:"secondary",palette:r=>r.secondaryPalette,tone:r=>r.isDark?80:40,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(3,4.5,7,7),toneDeltaPair:r=>new be(c.secondaryContainer,c.secondary,10,"nearer",!1)});c.onSecondary=A.fromPalette({name:"on_secondary",palette:r=>r.secondaryPalette,tone:r=>ne(r)?r.isDark?10:100:r.isDark?20:100,background:r=>c.secondary,contrastCurve:new H(4.5,7,11,21)});c.secondaryContainer=A.fromPalette({name:"secondary_container",palette:r=>r.secondaryPalette,tone:r=>{let t=r.isDark?30:90;return ne(r)?r.isDark?30:85:pi(r)?wm(r.secondaryPalette.hue,r.secondaryPalette.chroma,t,!r.isDark):t},isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.secondaryContainer,c.secondary,10,"nearer",!1)});c.onSecondaryContainer=A.fromPalette({name:"on_secondary_container",palette:r=>r.secondaryPalette,tone:r=>ne(r)?r.isDark?90:10:pi(r)?A.foregroundTone(c.secondaryContainer.tone(r),4.5):r.isDark?90:30,background:r=>c.secondaryContainer,contrastCurve:new H(3,4.5,7,11)});c.tertiary=A.fromPalette({name:"tertiary",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?r.isDark?90:25:r.isDark?80:40,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(3,4.5,7,7),toneDeltaPair:r=>new be(c.tertiaryContainer,c.tertiary,10,"nearer",!1)});c.onTertiary=A.fromPalette({name:"on_tertiary",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?r.isDark?10:90:r.isDark?20:100,background:r=>c.tertiary,contrastCurve:new H(4.5,7,11,21)});c.tertiaryContainer=A.fromPalette({name:"tertiary_container",palette:r=>r.tertiaryPalette,tone:r=>{if(ne(r))return r.isDark?60:49;if(!pi(r))return r.isDark?30:90;let t=r.tertiaryPalette.getHct(r.sourceColorHct.tone);return hi.fixIfDisliked(t).tone},isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.tertiaryContainer,c.tertiary,10,"nearer",!1)});c.onTertiaryContainer=A.fromPalette({name:"on_tertiary_container",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?r.isDark?0:100:pi(r)?A.foregroundTone(c.tertiaryContainer.tone(r),4.5):r.isDark?90:30,background:r=>c.tertiaryContainer,contrastCurve:new H(3,4.5,7,11)});c.error=A.fromPalette({name:"error",palette:r=>r.errorPalette,tone:r=>r.isDark?80:40,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(3,4.5,7,7),toneDeltaPair:r=>new be(c.errorContainer,c.error,10,"nearer",!1)});c.onError=A.fromPalette({name:"on_error",palette:r=>r.errorPalette,tone:r=>r.isDark?20:100,background:r=>c.error,contrastCurve:new H(4.5,7,11,21)});c.errorContainer=A.fromPalette({name:"error_container",palette:r=>r.errorPalette,tone:r=>r.isDark?30:90,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.errorContainer,c.error,10,"nearer",!1)});c.onErrorContainer=A.fromPalette({name:"on_error_container",palette:r=>r.errorPalette,tone:r=>ne(r)?r.isDark?90:10:r.isDark?90:30,background:r=>c.errorContainer,contrastCurve:new H(3,4.5,7,11)});c.primaryFixed=A.fromPalette({name:"primary_fixed",palette:r=>r.primaryPalette,tone:r=>ne(r)?40:90,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.primaryFixed,c.primaryFixedDim,10,"lighter",!0)});c.primaryFixedDim=A.fromPalette({name:"primary_fixed_dim",palette:r=>r.primaryPalette,tone:r=>ne(r)?30:80,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.primaryFixed,c.primaryFixedDim,10,"lighter",!0)});c.onPrimaryFixed=A.fromPalette({name:"on_primary_fixed",palette:r=>r.primaryPalette,tone:r=>ne(r)?100:10,background:r=>c.primaryFixedDim,secondBackground:r=>c.primaryFixed,contrastCurve:new H(4.5,7,11,21)});c.onPrimaryFixedVariant=A.fromPalette({name:"on_primary_fixed_variant",palette:r=>r.primaryPalette,tone:r=>ne(r)?90:30,background:r=>c.primaryFixedDim,secondBackground:r=>c.primaryFixed,contrastCurve:new H(3,4.5,7,11)});c.secondaryFixed=A.fromPalette({name:"secondary_fixed",palette:r=>r.secondaryPalette,tone:r=>ne(r)?80:90,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.secondaryFixed,c.secondaryFixedDim,10,"lighter",!0)});c.secondaryFixedDim=A.fromPalette({name:"secondary_fixed_dim",palette:r=>r.secondaryPalette,tone:r=>ne(r)?70:80,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.secondaryFixed,c.secondaryFixedDim,10,"lighter",!0)});c.onSecondaryFixed=A.fromPalette({name:"on_secondary_fixed",palette:r=>r.secondaryPalette,tone:r=>10,background:r=>c.secondaryFixedDim,secondBackground:r=>c.secondaryFixed,contrastCurve:new H(4.5,7,11,21)});c.onSecondaryFixedVariant=A.fromPalette({name:"on_secondary_fixed_variant",palette:r=>r.secondaryPalette,tone:r=>ne(r)?25:30,background:r=>c.secondaryFixedDim,secondBackground:r=>c.secondaryFixed,contrastCurve:new H(3,4.5,7,11)});c.tertiaryFixed=A.fromPalette({name:"tertiary_fixed",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?40:90,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.tertiaryFixed,c.tertiaryFixedDim,10,"lighter",!0)});c.tertiaryFixedDim=A.fromPalette({name:"tertiary_fixed_dim",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?30:80,isBackground:!0,background:r=>c.highestSurface(r),contrastCurve:new H(1,1,3,4.5),toneDeltaPair:r=>new be(c.tertiaryFixed,c.tertiaryFixedDim,10,"lighter",!0)});c.onTertiaryFixed=A.fromPalette({name:"on_tertiary_fixed",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?100:10,background:r=>c.tertiaryFixedDim,secondBackground:r=>c.tertiaryFixed,contrastCurve:new H(4.5,7,11,21)});c.onTertiaryFixedVariant=A.fromPalette({name:"on_tertiary_fixed_variant",palette:r=>r.tertiaryPalette,tone:r=>ne(r)?90:30,background:r=>c.tertiaryFixedDim,secondBackground:r=>c.tertiaryFixed,contrastCurve:new H(3,4.5,7,11)});var De=class{constructor(t){this.sourceColorArgb=t.sourceColorArgb,this.variant=t.variant,this.contrastLevel=t.contrastLevel,this.isDark=t.isDark,this.sourceColorHct=ce.fromInt(t.sourceColorArgb),this.primaryPalette=t.primaryPalette,this.secondaryPalette=t.secondaryPalette,this.tertiaryPalette=t.tertiaryPalette,this.neutralPalette=t.neutralPalette,this.neutralVariantPalette=t.neutralVariantPalette,this.errorPalette=F.fromHueAndChroma(25,84)}static getRotatedHue(t,e,i){let n=t.hue;if(e.length!==i.length)throw new Error(`mismatch between hue length ${e.length} & rotations ${i.length}`);if(i.length===1)return Xe(t.hue+i[0]);let o=e.length;for(let s=0;s<=o-2;s++){let h=e[s],p=e[s+1];if(h<n&&n<p)return Xe(n+i[s])}return n}getArgb(t){return t.getArgb(this)}getHct(t){return t.getHct(this)}get primaryPaletteKeyColor(){return this.getArgb(c.primaryPaletteKeyColor)}get secondaryPaletteKeyColor(){return this.getArgb(c.secondaryPaletteKeyColor)}get tertiaryPaletteKeyColor(){return this.getArgb(c.tertiaryPaletteKeyColor)}get neutralPaletteKeyColor(){return this.getArgb(c.neutralPaletteKeyColor)}get neutralVariantPaletteKeyColor(){return this.getArgb(c.neutralVariantPaletteKeyColor)}get background(){return this.getArgb(c.background)}get onBackground(){return this.getArgb(c.onBackground)}get surface(){return this.getArgb(c.surface)}get surfaceDim(){return this.getArgb(c.surfaceDim)}get surfaceBright(){return this.getArgb(c.surfaceBright)}get surfaceContainerLowest(){return this.getArgb(c.surfaceContainerLowest)}get surfaceContainerLow(){return this.getArgb(c.surfaceContainerLow)}get surfaceContainer(){return this.getArgb(c.surfaceContainer)}get surfaceContainerHigh(){return this.getArgb(c.surfaceContainerHigh)}get surfaceContainerHighest(){return this.getArgb(c.surfaceContainerHighest)}get onSurface(){return this.getArgb(c.onSurface)}get surfaceVariant(){return this.getArgb(c.surfaceVariant)}get onSurfaceVariant(){return this.getArgb(c.onSurfaceVariant)}get inverseSurface(){return this.getArgb(c.inverseSurface)}get inverseOnSurface(){return this.getArgb(c.inverseOnSurface)}get outline(){return this.getArgb(c.outline)}get outlineVariant(){return this.getArgb(c.outlineVariant)}get shadow(){return this.getArgb(c.shadow)}get scrim(){return this.getArgb(c.scrim)}get surfaceTint(){return this.getArgb(c.surfaceTint)}get primary(){return this.getArgb(c.primary)}get onPrimary(){return this.getArgb(c.onPrimary)}get primaryContainer(){return this.getArgb(c.primaryContainer)}get onPrimaryContainer(){return this.getArgb(c.onPrimaryContainer)}get inversePrimary(){return this.getArgb(c.inversePrimary)}get secondary(){return this.getArgb(c.secondary)}get onSecondary(){return this.getArgb(c.onSecondary)}get secondaryContainer(){return this.getArgb(c.secondaryContainer)}get onSecondaryContainer(){return this.getArgb(c.onSecondaryContainer)}get tertiary(){return this.getArgb(c.tertiary)}get onTertiary(){return this.getArgb(c.onTertiary)}get tertiaryContainer(){return this.getArgb(c.tertiaryContainer)}get onTertiaryContainer(){return this.getArgb(c.onTertiaryContainer)}get error(){return this.getArgb(c.error)}get onError(){return this.getArgb(c.onError)}get errorContainer(){return this.getArgb(c.errorContainer)}get onErrorContainer(){return this.getArgb(c.onErrorContainer)}get primaryFixed(){return this.getArgb(c.primaryFixed)}get primaryFixedDim(){return this.getArgb(c.primaryFixedDim)}get onPrimaryFixed(){return this.getArgb(c.onPrimaryFixed)}get onPrimaryFixedVariant(){return this.getArgb(c.onPrimaryFixedVariant)}get secondaryFixed(){return this.getArgb(c.secondaryFixed)}get secondaryFixedDim(){return this.getArgb(c.secondaryFixedDim)}get onSecondaryFixed(){return this.getArgb(c.onSecondaryFixed)}get onSecondaryFixedVariant(){return this.getArgb(c.onSecondaryFixedVariant)}get tertiaryFixed(){return this.getArgb(c.tertiaryFixed)}get tertiaryFixedDim(){return this.getArgb(c.tertiaryFixedDim)}get onTertiaryFixed(){return this.getArgb(c.onTertiaryFixed)}get onTertiaryFixedVariant(){return this.getArgb(c.onTertiaryFixedVariant)}};var Tr=class r{static of(t){return new r(t,!1)}static contentOf(t){return new r(t,!0)}static fromColors(t){return r.createPaletteFromColors(!1,t)}static contentFromColors(t){return r.createPaletteFromColors(!0,t)}static createPaletteFromColors(t,e){let i=new r(e.primary,t);if(e.secondary){let n=new r(e.secondary,t);i.a2=n.a1}if(e.tertiary){let n=new r(e.tertiary,t);i.a3=n.a1}if(e.error){let n=new r(e.error,t);i.error=n.a1}if(e.neutral){let n=new r(e.neutral,t);i.n1=n.n1}if(e.neutralVariant){let n=new r(e.neutralVariant,t);i.n2=n.n2}return i}constructor(t,e){let i=ce.fromInt(t),n=i.hue,o=i.chroma;e?(this.a1=F.fromHueAndChroma(n,o),this.a2=F.fromHueAndChroma(n,o/3),this.a3=F.fromHueAndChroma(n+60,o/2),this.n1=F.fromHueAndChroma(n,Math.min(o/12,4)),this.n2=F.fromHueAndChroma(n,Math.min(o/6,8))):(this.a1=F.fromHueAndChroma(n,Math.max(48,o)),this.a2=F.fromHueAndChroma(n,16),this.a3=F.fromHueAndChroma(n+60,24),this.n1=F.fromHueAndChroma(n,4),this.n2=F.fromHueAndChroma(n,8)),this.error=F.fromHueAndChroma(25,84)}};var Tn=class r extends De{constructor(t,e,i){super({sourceColorArgb:t.toInt(),variant:we.EXPRESSIVE,contrastLevel:i,isDark:e,primaryPalette:F.fromHueAndChroma(Xe(t.hue+240),40),secondaryPalette:F.fromHueAndChroma(De.getRotatedHue(t,r.hues,r.secondaryRotations),24),tertiaryPalette:F.fromHueAndChroma(De.getRotatedHue(t,r.hues,r.tertiaryRotations),32),neutralPalette:F.fromHueAndChroma(t.hue+15,8),neutralVariantPalette:F.fromHueAndChroma(t.hue+15,12)})}};Tn.hues=[0,21,51,121,151,191,271,321,360];Tn.secondaryRotations=[45,95,45,20,45,90,45,45,45];Tn.tertiaryRotations=[120,120,20,45,20,15,20,120,120];var En=class r extends De{constructor(t,e,i){super({sourceColorArgb:t.toInt(),variant:we.VIBRANT,contrastLevel:i,isDark:e,primaryPalette:F.fromHueAndChroma(t.hue,200),secondaryPalette:F.fromHueAndChroma(De.getRotatedHue(t,r.hues,r.secondaryRotations),24),tertiaryPalette:F.fromHueAndChroma(De.getRotatedHue(t,r.hues,r.tertiaryRotations),32),neutralPalette:F.fromHueAndChroma(t.hue,10),neutralVariantPalette:F.fromHueAndChroma(t.hue,12)})}};En.hues=[0,41,61,101,131,181,251,301,360];En.secondaryRotations=[18,15,10,12,15,18,15,12,12];En.tertiaryRotations=[35,30,20,25,30,35,30,25,25];var km={desired:4,fallbackColorARGB:4282549748,filter:!0};function _m(r,t){return r.score>t.score?-1:r.score<t.score?1:0}var Pt=class r{constructor(){}static score(t,e){let{desired:i,fallbackColorARGB:n,filter:o}={...km,...e},s=[],h=new Array(360).fill(0),p=0;for(let[_,M]of t.entries()){let P=ce.fromInt(_);s.push(P);let B=Math.floor(P.hue);h[B]+=M,p+=M}let b=new Array(360).fill(0);for(let _=0;_<360;_++){let M=h[_]/p;for(let P=_-14;P<_+16;P++){let B=Aa(P);b[B]+=M}}let w=new Array;for(let _ of s){let M=Aa(Math.round(_.hue)),P=b[M];if(o&&(_.chroma<r.CUTOFF_CHROMA||P<=r.CUTOFF_EXCITED_PROPORTION))continue;let B=P*100*r.WEIGHT_PROPORTION,Q=_.chroma<r.TARGET_CHROMA?r.WEIGHT_CHROMA_BELOW:r.WEIGHT_CHROMA_ABOVE,U=(_.chroma-r.TARGET_CHROMA)*Q,z=B+U;w.push({hct:_,score:z})}w.sort(_m);let x=[];for(let _=90;_>=15;_--){x.length=0;for(let{hct:M}of w)if(x.find(B=>Bo(M.hue,B.hue)<_)||x.push(M),x.length>=i)break;if(x.length>=i)break}let E=[];x.length===0&&E.push(n);for(let _ of x)E.push(_.toInt());return E}};Pt.TARGET_CHROMA=48;Pt.WEIGHT_PROPORTION=.7;Pt.WEIGHT_CHROMA_ABOVE=.3;Pt.WEIGHT_CHROMA_BELOW=.1;Pt.CUTOFF_CHROMA=5;Pt.CUTOFF_EXCITED_PROPORTION=.01;function Cn(r){let t=La(r),e=Ia(r),i=Ra(r),n=[t.toString(16),e.toString(16),i.toString(16)];for(let[o,s]of n.entries())s.length===1&&(n[o]="0"+s);return"#"+n.join("")}function Ha(r){r=r.replace("#","");let t=r.length===3,e=r.length===6,i=r.length===8;if(!t&&!e&&!i)throw new Error("unexpected hex "+r);let n=0,o=0,s=0;return t?(n=Ht(r.slice(0,1).repeat(2)),o=Ht(r.slice(1,2).repeat(2)),s=Ht(r.slice(2,3).repeat(2))):e?(n=Ht(r.slice(0,2)),o=Ht(r.slice(2,4)),s=Ht(r.slice(4,6))):i&&(n=Ht(r.slice(2,4)),o=Ht(r.slice(4,6)),s=Ht(r.slice(6,8))),(255<<24|(n&255)<<16|(o&255)<<8|s&255)>>>0}function Ht(r){return parseInt(r,16)}var fi=class r{constructor(){this.content=""}static create(){return new r}add(t,e){let i=`  ${t}: ${e};
 `;return this.content+=i,this}addFromArgb(t,e){return this.add(`--u-color-${t}`,Cn(e)),this}addLightAndDarkFromArgb(t,e,i){return this.add(`--u-color-${t}`,`light-dark(${Cn(e)}, ${Cn(i)})`),this}build(){return this.content}};var dd=[{name:"surface",lightTone:98,darkTone:6},{name:"surface-bright",lightTone:98,darkTone:24},{name:"surface-dim",lightTone:87,darkTone:6},{name:"surface-container-lowest",lightTone:100,darkTone:4},{name:"surface-container-low",lightTone:96,darkTone:10},{name:"surface-container",lightTone:94,darkTone:12},{name:"surface-container-high",lightTone:92,darkTone:17},{name:"surface-container-highest",lightTone:90,darkTone:22},{name:"on-surface",lightTone:10,darkTone:90},{name:"light",fixedTone:98},{name:"on-light",fixedTone:10},{name:"dark",fixedTone:6},{name:"on-dark",fixedTone:90},{name:"scrim",fixedTone:0},{name:"shadow",fixedTone:0}],md=[{name:"surface-variant",lightTone:90,darkTone:30},{name:"on-surface-variant",lightTone:30,darkTone:80},{name:"outline",lightTone:50,darkTone:60},{name:"outline-variant",lightTone:80,darkTone:30}];var Tm=(r,t)=>`${r} {
 ${t}}`,ud=class r{constructor(t){this.colors=[];this.partial=!1;this.cssClass=null,this.#e=Tr.of(Ha(t)),this.addColorFromPalette("primary",this.#e.a1)}#e;static create(t){return new r(t)}static createPartial(t){let e=new r(t);return e.partial=!0,e}addColorFromHex(t,e){let i=F.fromInt(Ha(e));return this.addColorFromPalette(t,i),this}addColorFromPalette(t,e){return this.colors.push({name:t,lightTone:40,darkTone:80,tonalPalette:e}),this.colors.push({name:`on-${t}`,lightTone:100,darkTone:20,tonalPalette:e}),this.colors.push({name:`${t}-container`,lightTone:90,darkTone:30,tonalPalette:e}),this.colors.push({name:`on-${t}-container`,lightTone:10,darkTone:90,tonalPalette:e}),this.colors.push({name:`${t}-fixed`,fixedTone:90,tonalPalette:e}),this.colors.push({name:`${t}-fixed-dim`,fixedTone:80,tonalPalette:e}),this.colors.push({name:`on-${t}-fixed`,fixedTone:10,tonalPalette:e}),this.colors.push({name:`on-${t}-fixed-variant`,fixedTone:30,tonalPalette:e}),this}addStaticColor(t,e,i=80){let n=F.fromInt(Ha(e));return this.colors.push({name:t,fixedTone:i,tonalPalette:n}),this.colors.push({name:`on-${t}`,fixedTone:15,tonalPalette:n}),this.colors.push({name:`${t}-container`,fixedTone:90,tonalPalette:n}),this.colors.push({name:`on-${t}-container`,fixedTone:15,tonalPalette:n}),this}setCssClass(t){return this.cssClass=t,this}ensureCssClassStartsWithDot(){!this.cssClass||this.cssClass.startsWith(".")||(this.cssClass=`.${this.cssClass}`)}ensureThemeColors(){this.colors.find(t=>t.name==="secondary")||this.addColorFromPalette("secondary",this.#e.a2),this.colors.find(t=>t.name==="tertiary")||this.addColorFromPalette("tertiary",this.#e.a3)}ensureStatusColors(){this.colors.find(t=>t.name==="success")||this.addStaticColor("success","#198754",60),this.colors.find(t=>t.name==="info")||this.addStaticColor("info","#0dcaf0"),this.colors.find(t=>t.name==="warning")||this.addStaticColor("warning","#ffc107"),this.colors.find(t=>t.name==="error")||this.addColorFromHex("error","#b3261e")}getNeutralVariables(){let t=fi.create();return this.addColors(t,dd,this.#e.n1),t.add("--u-color-body","var(--u-color-surface)").add("--u-color-inverse-body","var(--u-color-inverse-surface)").add("--u-color-on-body","var(--u-color-on-surface)").add("--u-color-on-inverse-body","var(--u-color-on-inverse-surface)"),t.build()}getNeutralVariantVariables(){let t=fi.create();return this.addColors(t,md,this.#e.n2),t.build()}getColorVariables(t){let e=fi.create();return this.addToneColor(e,t,t.tonalPalette),e.build()}getColorsVariables(){let t="";for(let e of this.colors)t+=this.getColorVariables(e);return t+=this.getNeutralVariables(),t+=this.getNeutralVariantVariables(),t}addColors(t,e,i){for(let n of e)this.addToneColor(t,n,i)}addToneColor(t,e,i){if(e.fixedTone!==void 0){t.addFromArgb(e.name,i.tone(e.fixedTone));return}let n=`inverse-${e.name}`.replace("inverse-on","on-inverse");if(t.addLightAndDarkFromArgb(e.name,i.tone(e.lightTone),i.tone(e.darkTone)).addLightAndDarkFromArgb(n,i.tone(e.darkTone),i.tone(e.lightTone)),e.name==="surface"||e.name==="on-surface"){let o=e.name.startsWith("on-")?"on-":"";t.addFromArgb(`${o}light-surface`,i.tone(e.lightTone)),t.addFromArgb(`${o}dark-surface`,i.tone(e.darkTone))}}build(){this.ensureCssClassStartsWithDot();let t=this.cssClass??":root";return this.ensureThemeColors(),this.partial||this.ensureStatusColors(),`${Tm(t,this.getColorsVariables())}
-`}};export{ta as ConfirmDialogBuilder,Yr as DialogBuilder,ra as MessageDialogBuilder,Jt as OverflowMenu,Qt as OverflowMenuItem,hm as SnackbarDuration,ud as ThemeBuilder,vr as UmBadge,Fe as UmButton,Be as UmButtonBase,Xt as UmButtonField,Br as UmButtonSet,br as UmCalendar,Wr as UmCard,jr as UmCardContent,Gr as UmCardMedia,At as UmCheckbox,ye as UmChip,Ft as UmChipField,Pi as UmChipSet,hr as UmCircularProgress,Le as UmDialog,on as UmDrawer,yn as UmDrawerHeadline,tt as UmDrawerItem,Li as UmElevation,Et as UmFab,ji as UmField,Ut as UmHighlight,gn as UmIcon,lr as UmIconButton,Qi as UmList,ii as UmListItem,Ne as UmMenu,Ue as UmMenuItem,pr as UmProgressBar,jt as UmRadio,Zt as UmRangeCalendar,kt as UmRipple,wr as UmSearch,et as UmSelect,Lt as UmSideNavigation,W as UmSnackbar,dr as UmSwitch,la as UmSwitchListItem,mt as UmTab,rt as UmTabBar,mr as UmTextArea,Qe as UmTextField,fe as UmTopAppBar,ue as UmTypeahead};
+`}};export{ta as ConfirmDialogBuilder,Yr as DialogBuilder,ra as MessageDialogBuilder,Jt as OverflowMenu,Qt as OverflowMenuItem,hm as SnackbarDuration,ud as ThemeBuilder,vr as UmBadge,Fe as UmButton,Be as UmButtonBase,Xt as UmButtonField,Br as UmButtonSet,br as UmCalendar,Wr as UmCard,jr as UmCardContent,Gr as UmCardMedia,At as UmCheckbox,ye as UmChip,Ft as UmChipField,Pi as UmChipSet,hr as UmCircularProgress,Le as UmDialog,on as UmDrawer,yn as UmDrawerHeadline,tt as UmDrawerItem,Li as UmElevation,Et as UmFab,ji as UmField,Z as UmFieldBase,Ut as UmHighlight,gn as UmIcon,lr as UmIconButton,Qi as UmList,ii as UmListItem,Ne as UmMenu,Ue as UmMenuItem,pr as UmProgressBar,jt as UmRadio,Zt as UmRangeCalendar,kt as UmRipple,wr as UmSearch,et as UmSelect,Lt as UmSideNavigation,W as UmSnackbar,dr as UmSwitch,la as UmSwitchListItem,mt as UmTab,rt as UmTabBar,mr as UmTextArea,Qe as UmTextField,fe as UmTopAppBar,ue as UmTypeahead};
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js:

package/button/button-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-base.d.ts","sourceRoot":"","sources":["../../src/button/button-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,8BAAsB,YAAa,SAAQ,eAAe;;IAExD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,EAAE,cAAc,CAAoC;IAE9D,IAAI,SAAY;IAEC,KAAK,SAAM;IAExC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;;cASkB,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;CA8BlD"}

package/button/button-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../src/button/button-base.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,OAAgB,YAAa,SAAQ,eAAe;aAExC,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEtB,WAAM,GAAmB,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnD,CAAoD;IAM1E,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;IACrC,CAAC;IAEQ,iBAAiB,CAAmB;IAE7C;QACE,KAAK,EAAE,CAAC;QAXE,SAAI,GAAG,QAAQ,CAAC;QAEC,UAAK,GAAG,EAAE,CAAC;QAUtC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC;IAEkB,YAAY,CAAC,CAAU;QAExC,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEhD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,CACxB,QAAQ,EACR,WAAW,CAAC,EAAE;YACZ,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE;gBAC9C,YAAY,EAAE,IAAI;gBAClB,UAAU,EAAE,IAAI;gBAChB,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAC9B,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;;AA5CW;IAAX,QAAQ,EAAE;0CAAiB;AAEC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAY","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { property } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './button-base.styles.js';\n\nexport abstract class UmButtonBase extends UmButtonWrapper {\n\n  static readonly formAssociated = true;\n\n  static override styles: CSSResultGroup = [UmButtonWrapper.styles, styles];\n\n  @property() type = 'submit';\n\n  @property({ reflect: true }) value = '';\n\n  get form(): HTMLFormElement | null {\n    return this.#elementInternals.form;\n  }\n\n  readonly #elementInternals: ElementInternals;\n\n  constructor() {\n    super();\n    this.#elementInternals = this.attachInternals();\n  }\n\n  protected override _handleClick(_: UIEvent): void {\n\n    if (this.type === 'button' || !!this.href) {\n      return;\n    }\n\n    if (!this.form) {\n      return;\n    }\n\n    this.#elementInternals.setFormValue(this.value);\n\n    if (this.type === 'reset') {\n      this.form.reset();\n      return;\n    }\n\n    this.form.addEventListener(\n      'submit',\n      submitEvent => {\n        Object.defineProperty(submitEvent, 'submitter', {\n          configurable: true,\n          enumerable: true,\n          get: () => this,\n        });\n      },\n      { capture: true, once: true },\n    );\n    this.form.requestSubmit();\n  }\n}\n"]}

package/button/button-base.styles.d.ts.map

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

package/button/button-base.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-base.styles.js","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_morph-duration: var(--u-button-morph-duration, 125ms);\n  }\n\n  .container {\n    transition: background-color var(--_morph-duration) linear, border-radius var(--_morph-duration) linear, color var(--_morph-duration) linear;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1em;\n    height: 1em;\n    line-height: 1em;\n  }\n\n  ::slotted([slot=icon]) {\n    display: inline-block;\n  }\n`;\n"]}

package/button/button-set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-set.d.ts","sourceRoot":"","sources":["../../src/button/button-set.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,qBACa,WAAY,SAAQ,SAAS;IAExC,OAAgB,MAAM,iCAA8B;IAEpD;;OAEG;IACyC,KAAK,UAAS;IAEjD,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAS;CACxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/button/button-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-set.js","sourceRoot":"","sources":["../../src/button/button-set.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,SAAS;IAAnC;;QAIL;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAEjD,cAAS,GAA+B,KAAK,CAAC;IACzD,CAAC;aARiB,WAAM,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,AAA7B,CAA8B;;AAKR;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAe;AAP/C,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAUvB","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\n\nimport { UmSetBase } from '../shared/sets/set-base.js';\nimport { styles } from './button-set.styles.js';\n\n@customElement('u-button-set')\nexport class UmButtonSet extends UmSetBase {\n\n  static override styles = [UmSetBase.styles, styles];\n\n  /**\n   * Whether to render the buttons stacked or not\n   */\n  @property({ type: Boolean, reflect: true }) stack = false;\n\n  override alignment: 'start' | 'center' | 'end' = 'end';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-button-set': UmButtonSet;\n  }\n}\n"]}

package/button/button-set.styles.d.ts.map

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

package/button/button-set.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-set.styles.js","sourceRoot":"","sources":["../../src/button/button-set.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;CAiBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host([stack][alignment=start]) {\n    align-items: flex-start;\n  }\n\n  :host([stack][alignment=center]) {\n    align-items: center;\n  }\n\n  :host([stack][alignment=end]) {\n    align-items: flex-end;\n  }\n\n  :host([stack]) {\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n`;\n"]}

package/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAK/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AACpF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,qBACa,QAAS,SAAQ,cAAc;;IAC1C,OAAgB,MAAM,EAAE,cAAc,CAAmC;IAEzE;;OAEG;IACS,OAAO,EAAE,eAAe,CAAY;IAEhD;;OAEG;IACS,KAAK,EAAE,aAAa,CAAa;IAE2B,YAAY,UAAS;IAEpF,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,kBAAkB,CAAS;IACnC,iBAAiB,UAAS;IAEF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAe;IACtD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;IAInD,YAAY,CAAC,iBAAiB,EAAE,cAAc;cAuBpC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAW/C,cAAc,IAAI,kBAAkB;CAiCxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './button.styles.js';\nimport { UmToggleButton } from './toggle-button.js';\n\nimport '../ripple/ripple.js';\n\nexport type UmButtonVariant = 'filled' | 'tonal' | 'elevated' | 'outlined' | 'text';\nexport type UmButtonColor = 'primary' | 'secondary' | 'tertiary' | 'error';\n\n@customElement('u-button')\nexport class UmButton extends UmToggleButton {\n  static override styles: CSSResultGroup = [UmToggleButton.styles, styles];\n\n  /**\n   * The Button variant to render\n   */\n  @property() variant: UmButtonVariant = 'filled';\n\n  /**\n   * The Button color\n   */\n  @property() color: UmButtonColor = 'primary';\n\n  @property({ type: Boolean, attribute: 'trailing-icon', reflect: true }) trailingIcon = false;\n\n  @state() private _hasIcon = false;\n  @state() private _hasSelectionLabel = false;\n  @state() animateTextChange = false;\n\n  @query('.label-container', true) private readonly _textWrapper!: HTMLElement;\n  @query('#label', true) private readonly _text!: HTMLElement;\n\n  #textSizeObserver!: ResizeObserver | null;\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    this.#textSizeObserver = new ResizeObserver(() => this.#setTextWrapperWidth());\n    this.#textSizeObserver.observe(this._text);\n    this.#setTextWrapperWidth();\n  }\n\n  #setTextWrapperWidth(): void {\n\n    const width = `${this._text.offsetWidth}px`;\n    this._textWrapper.style.width = width;\n\n    const animateTextChange = !!parseInt(width, 10);\n\n    if (this.animateTextChange === animateTextChange) {\n      return;\n    }\n\n    setTimeout(() =>\n      this.animateTextChange = animateTextChange);\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      [this.color]: true,\n      [this.variant]: true,\n      'trailing-icon': this.trailingIcon,\n      'has-icon': this._hasIcon,\n      'has-selection-label': this._hasSelectionLabel,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    const labelContainerClasses = { animate: this.animateTextChange };\n\n    return html`\n      <span class=\"icon-container\" aria-hidden=\"true\">\n        <span class=\"icon icon-default\">\n          <slot name=\"icon\" @slotchange=\"${this.#handleIconSlotChange}\"></slot>\n        </span>\n        <span class=\"icon icon-selected\">\n          <slot name=\"icon-selected\" @slotchange=\"${this._handleSelectedIconSlotChange}\"></slot>\n        </span>\n      </span>\n\n      <span class=\"label-container ${classMap(labelContainerClasses)}\">\n        <span id=\"label\">\n          <span class=\"label label-default\">\n            <slot></slot>\n          </span>\n          <span class=\"label label-selected\">\n            <slot name=\"label-selected\" @slotchange=\"${this.#handleSelectedLabelSlotChange}\"></slot>\n          </span>\n        </span>\n      </span>\n    `;\n  }\n\n  #handleIconSlotChange(e: Event) {\n    this._hasIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n\n  #handleSelectedLabelSlotChange(e: Event): void {\n    this._hasSelectionLabel = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-button': UmButton;\n  }\n}\n"]}

package/button/button.styles.d.ts.map

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

package/button/button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../src/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyNzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n    --u-common-button-font-size: var(--u-label-large-font-size, .875rem);\n    --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n    --_common-button-padding: var(--u-common-button-padding, 16px);\n    --_extra-small-font-size: var(--u-common-button-extra-small-font-size, .875rem);\n    --_small-font-size: var(--u-common-button-small-font-size, .875rem);\n    --_medium-font-size: var(--u-common-button-medium-font-size, 1rem);\n    --_large-font-size: var(--u-common-button-large-font-size, 1.5rem);\n    --_extra-large-font-size: var(--u-common-button-extra-large-font-size, 2rem);\n    --_extra-small-font-weight: var(--u-common-button-extra-small-font-weight, var(--u-font-weight-medium, 500));\n    --_small-font-weight: var(--u-common-button-small-font-weight, var(--u-font-weight-medium, 500));\n    --_medium-font-weight: var(--u-common-button-medium-font-weight, var(--u-font-weight-medium, 500));\n    --_large-font-weight: var(--u-common-button-large-font-weight, var(--u-font-weight-regular, 400));\n    --_extra-large-font-weight: var(--u-common-button-extra-large-font-weight, var(--u-font-weight-regular, 400));\n    --_extra-small-size: var(--u-common-button-extra-small-height, 32px);\n    --_small-size: var(--u-common-button-small-height, 40px);\n    --_medium-size: var(--u-common-button-medium-height, 56px);\n    --_large-size: var(--u-common-button-large-height, 96px);\n    --_extra-large-size: var(--u-common-button-extra-large-height, 136px);\n    --_extra-small-icon-size: var(--u-icon-button-extra-small-icon-size, 1.25rem);\n    --_small-icon-size: var(--u-icon-button-small-icon-size, 1.25rem);\n    --_medium-icon-size: var(--u-icon-button-medium-icon-size, 1.5rem);\n    --_large-icon-size: var(--u-icon-button-large-icon-size, 2rem);\n    --_extra-large-icon-size: var(--u-icon-button-extra-large-icon-size, 2.5rem);\n    --_extra-small-icon-margin: var(--u-icon-button-extra-small-icon-margin, 8px);\n    --_small-icon-margin: var(--u-icon-button-small-icon-margin, 8px);\n    --_medium-icon-margin: var(--u-icon-button-medium-icon-margin, 8px);\n    --_large-icon-margin: var(--u-icon-button-large-icon-margin, 12px);\n    --_extra-large-icon-margin: var(--u-icon-button-extra-large-icon-margin, 16px);\n    --_extra-small-padding: var(--u-common-button-extra-small-padding, 12px);\n    --_small-padding: var(--u-common-button-small-padding, 16px);\n    --_medium-padding: var(--u-common-button-medium-padding, 24px);\n    --_large-padding: var(--u-common-button-large-padding, 48px);\n    --_extra-large-padding: var(--u-common-button-extra-large-padding, 64px);\n    --_extra-small-square-shape-corner: var(--u-common-button-extra-small-square-shape-corner, 12px);\n    --_small-square-shape-corner: var(--u-common-button-small-square-shape-corner, 12px);\n    --_medium-square-shape-corner: var(--u-common-button-medium-square-shape-corner, 16px);\n    --_large-square-shape-corner: var(--u-common-button-large-square-shape-corner, 28px);\n    --_extra-large-square-shape-corner: var(--u-common-button-extra-large-square-shape-corner, 28px);\n    --_extra-small-pressed-shape-corner: var(--u-common-button-extra-small-pressed-shape-corner, 8px);\n    --_small-pressed-shape-corner: var(--u-common-button-small-pressed-shape-corner, 8px);\n    --_medium-pressed-shape-corner: var(--u-common-button-medium-pressed-shape-corner, 12px);\n    --_large-pressed-shape-corner: var(--u-common-button-large-pressed-shape-corner, 16px);\n    --_extra-large-pressed-shape-corner: var(--u-common-button-extra-large-pressed-shape-corner, 16px);\n    --_font-size: var(--_small-font-size);\n    --_font-weight: var(--_small-font-weight);\n    --_padding: var(--_small-padding);\n    --_icon-margin: var(--_small-icon-margin);\n    --_round-shape-corner: var(--u-common-button-round-shape-corner, calc(var(--_size) / 2));\n  }\n\n  .extra-small {\n    --_font-size: var(--_extra-small-font-size);\n    --_font-weight: var(--_extra-small-font-weight);\n    --_padding: var(--_extra-small-padding);\n    --_icon-margin: var(--_extra-small-icon-margin);\n  }\n\n  .medium {\n    --_font-size: var(--_medium-font-size);\n    --_font-weight: var(--_medium-font-weight);\n    --_padding: var(--_medium-padding);\n    --_icon-margin: var(--_medium-icon-margin);\n  }\n\n  .large {\n    --_font-size: var(--_large-font-size);\n    --_font-weight: var(--_large-font-weight);\n    --_padding: var(--_large-padding);\n    --_icon-margin: var(--_large-icon-margin);\n  }\n\n  .extra-large {\n    --_font-size: var(--_extra-large-font-size);\n    --_font-weight: var(--_extra-large-font-weight);\n    --_padding: var(--_extra-large-padding);\n    --_icon-margin: var(--_extra-large-icon-margin);\n  }\n\n  .container {\n    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    font-size: var(--_font-size);\n    font-weight: var(--_font-weight);\n    padding-inline: var(--_padding);\n    box-sizing: border-box;\n  }\n\n  .filled.primary, .filled.primary.selected {\n    background-color: var(--u-filled-button-primary-container-color, var(--u-color-primary, rgb(103, 80, 164)));\n    color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n  .filled.secondary, .filled.secondary.selected {\n    background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n    color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n  }\n  .filled.tertiary, .filled.tertiary.selected {\n    background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n    color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n  }\n  .filled.error, .filled.error.selected {\n    background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n    color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n  }\n  .filled.toggle {\n    background-color: var(--u-filled-button-container-unselected-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n    color: var(--u-filled-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .tonal {\n    background-color: var(--u-tonal-button-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n  }\n  .tonal.selected {\n    background-color: var(--u-tonal-button-container-selected-color, var(--u-color-secondary, rgb(98, 91, 113)));\n    color: var(--u-tonal-button-text-selected-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n  }\n\n  .elevated {\n    background-color: var(--u-elevated-button-container-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n    color: var(--u-elevated-button-text-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n  .elevated.selected {\n    background-color: var(--u-elevated-button-container-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n    color: var(--u-elevated-button-text-selected-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n\n  @media (hover: hover) {\n    .filled:hover:not(:focus-within):not(:active),\n    .tonal:hover:not(:focus-within):not(:active) {\n      --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n    }\n  }\n  .text {\n    color: var(--u-text-button-text-color, var(--_color-primary));\n  }\n\n  .outlined {\n    color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary)));\n    border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n  }\n  .outlined.selected {\n    background-color: var(--u-outlined-button-container-selected-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n    color: var(--u-outlined-button-text-selected-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n  }\n  .outlined.disabled {\n    border-color: var(--u-outlined-button-disabled-border-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-outlined-button-disabled-border-opacity, 12%), transparent)) !important;\n  }\n  .outlined.disabled:not(.selected) {\n    background-color: transparent !important;\n  }\n\n  .elevated {\n    --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n    color: var(--u-elevated-button-text-color, var(--_color-primary));\n  }\n  @media (hover: hover) {\n    .elevated:hover {\n      --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n    }\n  }\n\n  .container:not(.has-icon) .icon-container {\n    display: none;\n  }\n\n  .content {\n    gap: var(--_icon-margin);\n  }\n\n  .icon {\n    font-size: var(--_icon-size);\n  }\n\n  .trailing-icon .content {\n    flex-direction: row-reverse;\n  }\n\n  #label {\n    display: inline-block;\n  }\n\n  .label {\n    display: inline-block;\n    inset-inline-start: 0;\n    transition-duration: calc(var(--_morph-duration) * 0.7);\n  }\n\n  .label-container {\n    position: relative;\n  }\n  .label-container.animate {\n    transition: width var(--_morph-duration) linear;\n  }\n\n  .label-default {\n    opacity: 1;\n    transition-delay: calc(var(--_morph-duration) / 2);\n  }\n\n  .label-selected {\n    position: absolute;\n    opacity: 0;\n    transition-delay: 0ms;\n  }\n\n  .selected.has-selection-label .label-default {\n    position: absolute;\n    opacity: 0;\n    transition-delay: 0ms;\n  }\n  .selected.has-selection-label .label-selected {\n    position: static;\n    opacity: 1;\n    transition-delay: calc(var(--_morph-duration) / 2);\n  }\n`;\n"]}

package/button/fab-menu-color-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-color-context.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-color-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,mBAAmB;;CAA2D,CAAC"}

package/button/fab-menu-color-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-color-context.js","sourceRoot":"","sources":["../../src/button/fab-menu-color-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAa,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nimport { UmFabColor } from './fab.js';\n\nexport const fabMenuColorContext = createContext<UmFabColor>(Symbol('fabMenuColorContext'));\n"]}

package/button/fab-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-item.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,qBACa,aAAc,SAAQ,YAAY;;IAE7C,OAAgB,MAAM,iCAAiC;IAKvD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;IAIrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IAErC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,OAAO,CAAC,QAAQ,CAAS;IAElC,IACI,MAAM,WAET;IAED,IAAI,MAAM,CAAC,KAAK,QAAA,EAGf;cAEkB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAS/C,cAAc,IAAI,kBAAkB;CAaxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/button/fab-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-item.js","sourceRoot":"","sources":["../../src/button/fab-menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIzD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,YAAY;IAAxC;;QAGL,WAAM,GAAG,CAAC,CAAC;QAUX;;WAEG;QACS,UAAK,GAAkB,IAAI,CAAC;QAEvB,aAAQ,GAAG,KAAK,CAAC;IAkCpC,CAAC;aAlDiB,WAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhC,CAAiC;IACvD,MAAM,CAAK;IAkBX,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3E,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,IAAI,EAAE,IAAI,CAAC,SAAS;YACpB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI;YACnB,UAAU,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;;4BAGa,IAAI,CAAC,qBAAqB;;4BAE1B,IAAI,CAAC,KAAK;KACjC,CAAC;IACJ,CAAC;IAED,qBAAqB,CAAC,CAAQ;QAC5B,IAAI,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/F,CAAC;;AA5CgB;IAFhB,OAAO,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC1D,KAAK,EAAE;6CAC6B;AAIpB;IAFhB,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACzD,KAAK,EAAE;gDAC6B;AAKzB;IAAX,QAAQ,EAAE;4CAA6B;AAEvB;IAAhB,KAAK,EAAE;+CAA0B;AAGlC;IADC,KAAK,EAAE;2CAGP;AAvBU,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAoDzB","sourcesContent":["import { consume } from '@lit/context';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { UmButtonBase } from './button-base.js';\nimport { fabMenuColorContext } from './fab-menu-color-context.js';\nimport { styles } from './fab-menu-item.styles.js';\nimport { fabMenuOpenContext } from './fab-menu-open-context.js';\nimport { UmFabColor } from './fab.js';\n\n@customElement('u-fab-menu-item')\nexport class UmFabMenuItem extends UmButtonBase {\n\n  static override styles = [UmButtonBase.styles, styles];\n  #index = 0;\n\n  @consume({ context: fabMenuColorContext, subscribe: true })\n  @state()\n  private readonly _color!: UmFabColor;\n\n  @consume({ context: fabMenuOpenContext, subscribe: true })\n  @state()\n  private readonly _menuOpen!: boolean;\n\n  /**\n   * The text to display the FAB menu item.\n   */\n  @property() label: string | null = null;\n\n  @state() private _hasIcon = false;\n\n  @state()\n  get _index() {\n    return this.#index;\n  }\n\n  set _index(value) {\n    this.#index = value;\n    this.style.setProperty('--_animation-delay-increment', value.toString());\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      open: this._menuOpen,\n      [this._color]: true,\n      'has-icon': this._hasIcon,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <span class=\"clipper\"></span>\n      <span class=\"icon\" aria-hidden=\"true\">\n        <slot @slotchange=${this.#handleIconSlotChange}></slot>\n      </span>\n      <span class=\"label\">${this.label}</span>\n    `;\n  }\n\n  #handleIconSlotChange(e: Event) {\n    this._hasIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-fab-menu-item': UmFabMenuItem;\n  }\n}\n"]}

package/button/fab-menu-item.styles.d.ts.map

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

package/button/fab-menu-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-item.styles.js","sourceRoot":"","sources":["../../src/button/fab-menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    --_animation-duration: 225ms;\n    --_height: var(--u-fab-menu-item-height, 56px);\n    height: var(--_height);\n    border-radius: calc(var(--_height) / 2);\n    padding-inline: var(--u-fab-menu-item-padding, 24px);\n    opacity: 0;\n    transition: opacity var(--_animation-duration) linear;\n  }\n  .container:not(.has-icon) .icon {\n    display: none;\n  }\n\n  .icon {\n    font-size: var(--u-fab-icon-size, 1.5rem);\n    margin-inline-end: var(--u-fab-menu-item-icon-margin, 8px);\n  }\n\n  .label {\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-fab-menu-item-label-line-height, var(--u-title-m-line-height, 1.5rem));\n    font-size: var(--u-fab-menu-item-label-font-size, var(--u-title-m-font-size, 1rem));\n    letter-spacing: var(--u-fab-menu-item-label-letter-spacing, var(--u-title-m-letter-spacing, 0.009375rem));\n    font-weight: var(--u-fab-menu-item-label-font-weight, var(--u-title-m-font-weight, var(--u-font-weight-medium, 500)));\n  }\n\n  .primary {\n    background-color: var(--u-fab-menu-item-primary-container-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n    color: var(--u-fab-menu-item-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n  }\n\n  .secondary {\n    background-color: var(--u-fab-menu-item-secondary-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    color: var(--u-fab-menu-item-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n  }\n\n  .tertiary {\n    background-color: var(--u-fab-menu-item-tertiary-container-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n    color: var(--u-fab-menu-item-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n  }\n\n  .clipper {\n    animation: clip-out var(--_animation-duration) forwards linear;\n  }\n\n  .open {\n    opacity: 1;\n    transition-delay: calc(75ms * var(--_animation-delay-increment, 0));\n  }\n  .open .clipper {\n    animation-name: clip-in;\n  }\n  .open .clipper {\n    animation-delay: calc(75ms * var(--_animation-delay-increment, 0));\n  }\n\n  @keyframes clip-in {\n    0% {\n      margin-inline-start: -32px;\n    }\n    25% {\n      margin-inline-start: -8px;\n    }\n    50% {\n      margin-inline-start: 16px;\n    }\n    100% {\n      margin-inline-start: 0;\n    }\n  }\n  @keyframes clip-out {\n    0% {\n      margin-inline-start: 0;\n    }\n    100% {\n      margin-inline-start: -32px;\n    }\n  }\n`;\n"]}

package/button/fab-menu-open-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-open-context.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-open-context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;CAAuD,CAAC"}

package/button/fab-menu-open-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-open-context.js","sourceRoot":"","sources":["../../src/button/fab-menu-open-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAU,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nexport const fabMenuOpenContext = createContext<boolean>(Symbol('fabMenuOpenContext'));\n"]}

package/button/fab-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQ3D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEjD,qBACa,SAAU,SAAQ,UAAU;;IAEvC,OAAgB,MAAM,4BAAY;IAElC;;OAEG;IAGH,KAAK,EAAE,UAAU,CAAa;IAE9B;;OAEG;IACS,IAAI,EAAE,SAAS,CAAY;IAEvC;;OAEG;IACyC,OAAO,UAAS;IAI5D,IAAI,UAAS;cAEM,MAAM,IAAI,kBAAkB;CAmDhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/button/fab-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu.js","sourceRoot":"","sources":["../../src/button/fab-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIvC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIL;;WAEG;QAGH,UAAK,GAAe,SAAS,CAAC;QAE9B;;WAEG;QACS,SAAI,GAAc,QAAQ,CAAC;QAEvC;;WAEG;QACyC,YAAO,GAAG,KAAK,CAAC;QAI5D,SAAI,GAAG,KAAK,CAAC;IAqDf,CAAC;aA1EiB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAuBf,MAAM;QACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;8BACe,gBAAgB;;8BAEhB,IAAI,CAAC,0BAA0B;;gDAEb,IAAI,CAAC,IAAI;;;qBAGpC,IAAI,CAAC,KAAK;uBACR,IAAI,CAAC,OAAO;oBACf,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;qBAC/B,IAAI,CAAC,OAAO;;;;;;;;;;;;;;;;;KAiB5B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,0BAA0B,CAAC,KAAY;QACrC,MAAM,QAAQ,GAAI,KAAK,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvF,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,KAAK,MAAM,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACjF,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;YACvB,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC;;AAlED;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;IACzC,QAAQ,EAAE;wCACmB;AAKlB;IAAX,QAAQ,EAAE;uCAA4B;AAKK;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAiB;AAI5D;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IACxC,KAAK,EAAE;uCACK;AAvBF,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA4ErB","sourcesContent":["import { provide } from '@lit/context';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { fabMenuColorContext } from './fab-menu-color-context.js';\nimport { UmFabMenuItem } from './fab-menu-item.js';\nimport { fabMenuOpenContext } from './fab-menu-open-context.js';\nimport { styles } from './fab-menu.styles.js';\nimport { UmFabColor, UmFabSize } from './fab.js';\n\n@customElement('u-fab-menu')\nexport class UmFabMenu extends LitElement {\n\n  static override styles = [styles];\n\n  /**\n   * The FAB color variant to render.\n   */\n  @provide({ context: fabMenuColorContext })\n  @property()\n  color: UmFabColor = 'primary';\n\n  /**\n   * The size of the FAB.\n   */\n  @property() size: UmFabSize = 'medium';\n\n  /**\n   * Lowers the FAB's elevation.\n   */\n  @property({ type: Boolean, reflect: true }) lowered = false;\n\n  @provide({ context: fabMenuOpenContext })\n  @state()\n  open = false;\n\n  protected override render(): HTMLTemplateResult {\n    const containerClasses = classMap({\n      open: this.open,\n      [this.color]: true,\n    });\n\n    return html`\n      <div class=\"container ${containerClasses}\">\n        <div class=\"menu-items\">\n          <slot @slotchange=${this.#handleIconItemsSlotChange}></slot>\n        </div>\n        <u-fab class=\"toggle-container\" .size=${this.size}>\n          <u-fab \n            class=\"toggle\"\n            .color=${this.color}\n            .lowered=${this.lowered}\n            .size=${this.open ? 'medium' : this.size}\n            @click=${this.#toggle}>\n            <span class=\"icon-container\" aria-hidden=\"true\">\n              <span class=\"icon icon-default\">\n                <slot name=\"icon\"></slot>\n              </span>\n              <span class=\"icon icon-close\">\n                <slot name=\"close-icon\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n                    <path\n                      d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\" />\n                  </svg>\n                </slot>\n              </span>\n            </span>\n          </u-fab>\n        </u-fab>\n      </div>\n    `;\n  }\n\n  #toggle(): void {\n    this.open = !this.open;\n  }\n\n  #handleIconItemsSlotChange(event: Event) {\n    const elements = (event.target as HTMLSlotElement).assignedElements({ flatten: true });\n\n    let index = 0;\n\n    for (const element of elements.filter(e => e instanceof UmFabMenuItem).reverse()) {\n      element._index = index;\n      index++;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-fab-menu': UmFabMenu;\n  }\n}\n"]}

package/button/fab-menu.styles.d.ts.map

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

package/button/fab-menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu.styles.js","sourceRoot":"","sources":["../../src/button/fab-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_fab-menu-morph-duration: var(--u-fab-menu-morph-duration, 175ms);\n    --u-button-morph-duration: var(--_fab-menu-morph-duration);\n    display: inline-block;\n    pointer-events: none;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n  }\n\n  .menu-items {\n    display: flex;\n    align-items: flex-end;\n    flex-direction: column;\n    gap: var(--u-fab-menu-item-margin, 4px);\n    pointer-events: none;\n  }\n\n  .toggle-container {\n    position: relative;\n  }\n  .toggle-container * {\n    pointer-events: auto;\n  }\n  .toggle-container::part(container) {\n    --u-elevation-level: 0 !important;\n    background: transparent !important;\n  }\n\n  .toggle {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    margin-top: var(--u-fab-menu-toggle-margin, 8px);\n  }\n  .toggle::part(container) {\n    transition: width var(--_fab-menu-morph-duration), height var(--_fab-menu-morph-duration), background-color var(--_fab-menu-morph-duration) linear, border-radius var(--_fab-menu-morph-duration) linear, color var(--_fab-menu-morph-duration) linear;\n  }\n\n  .icon-container {\n    position: relative;\n    height: 1px;\n  }\n\n  .icon {\n    --_scale: 1;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transform: translate3d(-50%, -50%, 0) scale(var(--_scale));\n    transition: opacity, transform;\n    transition-duration: calc(var(--_fab-menu-morph-duration) * 0.75);\n  }\n\n  .icon-default {\n    --_scale: 1;\n    opacity: 1;\n    transition-delay: calc(var(--_fab-menu-morph-duration) * 0.5);\n  }\n\n  .icon-close {\n    --_scale: .5;\n    opacity: 0;\n    transition-delay: 0ms;\n  }\n\n  .open .menu-items {\n    display: flex;\n    pointer-events: auto;\n  }\n  .open .toggle::part(container) {\n    border-radius: 50%;\n  }\n  .open .icon-default {\n    --_scale: .5;\n    opacity: 0;\n    transition-delay: 0ms;\n  }\n  .open .icon-close {\n    --_scale: 1;\n    opacity: 1;\n    transition-delay: calc(var(--_fab-menu-morph-duration) * 0.5);\n  }\n  .open.primary {\n    --u-fab-primary-container-color: var(--u-fab-menu-toggle-primary-container-color, var(--u-color-primary, rgb(103, 80, 164)));\n    --u-fab-primary-text-color: var(--u-fab-menu-toggle-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n  .open.secondary {\n    --u-fab-secondary-container-color: var(--u-fab-menu-toggle-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n    --u-fab-secondary-text-color: var(--u-fab-menu-toggle-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n  }\n  .open.tertiary {\n    --u-fab-tertiary-container-color: var(--u-fab-menu-toggle-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n    --u-fab-tertiary-text-color: var(--u-fab-menu-toggle-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n\n  ::slotted(u-fab-menu-item) {\n    --_animation-delay: $i * 50ms;\n  }\n`;\n"]}

package/button/fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,qBACa,KAAM,SAAQ,YAAY;IAErC,OAAgB,MAAM,iCAAiC;IAEvD;;OAEG;IACS,KAAK,EAAE,UAAU,CAAa;IAE1C;;OAEG;IACS,IAAI,EAAE,SAAS,CAAY;IAEvC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC;;OAEG;IACyC,OAAO,UAAS;IAE5D,IAAI,QAAQ,IAAI,OAAO,CAEtB;cAEkB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAU/C,cAAc,IAAI,kBAAkB;CAQxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,OAAO,EAAE,KAAK,CAAC;KAChB;CACF"}

package/button/fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAMlC,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,YAAY;IAAhC;;QAIL;;WAEG;QACS,UAAK,GAAe,SAAS,CAAC;QAE1C;;WAEG;QACS,SAAI,GAAc,QAAQ,CAAC;QAEvC;;WAEG;QACS,UAAK,GAAkB,IAAI,CAAC;QAExC;;WAEG;QACyC,YAAO,GAAG,KAAK,CAAC;IAwB9D,CAAC;aA5CiB,WAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhC,CAAiC;IAsBvD,IAAI,QAAQ;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAA,SAAS,IAAI,CAAC,KAAK,SAAS,CAAC;QAElD,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;KAClC,CAAC;IACJ,CAAC;;AAtCW;IAAX,QAAQ,EAAE;oCAA+B;AAK9B;IAAX,QAAQ,EAAE;mCAA4B;AAK3B;IAAX,QAAQ,EAAE;oCAA6B;AAKI;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAiB;AAtBjD,KAAK;IADjB,aAAa,CAAC,OAAO,CAAC;GACV,KAAK,CA8CjB","sourcesContent":["import { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmButtonBase } from './button-base.js';\nimport { styles } from './fab.styles.js';\n\nexport type UmFabColor = 'primary' | 'secondary' | 'tertiary' | 'surface' | 'branded';\nexport type UmFabSize = 'small' | 'medium' | 'large';\n\n@customElement('u-fab')\nexport class UmFab extends UmButtonBase {\n\n  static override styles = [UmButtonBase.styles, styles];\n\n  /**\n   * The FAB color variant to render.\n   */\n  @property() color: UmFabColor = 'primary';\n\n  /**\n   * The size of the FAB.\n   */\n  @property() size: UmFabSize = 'medium';\n\n  /**\n   * The text to display the FAB.\n   */\n  @property() label: string | null = null;\n\n  /**\n   * Lowers the FAB's elevation.\n   */\n  @property({ type: Boolean, reflect: true }) lowered = false;\n\n  get extended(): boolean {\n    return !!this.label;\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      [this.color]: true,\n      [this.size]: true,\n      lowered: this.lowered,\n      extended: this.extended,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    const labelTag = html`<span>${this.label}</span>`;\n\n    return html`\n      <span class=\"icon\" aria-hidden=\"true\"><slot></slot></span>\n      ${this.label ? labelTag : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-fab': UmFab;\n  }\n}\n"]}

package/button/fab.styles.d.ts.map

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

package/button/fab.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.styles.js","sourceRoot":"","sources":["../../src/button/fab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    --u-elevation-level: var(--u-fab-elevation-level, 3);\n    aspect-ratio: 1;\n  }\n  @media (hover: hover) {\n    .container:hover:not(:focus-within):not(:active) {\n      --u-elevation-level: var(--u-fab-hover-elevation-level, 4);\n    }\n  }\n\n  .lowered {\n    --u-elevation-level: var(--u-fab-elevation-level, 1);\n  }\n  @media (hover: hover) {\n    .lowered:hover:not(:focus-within):not(:active) {\n      --u-elevation-level: var(--u-fab-elevation-level, 2);\n    }\n  }\n\n  .small {\n    width: var(--u-fab-small-size, 40px);\n    border-radius: var(--u-fab-small-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  .large {\n    width: var(--u-fab-large-size, 96px);\n    border-radius: var(--u-fab-large-shape-corner, var(--u-shape-corner-extra-large, 28px));\n  }\n  .large .icon {\n    font-size: var(--u-fab-large-icon-size, 2rem);\n  }\n\n  .extended,\n  .medium {\n    width: var(--u-fab-medium-size, 56px);\n    border-radius: var(--u-fab-medium-shape-corner, var(--u-shape-corner-large, 16px));\n  }\n\n  .extended .icon,\n  .small .icon,\n  .medium .icon {\n    font-size: var(--u-fab-icon-size, 1.5rem);\n  }\n\n  .extended {\n    width: auto;\n    height: var(--u-extended-fab-height, 56px);\n    aspect-ratio: auto;\n    min-width: var(--u-extended-fab-min-width, 80px);\n    padding-inline: var(--u-extended-fab-padding, 16px 24px);\n  }\n  .extended .icon {\n    margin-inline-end: var(--u-extended-fab-icon-margin, 12px);\n  }\n\n  .primary {\n    background-color: var(--u-fab-primary-container-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n    color: var(--u-fab-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n  }\n\n  .secondary {\n    background-color: var(--u-fab-secondary-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    color: var(--u-fab-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n  }\n\n  .tertiary {\n    background-color: var(--u-fab-tertiary-container-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n    color: var(--u-fab-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n  }\n\n  .branded,\n  .surface {\n    background-color: var(--u-fab-surface-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n    color: var(--u-fab-surface-text-color, var(--_color-primary));\n  }\n  .branded.lowered,\n  .surface.lowered {\n    background-color: var(--u-fab-surface-container-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n  }\n`;\n"]}

package/button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,qBACa,YAAa,SAAQ,cAAc;IAE9C,OAAgB,MAAM,iCAAmC;IAE7C,OAAO,EAAE,mBAAmB,CAAc;IAC1C,KAAK,EAAE,iBAAiB,CAAa;cAE9B,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;CAaxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/button/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAM7C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,cAAc;IAAzC;;QAIO,YAAO,GAAwB,UAAU,CAAC;QAC1C,UAAK,GAAsB,SAAS,CAAC;IAuBnD,CAAC;aA1BiB,WAAM,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,AAAlC,CAAmC;IAKtC,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;YACpB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAC;IACJ,CAAC;IAEkB,cAAc;QAE/B,OAAO,IAAI,CAAA;;;;;;+CAMgC,IAAI,CAAC,6BAA6B;;;KAG5E,CAAC;IACJ,CAAC;;AAvBW;IAAX,QAAQ,EAAE;6CAA2C;AAC1C;IAAX,QAAQ,EAAE;2CAAsC;AALtC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA4BxB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './icon-button.styles.js';\nimport { UmToggleButton } from './toggle-button.js';\n\nexport type UmIconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';\nexport type UmIconButtonWidth = 'default' | 'narrow' | 'wide';\n\n@customElement('u-icon-button')\nexport class UmIconButton extends UmToggleButton {\n\n  static override styles = [UmToggleButton.styles, styles];\n\n  @property() variant: UmIconButtonVariant = 'standard';\n  @property() width: UmIconButtonWidth = 'default';\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      [this.variant]: true,\n      [this.width]: true,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n\n    return html`\n      <span class=\"icon-container\" aria-hidden=\"true\">\n        <span class=\"icon icon-default\">\n          <slot></slot>\n        </span>\n        <span class=\"icon icon-selected\">\n          <slot name=\"selected\" @slotchange=\"${this._handleSelectedIconSlotChange}\"></slot>\n        </span>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-icon-button': UmIconButton;\n  }\n}\n"]}

package/button/icon-button.styles.d.ts.map

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

package/button/icon-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../src/button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_round-shape-corner: var(--u-icon-button-round-shape-corner, calc(var(--_size) / 2));\n    --_square-shape-corner: var(--u-icon-button-square-shape-corner, 12px);\n    --_extra-small-size: var(--u-icon-button-extra-small-size, 32px);\n    --_small-size: var(--u-icon-button-small-size, 40px);\n    --_medium-size: var(--u-icon-button-medium-size, 56px);\n    --_large-size: var(--u-icon-button-large-size, 96px);\n    --_extra-large-size: var(--u-icon-button-extra-large-size, 136px);\n    --_extra-small-narrow-width: var(--u-icon-button-extra-small-narrow-width, 28px);\n    --_small-narrow-width: var(--u-icon-button-small-narrow-width, 32px);\n    --_medium-narrow-width: var(--u-icon-button-medium-narrow-width, 48px);\n    --_large-narrow-width: var(--u-icon-button-large-narrow-width, 64px);\n    --_extra-large-narrow-width: var(--u-icon-button-extra-large-narrow-width, 104px);\n    --_extra-small-wide-width: var(--u-icon-button-extra-small-wide-width, 40px);\n    --_small-wide-width: var(--u-icon-button-small-wide-width, 52px);\n    --_medium-wide-width: var(--u-icon-button-medium-wide-width, 72px);\n    --_large-wide-width: var(--u-icon-button-large-wide-width, 128px);\n    --_extra-large-wide-width: var(--u-icon-button-extra-large-wide-width, 184px);\n    --_extra-small-icon-size: var(--u-icon-button-extra-small-icon-size, 1.25rem);\n    --_small-icon-size: var(--u-icon-button-small-icon-size, 1.5rem);\n    --_medium-icon-size: var(--u-icon-button-medium-icon-size, 1.5rem);\n    --_large-icon-size: var(--u-icon-button-large-icon-size, 2rem);\n    --_extra-large-icon-size: var(--u-icon-button-extra-large-icon-size, 2.5rem);\n    --_extra-small-square-shape-corner: var(--u-icon-button-extra-small-square-shape-corner, 12px);\n    --_small-square-shape-corner: var(--u-icon-button-small-square-shape-corner, 12px);\n    --_medium-square-shape-corner: var(--u-icon-button-medium-square-shape-corner, 16px);\n    --_large-square-shape-corner: var(--u-icon-button-large-square-shape-corner, 28px);\n    --_extra-large-square-shape-corner: var(--u-icon-button-extra-large-square-shape-corner, 28px);\n    --_extra-small-pressed-shape-corner: var(--u-icon-button-extra-small-pressed-shape-corner, 8px);\n    --_small-pressed-shape-corner: var(--u-icon-button-small-pressed-shape-corner, 8px);\n    --_medium-pressed-shape-corner: var(--u-icon-button-medium-pressed-shape-corner, 12px);\n    --_large-pressed-shape-corner: var(--u-icon-button-large-pressed-shape-corner, 16px);\n    --_extra-large-pressed-shape-corner: var(--u-icon-button-extra-large-pressed-shape-corner, 16px);\n    --_narrow-width: var(--_small-narrow-width);\n    --_wide-width: var(--_small-wide-width);\n  }\n\n  .container {\n    width: var(--_size);\n    height: var(--_size);\n    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  }\n\n  .extra-small {\n    --_narrow-width: var(--_extra-small-narrow-width);\n    --_wide-width: var(--_extra-small-wide-width);\n  }\n\n  .medium {\n    --_narrow-width: var(--_medium-narrow-width);\n    --_wide-width: var(--_medium-wide-width);\n  }\n\n  .large {\n    --_narrow-width: var(--_large-narrow-width);\n    --_wide-width: var(--_large-wide-width);\n  }\n\n  .extra-large {\n    --_narrow-width: var(--_extra-large-narrow-width);\n    --_wide-width: var(--_extra-large-wide-width);\n  }\n\n  .narrow {\n    width: var(--_narrow-width);\n  }\n\n  .wide {\n    width: var(--_wide-width);\n  }\n\n  .filled, .filled.selected {\n    background-color: var(--u-filled-icon-button-container-color, var(--u-color-primary, rgb(103, 80, 164)));\n    color: var(--u-filled-icon-button-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n  .filled.toggle {\n    background-color: var(--u-filled-icon-button-unselected-container-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n    color: var(--u-filled-icon-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .tonal {\n    background-color: var(--u-total-icon-button-unselected-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    color: var(--u-tonal-icon-button-unselected-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n  }\n  .tonal.selected {\n    background-color: var(--u-tonal-icon-button-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n    color: var(--u-tonal-icon-button-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n  }\n\n  .standard {\n    color: var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n  .standard.selected {\n    color: var(--u-standard-icon-button-selected-text-color, var(--u-color-primary, rgb(103, 80, 164)));\n    background-color: var(--u-standard-icon-button-selected-container-color, transparent);\n  }\n\n  .outlined {\n    color: var(--u-outlined-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n  .outlined, .outlined.selected.disabled {\n    border: 1px solid var(--u-color-outline-variant, rgb(202, 196, 208));\n  }\n  .outlined.selected {\n    border: none;\n    background-color: var(--u-outlined-icon-button-selected-container-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n    color: var(--u-outlined-icon-button-selected-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n  }\n  .outlined.disabled {\n    color: var(--u-outlined-icon-button-disabled-icon-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-outlined-icon-button-disabled-border-opacity, 10%), transparent)) !important;\n  }\n`;\n"]}

package/button/toggle-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAExF,8BAAsB,cAAe,SAAQ,YAAY;IAEvD,OAAgB,MAAM,EAAE,cAAc,CAAiC;IAEvE;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACoE,WAAW,UAAS;IAE3F;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IAC0B,KAAK,EAAE,aAAa,CAAW;IAE5D;;OAEG;IAC0B,IAAI,EAAE,YAAY,CAAW;IAE1D;;OAEG;IAC6C,iBAAiB,SAAM;IAE9D,iBAAiB,UAAS;cAEhB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAY/C,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAW5C,YAAY,IAAI,MAAM,GAAG,IAAI;IAMtC,SAAS,CAAC,6BAA6B,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;CAGxD"}

package/button/toggle-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKnD,MAAM,OAAgB,cAAe,SAAQ,YAAY;IAAzD;;QAIE;;;WAGG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACoE,gBAAW,GAAG,KAAK,CAAC;QAE3F;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAE7D;;WAEG;QAC0B,UAAK,GAAkB,OAAO,CAAC;QAE5D;;WAEG;QAC0B,SAAI,GAAiB,OAAO,CAAC;QAE1D;;WAEG;QAC6C,sBAAiB,GAAG,EAAE,CAAC;QAE9D,sBAAiB,GAAG,KAAK,CAAC;IAkCrC,CAAC;aAnEiB,WAAM,GAAmB,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhD,CAAiD;IAmCpD,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,cAAc,EAAE,IAAI,CAAC,WAAW;YAChC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB;SACzC,CAAC;IACJ,CAAC;IAEkB,YAAY,CAAC,KAAc;QAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAEQ,YAAY;QACnB,OAAO,IAAI,CAAC,QAAQ;YAClB,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,CAAC,YAAY,EAAE;YAChD,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3B,CAAC;IAES,6BAA6B,CAAC,CAAQ;QAC9C,IAAI,CAAC,iBAAiB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACxG,CAAC;;AA5D2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAgB;AAKY;IAAtE,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAqB;AAK/C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAkB;AAKhC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAgC;AAK/B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAA8B;AAKV;IAA/C,QAAQ,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;yDAAwB;AAE9D;IAAR,KAAK,EAAE;yDAA2B","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { property, state } from 'lit/decorators.js';\n\nimport { UmButtonBase } from './button-base.js';\nimport { styles } from './toggle-button.styles.js';\n\nexport type UmButtonShape = 'round' | 'square';\nexport type UmButtonSize = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n\nexport abstract class UmToggleButton extends UmButtonBase {\n\n  static override styles: CSSResultGroup = [UmButtonBase.styles, styles];\n\n  /**\n   * When true, the button will toggle between selected and unselected\n   * states\n   */\n  @property({ type: Boolean, reflect: true }) toggle = false;\n\n  /**\n   * When true, the button will toggle between round and square shapes\n   */\n  @property({ attribute: 'toggle-shape', type: Boolean, reflect: true }) toggleShape = false;\n\n  /**\n   * Sets the selected state\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Sets the shape of the button\n   */\n  @property({ reflect: true }) shape: UmButtonShape = 'round';\n\n  /**\n   * Sets the size of the button\n   */\n  @property({ reflect: true }) size: UmButtonSize = 'small';\n\n  /**\n   * The `aria-label` of the button when the button is toggleable and selected.\n   */\n  @property({ attribute: 'aria-label-selected' }) ariaLabelSelected = '';\n\n  @state() _hasSelectionIcon = false;\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      [this.shape]: true,\n      [this.size]: true,\n      selected: this.selected,\n      toggle: this.toggle,\n      'toggle-shape': this.toggleShape,\n      'selection-icon': this._hasSelectionIcon,\n    };\n  }\n\n  protected override _handleClick(event: UIEvent): void {\n    super._handleClick(event);\n\n    if (!this.toggle) {\n      return;\n    }\n\n    this.selected = !this.selected;\n    this.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  override getAriaLabel(): string | null {\n    return this.selected\n      ? this.ariaLabelSelected || super.getAriaLabel()\n      : super.getAriaLabel();\n  }\n\n  protected _handleSelectedIconSlotChange(e: Event): void {\n    this._hasSelectionIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n}\n"]}

package/button/toggle-button.styles.d.ts.map

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

package/button/toggle-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../src/button/toggle-button.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    --_size: var(--_small-size);\n    --_square-shape-corner: var(--_small-square-shape-corner);\n    --_pressed-shape-corner: var(--_small-pressed-shape-corner);\n    --_icon-size: var(--_small-icon-size);\n  }\n\n  .extra-small {\n    --_size: var(--_extra-small-size);\n    --_icon-size: var(--_extra-small-icon-size);\n    --_square-shape-corner: var(--_extra-small-square-shape-corner);\n    --_pressed-shape-corner: var(--_extra-small-pressed-shape-corner);\n  }\n\n  .medium {\n    --_size: var(--_medium-size);\n    --_icon-size: var(--_medium-icon-size);\n    --_square-shape-corner: var(--_medium-square-shape-corner);\n    --_pressed-shape-corner: var(--_medium-pressed-shape-corner);\n  }\n\n  .large {\n    --_size: var(--_large-size);\n    --_icon-size: var(--_large-icon-size);\n    --_square-shape-corner: var(--_large-square-shape-corner);\n    --_pressed-shape-corner: var(--_large-pressed-shape-corner);\n  }\n\n  .extra-large {\n    --_size: var(--_extra-large-size);\n    --_icon-size: var(--_extra-large-icon-size);\n    --_square-shape-corner: var(--_extra-large-square-shape-corner);\n    --_pressed-shape-corner: var(--_extra-large-pressed-shape-corner);\n  }\n\n  .container {\n    height: var(--_size);\n  }\n\n  .round {\n    border-radius: var(--_round-shape-corner);\n  }\n\n  .square {\n    border-radius: var(--_square-shape-corner);\n  }\n\n  .selected.toggle-shape.round {\n    border-radius: var(--_square-shape-corner);\n  }\n  .selected.toggle-shape.square {\n    border-radius: var(--_round-shape-corner);\n  }\n\n  :host(:active) .toggle-shape:not(.disabled) {\n    border-radius: var(--_pressed-shape-corner);\n  }\n\n  .icon-container {\n    position: relative;\n    width: var(--_icon-size);\n    height: 1px;\n  }\n\n  .icon-default {\n    opacity: 1;\n  }\n\n  .icon-selected {\n    opacity: 0;\n    transition-delay: calc(var(--_morph-duration) / 2);\n  }\n\n  .selected.selection-icon .icon-default {\n    opacity: 0;\n    transition-delay: 0ms;\n  }\n  .selected.selection-icon .icon-selected {\n    opacity: 1;\n    transition-delay: calc(var(--_morph-duration) / 2);\n  }\n\n  .icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--_icon-size);\n    transform: translate3d(-50%, -50%, 0);\n    transition: opacity var(--_morph-duration) linear;\n  }\n`;\n"]}

package/button-field/button-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAG/E,qBACa,aAAc,SAAQ,eAAe;IAChD,OAAgB,MAAM,iCAAoC;IAE1D,SAAS,CAAC,MAAM,SAAM;IACtB,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAItB;IAEuB,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;cAEzB,aAAa,IAAI,cAAc;cAa/B,kBAAkB,IAAI,cAAc;CAOxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/button-field/button-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.js","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,eAAe;IAA3C;;QAGK,WAAM,GAAG,EAAE,CAAC;IAmCxB,CAAC;aArCiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAI1D,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAKkB,aAAa;QAC9B,OAAO,UAAU,CAAA;;;;;qBAKA,IAAI,CAAC,QAAQ;;gBAElB,IAAI,CAAC,KAAK;;4BAEE,IAAI,CAAC,QAAQ,cAAc,CAAC;IACtD,CAAC;IAEkB,kBAAkB;QACnC,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAhCD;IADC,QAAQ,EAAE;0CAGV;AAQuB;IAAvB,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC;8CAA6B;AAC7B;IAAtB,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC;6CAAsB;AAhBjC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAsCzB","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './button-field.styles.js';\n\n@customElement('u-button-field')\nexport class UmButtonField extends UmTextFieldBase {\n  static override styles = [UmTextFieldBase.styles, styles];\n\n  protected _value = '';\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    this._value = value;\n    this.empty = !value;\n    this.elementInternals.setFormValue(value);\n  }\n\n  @query('.button', true) _button!: HTMLButtonElement;\n  @query('.input', true) _input!: HTMLElement;\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`\n      <button \n         class=\"button\"\n         aria-expanded=\"false\"\n         aria-owns=\"select\"\n         ?disabled=${this.disabled}></button>\n      <div class=\"input\">\n        <slot>${this.value}</slot>\n      </div>\n      <u-ripple ?disabled=${this.disabled}></u-ripple>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu>\n        <slot></slot>\n      </u-menu>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-button-field': UmButtonField;\n  }\n}\n"]}

package/button-field/button-field.styles.d.ts.map

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

package/button-field/button-field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.styles.js","sourceRoot":"","sources":["../../src/button-field/button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;CAczB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host(:not([disabled])) .container {\n    cursor: pointer;\n  }\n\n  .button {\n    position: absolute;\n    inset: 0;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    appearance: none;\n  }\n`;\n"]}

package/calendar/calendar-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-adapter.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-adapter.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;CAC9B"}

package/calendar/calendar-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-adapter.js","sourceRoot":"","sources":["../../src/calendar/calendar-adapter.ts"],"names":[],"mappings":"","sourcesContent":["export interface CalendarAdapter {\n  getWeekDays(locale: string): string[];\n  getDay(date: Date): string;\n  getMonth(date: Date): string;\n}\n"]}

package/calendar/calendar-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAKlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,8BAAsB,cAAe,SAAQ,UAAU;;IACrD,OAAgB,MAAM,EAAE,cAAc,CAAY;IAEzC,QAAQ,EAAE,MAAM,EAAE,CAAM;IACxB,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAAI,CAAQ;IACnD,gBAAgB,UAAS;IAEtD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAGtB;IAGQ,oBAAoB,EAAE,IAAI,CAAC;IAExB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,YAAY,EAAE,MAAM,CAAsB;IAC1C,OAAO,yBAAgC;IAEvC,SAAS;IAWA,iBAAiB;IAejB,MAAM,IAAI,kBAAkB;IAwGrC,SAAS,CAAC,oBAAoB,IAAI,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG,IAAI;IAIlF,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAChD,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE/E,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAQpD,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAenD,SAAS,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAqB9D"}

package/calendar/calendar-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../src/calendar/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { DirectiveResult } from 'lit-html/directive.js';\nimport { ClassMapDirective } from 'lit-html/directives/class-map';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './calendar-base.styles.js';\nimport { DefaultCalendarAdapter } from './default-calendar-adapter.js';\n\nexport abstract class UmCalendarBase extends LitElement {\n  static override styles: CSSResultGroup = [styles];\n\n  @state() weekDays: string[] = [];\n  @state() dateRenderer: ((date: Date, day: string) => HTMLElement) | null = null;\n  @property({ type: Boolean }) dateOutsideMonth = false;\n\n  get year(): number {\n    return this._displayingMonthDate.getFullYear();\n  }\n\n  set year(year: number) {\n    this._displayingMonthDate.setFullYear(year);\n    this._displayingMonthDate = new Date(this._displayingMonthDate);\n  }\n\n  get month(): number {\n    return this._displayingMonthDate.getMonth();\n  }\n\n  set month(month: number) {\n    this._displayingMonthDate.setMonth(month);\n    this._displayingMonthDate = new Date(this._displayingMonthDate);\n  }\n\n  readonly #currentDate = new Date();\n  @state() _displayingMonthDate: Date;\n\n  @property() locale: string | null = null;\n  _innerLocale: string = navigator.language;\n  adapter = new DefaultCalendarAdapter();\n\n  protected constructor() {\n    super();\n\n    this.#currentDate.setHours(0);\n    this.#currentDate.setMinutes(0);\n    this.#currentDate.setSeconds(0);\n    this.#currentDate.setMilliseconds(0);\n    this._displayingMonthDate = new Date(this.#currentDate);\n    this._displayingMonthDate.setDate(1);\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#setLocaleDependantProperties();\n\n    window.addEventListener('languagechange', () => {\n      if (this.locale !== null) {\n        return;\n      }\n\n      this._innerLocale = navigator.language;\n      this.#setLocaleDependantProperties();\n    });\n  }\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <div>\n        <u-button-set>\n          <u-button class=\"month-button\" type=\"button\" variant=\"text\">\n            ${this.adapter.getMonth(this.#getDisplayingMonthDate())}\n          </u-button>\n          <u-icon-button class=\"previous-month-button\" @click=${() => this.#addMonth(-1)}>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"1em\"\n              viewBox=\"0 -960 960 960\"\n              width=\"1em\"\n              fill=\"currentColor\">\n              <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\n            </svg>\n          </u-icon-button>\n          <u-icon-button @click=${() => this.#addMonth(1)}>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"1em\"\n              viewBox=\"0 -960 960 960\"\n              width=\"1em\"\n              fill=\"currentColor\">\n              <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\n            </svg>\n          </u-icon-button>\n        </u-button-set>\n      </div>\n      <div class=\"calendar ${this._getCalendarClassMap()}\">${this.#renderWeekDays()}${this.#renderDays()}</div>\n    `;\n  }\n\n  #renderWeekDays(): HTMLTemplateResult[] {\n    return this.weekDays.map(\n      weekDay =>\n        html`\n          <div class=\"calendar-item\">\n            <span class=\"week-day\">${weekDay}</span>\n          </div>\n        `,\n    );\n  }\n\n  #getDisplayingMonthDate(): Date {\n    return this._getDateFromIsoDate(`${this.year}-${this.month + 1}-1`);\n  }\n\n  #renderDays(): HTMLTemplateResult[] {\n    const date = new Date(this._displayingMonthDate);\n\n    date.setDate(date.getDate() - date.getDay());\n\n    const month = this.month;\n    const year = this.year;\n\n    const daysTemplates: HTMLTemplateResult[] = [];\n\n    do {\n      for (let i = 0; i < 7; i++) {\n        const dateOutsideMonth = date.getMonth() !== month;\n\n        const dateClasses = this._getSelectedDateClasses(date);\n\n        if (!Object.keys(dateClasses).length && this.#currentDate.getTime() === date.getTime()) {\n          dateClasses['current-date'] = true;\n        }\n\n        if (dateOutsideMonth) {\n          dateClasses['date-outside-month'] = true;\n        }\n\n        const classes = classMap(dateClasses);\n\n        const dateTemplate = dateOutsideMonth && !this.dateOutsideMonth\n          ? null\n          : html`\n              <u-ripple></u-ripple>\n              <span class=\"date\">\n                ${this.dateRenderer\n                  ? this.dateRenderer(new Date(date), this.adapter.getDay(date))\n                  : this.adapter.getDay(date)}\n              </span>\n            `;\n\n        daysTemplates.push(html`\n          <div\n            class=\"calendar-item ${classes}\"\n            @click=${this.#handleDateClick(new Date(date))}>\n            ${dateTemplate}\n          </div>\n        `);\n\n        date.setDate(date.getDate() + 1);\n      }\n    } while (date.getMonth() <= month && date.getFullYear() <= year);\n\n    return daysTemplates;\n  }\n\n  #handleDateClick(date: Date): () => void {\n    return () => this._selectDate(date);\n  }\n\n  protected _getCalendarClassMap(): DirectiveResult<typeof ClassMapDirective> | null {\n    return null;\n  }\n\n  protected abstract _selectDate(date: Date): void;\n  protected abstract _getSelectedDateClasses(date: Date): Record<string, boolean>;\n\n  protected _getDateFromIsoDate(isoDate: string): Date {\n    const date = new Date(isoDate);\n    const offsetMs = date.getTimezoneOffset() * 60 * 1000;\n    date.setTime(date.getTime() + offsetMs);\n\n    return date;\n  }\n\n  protected _getDateString(date: Date | null): string {\n\n    if (!date) {\n      return '';\n    }\n\n    return Intl\n      .DateTimeFormat('en-CA', {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n      })\n      .format(date);\n  }\n\n  protected _getDateFromString(dateString: string): Date | null {\n    if (!dateString) {\n      return null;\n    }\n\n    const dateTime = Date.parse(dateString);\n\n    if (!dateTime && dateTime !== 0) {\n      return null;\n    }\n\n    return this._getDateFromIsoDate(dateString);\n  }\n\n  #addMonth(value: number): void {\n    this.month += value;\n  }\n\n  #setLocaleDependantProperties(): void {\n    this.weekDays = this.adapter.getWeekDays(this._innerLocale);\n  }\n}\n"]}

package/calendar/calendar-base.styles.d.ts.map

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

package/calendar/calendar-base.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-base.styles.js","sourceRoot":"","sources":["../../src/calendar/calendar-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_date-size: var(--u-calendar-date-size, 40px);\n    display: inline-block;\n  }\n\n  .calendar {\n    display: grid;\n    grid-template-columns: repeat(7, 48px);\n    align-items: center;\n  }\n\n  .calendar-item {\n    --u-ripple-border-radius: 9999px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n  }\n  .calendar-item:has(.date) {\n    cursor: pointer;\n  }\n  .calendar-item u-ripple {\n    padding: 4px;\n  }\n\n  .month-button {\n    --u-common-button-padding: var(--u-calendar-month-button--padding, 16px);\n    color: var(--u-calendar-month-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .previous-month-button {\n    margin-inline-start: auto;\n  }\n\n  .week-day {\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-calendar-week-day-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-calendar-week-day-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-calendar-week-day-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-calendar-week-day-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    color: var(--u-calendar-week-day-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n\n  .date {\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-calendar-date-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-calendar-date-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-calendar-date-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-calendar-date-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_date-size);\n    height: var(--_date-size);\n    border-radius: var(--u-calendar-date-border-radius, 9999px);\n    color: var(--u-calendar-date-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n\n  .date-outside-month .date {\n    color: var(--u-calendar-date-out-of-month-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .current-date .date {\n    border: 1px solid var(--u-calendar-current-date-color, var(--u-color-primary, rgb(103, 80, 164)));\n    color: var(--u-calendar-current-date-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  .selected-date .date {\n    background-color: var(--u-calendar-selected-date-background-color, var(--u-color-primary, rgb(103, 80, 164)));\n    color: var(--u-calendar-selected-date-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n\n  .date-out-of-month {\n    color: var(--u-calendar-date-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n`;\n"]}