@universal-material/web 3.6.20 → 3.6.21

package/scss/functions/_font.scss

@@ -1,29 +0,0 @@
-@use "sass:map";
-@use "sass:math";
-
-@use "../variables";
-
-@function get-rem-from-sp($sp-font-size) {
-  @return $sp-font-size * 0.0625rem;
-}
-
-@function get-letter-spacing($px-tracking, $sp-font-size) {
-  @return math.div($px-tracking, $sp-font-size) * 1rem;
-}
-
-@function get-font-family-var() {
-  @return var(--u-font-family, variables.$font-family);
-}
-
-@function get-font-weight-var($name) {
-  @return var(--u-font-weight-#{$name}, map.get(variables.$font-weights, $name));
-}
-
-@function get-typo-style($line-height, $font-size, $tracking, $font-weight) {
-  @return (
-    line-height: get-rem-from-sp($line-height),
-    font-size: get-rem-from-sp($font-size),
-    letter-spacing: get-letter-spacing($tracking, $font-size),
-    font-weight: $font-weight
-  );
-}

package/scss/layout/_container.scss

@@ -1,14 +0,0 @@
-@use "../api";
-@use "../mixins";
-
-.u-container-fluid,
-.u-container {
-  padding-inline: var(--u-layout-margin-inline, var(--u-layout-margin));
-  padding-block: var(--u-layout-margin-block, var(--u-layout-margin));
-  width: 100%;
-}
-
-.u-container {
-  max-width: var(--u-container-width, 992px);
-  margin-inline: auto;
-}

package/scss/layout/_grid.scss

@@ -1,12 +0,0 @@
-.u-grid {
-  display: grid;
-  grid-template-columns: repeat(var(--u-grid-columns, 2), minmax(0, 1fr));
-  column-gap: var(--u-layout-gutter-inline, var(--u-layout-gutter));
-  row-gap: var(--u-layout-gutter-block, var(--u-layout-gutter));
-}
-
-.u-column {
-  display: flex;
-  flex-direction: column;
-  gap: var(--u-layout-gutter-block, var(--u-layout-gutter));
-}

package/scss/layout/_margin-and-gutters.scss

@@ -1,37 +0,0 @@
-@use "sass:list";
-@use "sass:map";
-
-@use "../variables";
-@use "../api";
-
-@each $breakpoint in map.keys(variables.$breakpoints) {
-  $infix: api.breakpoint-infix($breakpoint);
-
-  @each $direction in variables.$layout-directions {
-
-    @include api.media-breakpoint-up($breakpoint) {
-      .u-margin#{$direction}#{$infix}-default {
-        --u-layout-margin#{$direction}: var(--u-layout-margin-default);
-      }
-
-      .u-gutter#{$direction}#{$infix}-default {
-        --u-layout-gutter#{$direction}: var(--u-layout-gutter-default);
-      }
-    }
-  }
-
-  @each $spacing in map.keys(variables.$spacings) {
-    @each $direction in variables.$layout-directions {
-
-      @include api.media-breakpoint-up($breakpoint) {
-        .u-margin#{$direction}#{$infix}-#{$spacing} {
-          --u-layout-margin#{$direction}: var(--u-spacing-#{$spacing});
-        }
-
-        .u-gutter#{$direction}#{$infix}-#{$spacing} {
-          --u-layout-gutter#{$direction}: var(--u-spacing-#{$spacing});
-        }
-      }
-    }
-  }
-}

package/scss/mixins/_breakpoints.scss

@@ -1,71 +0,0 @@
-@use "sass:map";
-
-@use "../variables";
-
-@function breakpoint-next($name) {
-  $breakpoint-names: map.keys(variables.$breakpoints);
-
-  $n: index($breakpoint-names, $name);
-
-  @if not $n {
-    @return null;
-  }
-
-  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
-}
-
-@function breakpoint-min($name) {
-  $min: map.get(variables.$breakpoints, $name);
-  @return if($min != 0, $min, null);
-}
-
-@function breakpoint-max($name) {
-  $next: breakpoint-next($name);
-  @return if($next, breakpoint-min($next) - .02px, null);
-}
-
-@function breakpoint-infix($name) {
-  @return if(breakpoint-min($name) == null, "", "-#{$name}");
-}
-
-@mixin media-breakpoint-up($name) {
-  $min: breakpoint-min($name);
-  @if $min {
-    @media (min-width: $min) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-@mixin media-breakpoint-down($name) {
-  $max: breakpoint-max($name);
-  @if $max {
-    @media (max-width: $max) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-@mixin media-breakpoint-only($name) {
-  $min:  breakpoint-min($name);
-  $next: breakpoint-next($name);
-  $max:  breakpoint-min($next);
-
-  @if $min != null and $max != null {
-    @media (min-width: $min) and (max-width: $max) {
-      @content;
-    }
-  } @else if $max == null {
-    @include media-breakpoint-up($name) {
-      @content;
-    }
-  } @else if $min == null {
-    @include media-breakpoint-down($name) {
-      @content;
-    }
-  }
-}

package/scss/mixins/_colors.scss

@@ -1,5 +0,0 @@
-@use "sass:color";
-
-@mixin _color-vars($color-name, $color-value) {
-  --u-color-#{$color-name}: #{$color-value};
-}

package/scss/mixins/_text-bg.scss

@@ -1,34 +0,0 @@
-@use "sass:string";
-
-@use "../functions";
-
-@mixin current-color-vars-important($current-color-var-name) {
-  color: var(#{$current-color-var-name}) !important;
-}
-
-@mixin current-color-vars($current-color-var-name) {
-  color: var(#{$current-color-var-name});
-}
-
-@mixin bg-variant-important($color-name) {
-  .u-bg-#{$color-name} {
-    background-color: var(--u-color-#{$color-name}) !important;
-  }
-}
-
-@mixin text-bg-variant-important($color-name, $on-color-name: null) {
-
-  @if $on-color-name == null {
-    $on-color-name: on-#{$color-name};
-  }
-
-  $container-index: string.index($on-color-name, "surface-container");
-  @if $container-index != null {
-    $on-color-name: #{string.slice($on-color-name, 1, $container-index - 1)}surface;
-  }
-
-  .u-text-bg-#{$color-name} {
-    @include current-color-vars-important(--u-color-#{$on-color-name});
-    background-color: var(--u-color-#{$color-name}) !important;
-  }
-}

package/scss/mixins/_typo.scss

@@ -1,43 +0,0 @@
-@use "sass:map";
-
-@use "../typo/variables";
-@use "../functions";
-
-@mixin typo($style, $target-name: null) {
-  @if not map.has-key(variables.$typography-styles, $style) {
-    @error "Invalid style specified! #{$style} doesn't exist. Choose one of #{map.keys(variables.$typography-styles)}";
-  }
-
-  @if $target-name != null {
-    font-family: var(--u-font-family, #{functions.get-font-family-var()});
-  } @else {
-    font-family: var(--u-font-family);
-  }
-
-  $props: map.get(variables.$typography-styles, $style);
-
-  @each $key, $value in $props {
-    @if $target-name != null {
-      #{$key}: var(--u-#{$target-name}-#{$key}, var(--u-#{$style}-#{$key}, #{$value}));
-    } @else {
-      #{$key}: var(--u-#{$style}-#{$key});
-    }
-  }
-}
-
-
-@mixin typo-prop($style, $prop, $target-name: null) {
-  @if not map.has-key(variables.$typography-styles, $style) {
-    @error "Invalid style specified! #{$style} doesn't exist. Choose one of #{map.keys(variables.$typography-styles)}";
-  }
-
-  $props: map.get(variables.$typography-styles, $style);
-
-  $value: map.get($props, $prop);
-
-  @if $target-name != null {
-    #{$prop}: var(--u-#{$target-name}-#{$prop}, var(--u-#{$style}-#{$prop}, #{$value}));
-  } @else {
-    #{$prop}: var(--u-#{$style}-#{$prop});
-  }
-}

package/scss/table/_table.scss

@@ -1,48 +0,0 @@
-@use "../functions";
-
-:root {
-  --u-table-hover-opacity: var(--u-state-layer-hover-opacity);
-  --u-table-cell-padding: 13px 16px;
-  --u-table-cell-font-weight: #{functions.get-font-weight-var(medium)};
-}
-
-.u-table {
-  min-width: 100%;
-  border-collapse: collapse;
-  font-family: var(--u-font-family, #{functions.get-font-family-var()});
-
-  > tbody > tr,
-  > thead > tr,
-  > tfoot > tr,
-  > tr {
-    @at-root .u-table:has(> thead) > tbody > tr,
-    &:not(:first-child) {
-      border-top: 1px solid #{functions.get-color-transparency-mix(currentColor, var(--u-table-divider-opacity, 20%))};
-    }
-
-    > td {
-      padding: var(--u-td-padding, var(--u-table-cell-padding));
-      font-size: var(--u-td-font-size, .875rem);
-      font-weight: var(--u-td-font-weight, var(--u-table-cell-font-weight));
-      text-align: start;
-    }
-
-    > th {
-      --u-text-opacity: var(--u-low-emphasis-opacity);
-      padding: var(--u-th-padding, var(--u-table-cell-padding));
-      font-size: var(--u-th-font-size, .8125rem);
-      font-weight: var(--u-th-font-weight, var(--u-table-cell-font-weight));
-      color: #{functions.get-color-transparency-mix(currentColor, var(--u-text-opacity))};
-      text-align: start;
-    }
-  }
-}
-
-.u-table-hover {
-  > tbody > tr,
-  > tr {
-    &:hover {
-      background-color: #{functions.get-color-transparency-mix(currentColor, var(--u-table-hover-opacity))};
-    }
-  }
-}

package/scss/typo/_font.scss

@@ -1,5 +0,0 @@
-@use "../variables";
-
-:root {
-  --u-font-family: #{variables.$font-family};
-}

package/scss/typo/_typo.scss

@@ -1,19 +0,0 @@
-@use "sass:map";
-
-@use "variables";
-@use "../functions";
-@use "../mixins";
-
-:root {
-  @each $style, $props in (variables.$typography-styles) {
-    @each $key, $value in $props {
-      --u-#{$style}-#{$key}: #{$value};
-    }
-  }
-}
-
-@each $style in map.keys(variables.$typography-styles) {
-  .u-#{$style} {
-    @include mixins.typo($style);
-  }
-}

package/scss/typo/_variables.scss

@@ -1,19 +0,0 @@
-@use "../functions";
-
-$typography-styles: (
-  display-l: functions.get-typo-style(64, 57, -.25, #{functions.get-font-weight-var(regular)}),
-  display-m: functions.get-typo-style(52, 45, 0, #{functions.get-font-weight-var(regular)}),
-  display-s: functions.get-typo-style(44, 36, 0, #{functions.get-font-weight-var(regular)}),
-  headline-l: functions.get-typo-style(40, 32, 0, #{functions.get-font-weight-var(regular)}),
-  headline-m: functions.get-typo-style(36, 28, 0, #{functions.get-font-weight-var(regular)}),
-  headline-s: functions.get-typo-style(32, 24, 0, #{functions.get-font-weight-var(regular)}),
-  title-l: functions.get-typo-style(28, 22, 0, #{functions.get-font-weight-var(regular)}),
-  title-m: functions.get-typo-style(24, 16, .15, #{functions.get-font-weight-var(medium)}),
-  title-s: functions.get-typo-style(20, 14, .1, #{functions.get-font-weight-var(medium)}),
-  body-l: functions.get-typo-style(24, 16, .5, #{functions.get-font-weight-var(regular)}),
-  body-m: functions.get-typo-style(20, 14, .25, #{functions.get-font-weight-var(regular)}),
-  body-s: functions.get-typo-style(16, 12, .4, #{functions.get-font-weight-var(regular)}),
-  label-l: functions.get-typo-style(20, 14, .1, #{functions.get-font-weight-var(medium)}),
-  label-m: functions.get-typo-style(16, 12, .5, #{functions.get-font-weight-var(medium)}),
-  label-s: functions.get-typo-style(16, 11, .5, #{functions.get-font-weight-var(medium)})
-) !default;

package/scss/universal-material.scss

@@ -1,16 +0,0 @@
-@use "variables";
-@use "css-vars";
-@use "colors";
-@use "layout";
-@use "utilities";
-@use "table/table";
-@use "typo/font";
-@use "typo/typo";
-
-@use "reboot";
-@use "global";
-
-@if variables.$include-reboot {
-  @include reboot.reboot;
-  @include global.global-styles;
-}

package/scss/utilities/_divider.scss

@@ -1,13 +0,0 @@
-@use "../api";
-
-.u-divider,
-.u-divider-no-margin {
-  display: block;
-  height: var(--u-divider-thickness, 1px);
-  background-color: var(--u-divider-color, currentColor);
-  opacity: var(--u-divider-opacity, .4);
-}
-
-.u-divider {
-  margin-block: 8px;
-}

package/scss/utilities/_scheme.scss

@@ -1,9 +0,0 @@
-.u-dark {
-  color-scheme: dark !important;
-  color: var(--u-color-on-body);
-}
-
-.u-light {
-  color-scheme: light !important;
-  color: var(--u-color-on-body);
-}

package/scss/utilities/_spacing.scss

@@ -1,23 +0,0 @@
-@use "sass:list";
-@use "sass:map";
-
-@use "../variables";
-@use "../api";
-
-@each $breakpoint in map.keys(variables.$breakpoints) {
-  $infix: api.breakpoint-infix($breakpoint);
-
-  @each $spacing in map.keys(variables.$spacings) {
-    @each $side, $value in variables.$spacing-sides {
-      @include api.media-breakpoint-up($breakpoint) {
-        .u-m#{$side}#{$infix}-#{$spacing} {
-          margin#{$value}: var(--u-spacing-#{$spacing});
-        }
-
-        .u-p#{$side}#{$infix}-#{$spacing} {
-          padding#{$value}: var(--u-spacing-#{$spacing});
-        }
-      }
-    }
-  }
-}

package/scss/utilities/_text.scss

@@ -1,54 +0,0 @@
-@use "sass:map";
-@use "../variables";
-@use "../mixins";
-
-.u-text-monospace { font-family: var(--u-font-monospace); }
-
-// Alignment
-
-.u-text-justify  { text-align: justify !important; }
-.u-text-nowrap   { white-space: nowrap !important; }
-.u-text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-// Contextual
-.u-text-high-emphasis {
-  color: var(--u-color-high-emphasis) !important;
-}
-
-.u-text-low-emphasis {
-  color: var(--u-color-low-emphasis) !important;
-}
-
-.u-text-lower-emphasis {
-  color: var(--u-color-lower-emphasis) !important;
-}
-
-// Responsive alignment
-
-@each $breakpoint in map.keys(variables.$breakpoints) {
-  @include mixins.media-breakpoint-up($breakpoint) {
-    $infix: mixins.breakpoint-infix($breakpoint);
-
-    .u-text#{$infix}-left   { text-align: left !important; }
-    .u-text#{$infix}-center { text-align: center !important; }
-    .u-text#{$infix}-right  { text-align: right !important; }
-
-    .u-text#{$infix}-start {
-      text-align: start !important;
-    }
-
-    .u-text#{$infix}-end {
-      text-align: end !important;
-    }
-  }
-}
-
-@each $weight, $value in variables.$font-weights {
-  .u-font-weight-#{$weight} {
-    font-weight: var(--u-font-weight-#{$weight}) !important;
-  }
-}

package/search/search.d.ts.map

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

package/search/search.js.map

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

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

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

package/search/search.styles.js.map

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

package/select/option.d.ts.map

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

package/select/option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.js","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { styles } from './option.styles.js';\nimport { UmSelect } from './select.js';\n\nimport './select.js';\n\n@customElement('u-option')\nexport class UmOption extends UmMenuItem {\n  static override styles = [UmMenuItem.styles, styles];\n\n  readonly #mutationObserver = new MutationObserver(() => this.#updateContent());\n\n  #value = '';\n  #selected = false;\n  _nativeOption: HTMLOptionElement | null = null;\n\n  @property({ reflect: true })\n  get value(): string {\n    return this.#value;\n  }\n\n  set value(value: string) {\n    this.#value = value;\n\n    if (this._nativeOption) {\n      this._nativeOption.value = value;\n    }\n  }\n\n  @property({ type: Boolean })\n  get selected(): boolean {\n    return this.#selected;\n  }\n\n  set selected(selected: boolean) {\n    if (this.#selected === selected) {\n      return;\n    }\n\n    this.#selected = selected;\n\n    if (this._nativeOption) {\n      this._nativeOption.selected = selected;\n    }\n\n    this._select?._updateEmpty();\n  }\n\n  protected override _getContainerClasses() {\n    return {\n      ...super._getContainerClasses(),\n      selected: this.selected,\n    };\n  }\n\n  protected override _renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/>\n      </svg>`;\n  }\n\n  get _select(): UmSelect | null {\n    return this.parentElement?.tagName === 'U-SELECT'\n      ? this.parentElement as UmSelect\n      : null;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n    this.setAttribute('tabindex', '-1');\n\n    this.#mutationObserver.observe(this, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n\n    this.#updateContent();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick);\n    this.#mutationObserver.disconnect();\n  }\n\n  #handleClick(e: Event) {\n    if (!this._select) {\n      return;\n    }\n\n    e.stopPropagation();\n\n    this._setSelectedByUser();\n  }\n\n  _writeNativeSelected(): void {\n    if (!this._nativeOption) {\n      return;\n    }\n\n    this.selected = this._nativeOption.selected;\n  }\n\n  _setSelectedByUser() {\n\n    this.selected = true;\n\n    if (!this._select) {\n      return;\n    }\n\n    this._select.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n    this._select.dispatchEvent(new Event('change', { bubbles: true }));\n\n    this._select._updateEmpty();\n    this._select._syncSelectedOptions();\n    this._select._menu?.close();\n  }\n\n  #updateContent() {\n    this._select?._renderOptionRelatedElements();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-option': UmOption;\n  }\n}\n"]}

package/select/option.styles.d.ts.map

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

package/select/option.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../src/select/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;CAYzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .selected {\n    background-color: var(--u-select-option-selected-bg-color, color-mix(in srgb, var(--u-color-primary, rgb(103, 80, 164)) 12%, transparent));\n  }\n  .selected .icon,\n  .selected .content {\n    color: var(--u-select-option-selected-text-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  .container:not(.selected):not(.trailing-icon) .trailing {\n    display: none;\n  }\n`;\n"]}

package/select/select-navigation-controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-navigation-controller.d.ts","sourceRoot":"","sources":["../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC,qBAAa,0BAA2B,SAAQ,6BAA6B,CAAC,QAAQ,EAAE,QAAQ,CAAC;;cAG5E,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA0BtD,MAAM,CAAC,OAAO,EAAE,WAAW;IAK3B,MAAM;cAWI,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM;cAIrC,SAAS;IAI5B,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,qBAAqB;CAyB9B"}

package/select/select-navigation-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-navigation-controller.js","sourceRoot":"","sources":["../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { normalizedStartsWith } from '../shared/compare-text.js';\nimport { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';\nimport { UmOption } from './option.js';\nimport { UmSelect } from './select.js';\n\nconst getCleanTypeaheadStatus = () => ({\n  typing: false,\n  repeating: false,\n  buffer: '',\n  timeoutId: 0,\n});\n\nexport class SelectNavigationController extends MenuFieldNavigationController<UmSelect, UmOption> {\n  #typeaheadStatus = getCleanTypeaheadStatus();\n\n  protected override handleKeyDown(event: KeyboardEvent): boolean {\n    if (this.getHost()._menu.open) {\n      const handled = super.handleKeyDown(event);\n\n      return handled || this.handleType(event);\n    }\n\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (!isDown && !isUp) {\n      return this.handleType(event);\n    }\n\n    event.preventDefault();\n    this.getHost()._menu.show();\n\n    if (!this.getHost().selectedOptions.length) {\n      return true;\n    }\n\n    const option = this.getHost().selectedOptions[0];\n    this.navigateTo(event, option, this.getHost()._menuItems.indexOf(option));\n    return true;\n  }\n\n  override attach(element: HTMLElement) {\n    super.attach(element);\n    this.getHost()._menu.addEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n  }\n\n  override detach() {\n    super.detach();\n    this.getHost()._menu.removeEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n  }\n\n  readonly #handleMouseFocus = (e: Event) => {\n    this.blurMenu();\n    const option = e.target as UmOption;\n    this.focusMenu(option, this.getHost()._menuItems.indexOf(option), false, false);\n  };\n\n  protected override afterFocus(_: UmOption, index: number) {\n    this.getHost()._button.setAttribute('aria-activedescendant', `item-${index + 1}`);\n  }\n\n  protected override afterBlur() {\n    this.getHost()._button.removeAttribute('aria-activedescendant');\n  }\n\n  private handleType(event: KeyboardEvent) {\n    if (event.key.length > 1) {\n      return false;\n    }\n\n    if (this.#typeaheadStatus.timeoutId) {\n      clearTimeout(this.#typeaheadStatus.timeoutId);\n    }\n\n    const lastFocusedMenu = this.focusedMenu;\n\n    this.#typeaheadStatus.buffer += event.key;\n\n    this.#typeaheadStatus.timeoutId = setTimeout(() => this.#typeaheadStatus = getCleanTypeaheadStatus(), 1000);\n\n    const term =\n      this.#typeaheadStatus.buffer.replaceAll(event.key, '') === '' ? event.key : this.#typeaheadStatus.buffer;\n    this.findNextElementByTerm(term, lastFocusedMenu);\n\n    return true;\n  }\n\n  private findNextElementByTerm(term: string, lastFocusedMenu: UmOption | null): void {\n    const options = this.getHost()._options;\n    const lastFocusedMenuIndex = lastFocusedMenu ? options.indexOf(lastFocusedMenu) : -1;\n\n    let nextMenu =\n      lastFocusedMenuIndex > -1 ? this.getHost()._options[lastFocusedMenuIndex + 1] as UmOption | undefined : null;\n\n    if (!nextMenu || !normalizedStartsWith(nextMenu.textContent, term)) {\n      nextMenu = options.find(o => normalizedStartsWith(o.textContent, term));\n    }\n\n    if (!nextMenu) {\n      return;\n    }\n\n    const nextMenuIndex = options.indexOf(nextMenu);\n\n    if (this.getHost()._menu.open) {\n      this.blurMenu();\n      this.focusMenu(nextMenu, nextMenuIndex);\n      return;\n    }\n\n    nextMenu._setSelectedByUser();\n  }\n}\n"]}

package/select/select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAqB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,eAAgB,YAAW,WAAW;;IAClE,OAAgB,MAAM,iCAAoC;IAE1D,aAAa,oBAAoC;IAejD;;OAEG;IACH,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtB;IAEsB,KAAK,EAAG,MAAM,CAAC;IACd,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;IAEgB,eAAe,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/G;;OAEG;IACH,IACI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAE9B;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,QAAQ,EAAE,CAIhC;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAIzB;;cAakB,aAAa,IAAI,cAAc;cAW/B,kBAAkB,IAAI,cAAc;cAQpC,yBAAyB,IAAI,cAAc;cAO3C,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAMnD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAUhF,iBAAiB;IAOjB,oBAAoB;IAwE7B,4BAA4B;IAO5B,YAAY,IAAI,IAAI;IAIpB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAE3B;IAoBD,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/select/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, render, svg, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { UmMenuField } from '../shared/menu-field/menu-field.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { UmOption } from './option.js';\nimport { SelectNavigationController } from './select-navigation-controller.js';\nimport { styles } from './select.styles.js';\n\nimport './option.js';\n\n@customElement('u-select')\nexport class UmSelect extends UmTextFieldBase implements UmMenuField {\n  static override styles = [UmTextFieldBase.styles, styles];\n\n  _nativeSelect = document.createElement('select');\n\n  readonly #list: HTMLElement = (() => {\n    const list = document.createElement('div');\n    list.role = 'listbox';\n    list.id = 'list';\n    list.className = 'list';\n\n    return list;\n  })();\n\n  readonly #navigationController = new SelectNavigationController(this);\n  readonly #resizeObserver = new ResizeObserver(() => this.#setMenuWidthProperty());\n  #connected = false;\n\n  /**\n   * The `value` of the selected option\n   */\n  @state()\n  get value(): string {\n    return this._nativeSelect.value;\n  }\n\n  set value(value: string) {\n    this._nativeSelect.value = value;\n\n    if (!this.#connected) {\n      return;\n    }\n\n    this.elementInternals.setFormValue(value);\n\n    for (const option of this._options) {\n      option._writeNativeSelected();\n    }\n  }\n\n  @query('u-menu', true) _menu!: UmMenu;\n  @query('.button', true) _button!: HTMLButtonElement;\n  @query('.input', true) _input!: HTMLElement;\n\n  @property({ reflect: true, attribute: 'menu-positioning' }) menuPositioning: 'relative' | 'fixed' = 'relative';\n\n  /**\n   * The index of the selected option. When there's no selected option the value is `-1`.\n   */\n  @state()\n  get selectedIndex(): number {\n    return this._nativeSelect.selectedIndex;\n  }\n\n  set selectedIndex(index: number) {\n    this._nativeSelect.selectedIndex = index;\n  }\n\n  /**\n   * An `Array` containing the selected `UmOption` or empty if there's no selected option. Multiple selection is not supported.\n   */\n  get selectedOptions(): UmOption[] {\n    return this._nativeSelect.selectedOptions.length\n      ? [this._options[this._nativeSelect.selectedIndex]]\n      : [];\n  }\n\n  get _options(): UmOption[] {\n    const options = Array.from(this.querySelectorAll<HTMLElement>('u-option'));\n\n    return options.filter(o => o instanceof UmOption);\n  }\n\n  constructor() {\n    super();\n\n    this._nativeSelect.setAttribute('tabindex', '-1');\n    this._nativeSelect.setAttribute('part', 'select');\n  }\n\n  #setMenuWidthProperty(): void {\n    this.style.setProperty('--_menu-width', `${this.clientWidth}px`);\n  }\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`\n      <button \n         class=\"button\"\n         role=\"combobox\"\n         aria-expanded=\"false\"\n         aria-owns=\"select\"\n         ?disabled=${this.disabled}></button>\n      <div class=\"input\"></div>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu positioning=\"${this.menuPositioning}\">\n        <slot @slotchange=${this._renderOptionRelatedElements}></slot>\n      </u-menu>\n    `;\n  }\n\n  protected override renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M480-360 280-560h400L480-360Z\"/>\n      </svg>`;\n  }\n\n  protected override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    this.empty = !this.selectedOptions[0]?.textContent?.trim();\n    this.elementInternals.setFormValue(this._nativeSelect.value || null);\n  }\n\n  override attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (name !== 'disabled') {\n      return;\n    }\n\n    this._nativeSelect.disabled = value === null;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#connected = true;\n    this.#attach();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.#detach();\n  }\n\n  readonly #handleClick = (e: MouseEvent) => {\n    this._menu.toggle();\n\n    if (!this._menu.open || !this.selectedOptions.length) {\n      return;\n    }\n\n    this.#navigationController.focusMenu(this.selectedOptions[0], 0, e.detail === 0, false);\n  };\n\n  #handleMenuClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  readonly #handleMenuOpen = () => {\n    this._button.setAttribute('aria-expanded', 'true');\n  };\n\n  readonly #handleMenuOpened = () => {\n    if (!this.selectedOptions.length) {\n      return;\n    }\n\n    const option = this.selectedOptions[0];\n    option.scrollIntoView({ block: 'nearest' });\n  };\n\n  readonly #handleMenuClose = () => {\n    this._button.setAttribute('aria-expanded', 'false');\n    this.#navigationController.blurMenu();\n  };\n\n  async #attach(): Promise<void> {\n    this.#resizeObserver.observe(this);\n    this._renderOptionRelatedElements();\n\n    await this.updateComplete;\n\n    this._nativeSelect.disabled = this.hasAttribute('disabled');\n\n    this.#navigationController.attach(this);\n\n    this._input.appendChild(this._nativeSelect);\n    this._input.appendChild(this.#list);\n    this._button.addEventListener('click', this.#handleClick);\n\n    this._menu.anchorElement = this._container;\n    this._menu.addEventListener('click', this.#handleMenuClick);\n    this._menu.addEventListener('open', this.#handleMenuOpen);\n    this._menu.addEventListener('opened', this.#handleMenuOpened);\n    this._menu.addEventListener('close', this.#handleMenuClose);\n  }\n\n  #detach(): void {\n    this.#resizeObserver.disconnect();\n    this._nativeSelect.remove();\n    this.#list.remove();\n    this.#navigationController.detach();\n    this.#connected = false;\n    this._button.removeEventListener('click', this.#handleClick);\n    this._menu.removeEventListener('click', this.#handleMenuClick);\n    this._menu.removeEventListener('open', this.#handleMenuOpen);\n    this._menu.removeEventListener('opened', this.#handleMenuOpened);\n    this._menu.removeEventListener('close', this.#handleMenuClose);\n  }\n\n  _renderOptionRelatedElements() {\n    this.#renderNativeOptions();\n    this.#renderAccessibilityList();\n    this._updateEmpty();\n    this._syncSelectedOptions();\n  }\n\n  _updateEmpty(): void {\n    this.empty = !this.selectedOptions[0]?.textContent?.trim();\n  }\n\n  get _menuItems(): UmOption[] {\n    return this._options;\n  }\n\n  #renderNativeOptions() {\n    render(\n      map(\n        this._options,\n        option =>\n          html`<option value=${option.value} ?selected=${option.selected}>${option.textContent}</option>`),\n      this._nativeSelect);\n  }\n\n  #renderAccessibilityList() {\n    render(\n      map(\n        this._options,\n        (option, index) =>\n          html`<div role=\"option\" id=\"${`item-${index + 1}`}\">${option.textContent}</div>`),\n      this.#list);\n  }\n\n  _syncSelectedOptions() {\n\n    for (let i = 0; i < this._options.length; i++) {\n      const option = this._options[i];\n      const nativeOption = this._nativeSelect.children[i] as HTMLOptionElement;\n      option.selected = nativeOption.selected;\n      option._nativeOption = nativeOption;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-select': UmSelect;\n  }\n}\n"]}

package/select/select.styles.d.ts.map

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

package/select/select.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.styles.js","sourceRoot":"","sources":["../../src/select/select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  u-menu {\n    display: block;\n    width: 100%;\n  }\n  u-menu::part(menu) {\n    width: var(--_menu-width);\n    max-width: none;\n  }\n\n  :host(:not([disabled])) .button {\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  select {\n    pointer-events: none;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .list {\n    width: 2px;\n    height: 2px;\n    margin: -1px;\n    overflow: hidden;\n  }\n`;\n"]}

package/shared/base.styles.d.ts.map

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

package/shared/base.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.styles.js","sourceRoot":"","sources":["../../src/shared/base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host,\n  * {\n    --_focus-ring-color: var(--u-focus-ring-color, var(--u-color-secondary, rgb(98, 91, 113)));\n    --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\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    box-sizing: border-box;\n    outline: 0;\n  }\n\n  .force-focus-ring .focus-ring,\n  :host(.force-focus-ring) .focus-ring,\n  .focus-ring:focus-visible {\n    animation: u-focus-pulse 500ms ease;\n    animation-fill-mode: forwards;\n    outline-offset: var(--_focus-ring-outline-offset);\n  }\n\n  @keyframes u-focus-pulse {\n    0% {\n      outline: 0 solid var(--_focus-ring-color);\n    }\n    50% {\n      outline: 6px solid var(--_focus-ring-color);\n    }\n    100% {\n      outline: 4px solid var(--_focus-ring-color);\n    }\n  }\n`;\n"]}

package/shared/button-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-wrapper.d.ts","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AASpE,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAE7B,8BAAsB,eAAgB,SAAQ,UAAU;;IACtD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D;;OAEG;IACyC,QAAQ,UAAS;IAEpD,YAAY,UAAQ;IAE7B;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC;;;OAGG;IACS,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEnB,QAAQ,CAAC,aAAa,EAAG,WAAW,CAAC;IACpC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IAEvD,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C,IAAI,QAAQ,IAAI,MAAM,CAErB;cAEkB,MAAM,IAAI,kBAAkB;IAW/C,SAAS,CAAC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAyCzD,SAAS,CAAC,QAAQ,CAAC,cAAc,IAAI,kBAAkB;IAE9C,iBAAiB;IAMjB,oBAAoB;IAMpB,KAAK;IAIL,IAAI;IAIb,SAAS,CAAC,YAAY,IAAI,MAAM,GAAG,IAAI;IAiCvC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;CAEzC"}