@universal-material/web 3.8.0 → 3.9.0

package/field/field-base.js

@@ -6,7 +6,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { styles as baseStyles } from '../shared/base.styles.js';
 import { styles } from './field-base.styles.js';
 import { fieldDefaultsContext } from './field-defaults-context.js';
-export class UmFieldBase extends LitElement {
+export class FieldBase extends LitElement {
     static { this.styles = [baseStyles, styles]; }
     static setDefaults(contextRoot, config) {
         return new ContextProvider(contextRoot, {
@@ -126,59 +126,59 @@ export class UmFieldBase extends LitElement {
 __decorate([
     consume({ context: fieldDefaultsContext, subscribe: true }),
     state()
-], UmFieldBase.prototype, "config", void 0);
+], FieldBase.prototype, "config", void 0);
 __decorate([
     property()
-], UmFieldBase.prototype, "variant", void 0);
+], FieldBase.prototype, "variant", void 0);
 __decorate([
     property()
-], UmFieldBase.prototype, "label", void 0);
+], FieldBase.prototype, "label", void 0);
 __decorate([
     state()
-], UmFieldBase.prototype, "_innerCounter", void 0);
+], FieldBase.prototype, "_innerCounter", void 0);
 __decorate([
     property()
-], UmFieldBase.prototype, "counter", void 0);
+], FieldBase.prototype, "counter", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'hide-counter' })
-], UmFieldBase.prototype, "hideCounter", void 0);
+], FieldBase.prototype, "hideCounter", void 0);
 __decorate([
     property({ attribute: 'supporting-text' })
-], UmFieldBase.prototype, "supportingText", void 0);
+], FieldBase.prototype, "supportingText", void 0);
 __decorate([
     property({ attribute: 'error-text' })
-], UmFieldBase.prototype, "errorText", void 0);
+], FieldBase.prototype, "errorText", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmFieldBase.prototype, "empty", void 0);
+], FieldBase.prototype, "empty", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmFieldBase.prototype, "disabled", void 0);
+], FieldBase.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmFieldBase.prototype, "invalid", void 0);
+], FieldBase.prototype, "invalid", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })
-], UmFieldBase.prototype, "hasLeadingIcon", void 0);
+], FieldBase.prototype, "hasLeadingIcon", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })
-], UmFieldBase.prototype, "hasTrailingIcon", void 0);
+], FieldBase.prototype, "hasTrailingIcon", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'has-error-text', reflect: true })
-], UmFieldBase.prototype, "hasErrorText", void 0);
+], FieldBase.prototype, "hasErrorText", void 0);
 __decorate([
     queryAssignedElements({ slot: 'leading-icon', flatten: true })
-], UmFieldBase.prototype, "assignedLeadingIcons", void 0);
+], FieldBase.prototype, "assignedLeadingIcons", void 0);
 __decorate([
     queryAssignedElements({ slot: 'trailing-icon', flatten: true })
-], UmFieldBase.prototype, "assignedTrailingIcons", void 0);
+], FieldBase.prototype, "assignedTrailingIcons", void 0);
 __decorate([
     queryAssignedElements({ slot: 'error-text', flatten: true })
-], UmFieldBase.prototype, "assignedErrorTexts", void 0);
+], FieldBase.prototype, "assignedErrorTexts", void 0);
 __decorate([
     query('.label', true)
-], UmFieldBase.prototype, "_labelElement", void 0);
+], FieldBase.prototype, "_labelElement", void 0);
 __decorate([
     query('.container', true)
-], UmFieldBase.prototype, "_container", void 0);
+], FieldBase.prototype, "_container", void 0);
 //# sourceMappingURL=field-base.js.map

package/field/field-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-base.js","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume, Context, ContextProvider } from '@lit/context';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { 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 './field-base.styles.js';\nimport { fieldDefaultsContext } from './field-defaults-context.js';\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport abstract class UmFieldBase extends LitElement {\n  static override styles: CSSResultGroup = [baseStyles, styles];\n\n  @consume({ context: fieldDefaultsContext, subscribe: true })\n  @state()\n  private readonly config: UmFieldDefaults | undefined;\n\n  /**\n   * The Field variant to render. When omitted, falls back to the variant\n   * provided by the surrounding `fieldDefaultsContext` (or `'filled'`).\n   */\n  @property() variant: 'filled' | 'outlined' | undefined = 'filled';\n\n  /**\n   * The floating label for the field\n   */\n  @property()\n  label: string | undefined;\n\n  @state() protected _innerCounter: string | undefined;\n\n  /**\n   * Custom counter text shown in the supporting line, overriding the\n   * automatic character-count counter\n   */\n  @property() counter: string | undefined;\n\n  /**\n   * Whether to hide the counter from the supporting text line\n   */\n  @property({ type: Boolean, attribute: 'hide-counter' }) hideCounter = false;\n\n  /**\n   * Supporting text conveys additional information about the field, such as how it will be used\n   */\n  @property({ attribute: 'supporting-text' }) supportingText: string | undefined;\n\n  /**\n   * For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\n   * If `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`\n   */\n  @property({ attribute: 'error-text' }) errorText: string | undefined;\n\n  /**\n   * Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.\n   */\n  @property({ type: Boolean, reflect: true }) empty = false;\n\n  /**\n   * Whether the field is disabled\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Get or sets where or not the field is in a visually invalid state.\n   */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  static setDefaults(\n    contextRoot: HTMLElement,\n    config: UmFieldDefaults,\n  ): ContextProvider<Context<HTMLElement, UmFieldDefaults>> {\n    return new ContextProvider(contextRoot, {\n      context: fieldDefaultsContext,\n      initialValue: config,\n    });\n  }\n\n  /**\n   * Whether the field has a leading icon or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })\n  hasLeadingIcon = false;\n\n  /**\n   * Whether the field has a trailing icon or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })\n  hasTrailingIcon = false;\n\n  /**\n   * Whether the field has an error text or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, attribute: 'has-error-text', reflect: true })\n  hasErrorText = false;\n\n  @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n  protected readonly assignedLeadingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n  protected readonly assignedTrailingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'error-text', flatten: true })\n  private readonly assignedErrorTexts!: HTMLElement[];\n\n  @query('.label', true) private readonly _labelElement!: HTMLElement;\n  @query('.container', true) protected _container!: HTMLElement;\n\n  constructor() {\n    super();\n    this.variant = undefined;\n  }\n\n  protected override render(): TemplateResult {\n    const variant = this.variant ?? this.config?.variant ?? 'filled';\n\n    const classes = {\n      [variant]: true,\n      'no-label': !this.label,\n    };\n\n    const counter = html`\n      <slot class=\"counter\" name=\"counter\">\n        <div>${this.counter ?? this._innerCounter}</div>\n      </slot>\n    `;\n\n    const outline = html`\n      <div class=\"outline\">\n        <div class=\"outline-start\"></div>\n        <div class=\"outline-notch\">\n          <div class=\"outline-notch-label\">${this.label}</div>\n        </div>\n        <div class=\"outline-end\"></div>\n      </div>\n    `;\n\n    return html`\n      <div class=\"container ${classMap(classes)}\">\n        ${variant === 'outlined' ? outline : nothing}\n        <slot class=\"icon leading-icon\" name=\"leading-icon\" @slotchange=\"${this.handleLeadingIconSlotChange}\"></slot>\n        <label class=\"label\" id=\"label\">${this.label}</label>\n        <div class=\"input-wrapper\" part=\"wrapper\">${this.renderControl()}</div>\n        <slot class=\"icon trailing-icon\" name=\"trailing-icon\" @slotchange=\"${this.handleTrailingIconSlotChange}\">\n          <span>${this.renderDefaultTrailingIcon()}</span>\n        </slot>\n      </div>\n      <div class=\"supporting-text\" id=\"supporting-text\">\n        <slot class=\"error-text\" name=\"error-text\" @slotchange=\"${this.handleErrorTextSlotChange}\">\n          <div>${this.errorText}</div>\n        </slot>\n        <slot name=\"supporting-text\" id=\"supporting-text\">\n          <div>${this.supportingText}</div>\n        </slot>\n        ${this.hideCounter ? nothing : counter}\n      </div>\n      ${this.renderAfterContent()}\n    `;\n  }\n\n  protected abstract renderControl(): TemplateResult;\n\n  protected renderAfterContent(): TemplateResult {\n    return html``;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.hasLeadingIcon = !!this.assignedLeadingIcons.length;\n  }\n\n  private handleLeadingIconSlotChange() {\n    this._labelElement.style.transition = 'none';\n    this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n\n    setTimeout(() => {\n      this._labelElement.style.transition = '';\n    });\n  }\n\n  private handleTrailingIconSlotChange() {\n    this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n  }\n\n  private handleErrorTextSlotChange() {\n    this.hasErrorText = this.assignedErrorTexts.length > 0;\n  }\n\n  protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n}\n"]}
+{"version":3,"file":"field-base.js","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume, Context, ContextProvider } from '@lit/context';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { 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 './field-base.styles.js';\nimport { fieldDefaultsContext } from './field-defaults-context.js';\nimport { FieldDefaults } from './field-defaults.js';\n\nexport abstract class FieldBase extends LitElement {\n  static override styles: CSSResultGroup = [baseStyles, styles];\n\n  @consume({ context: fieldDefaultsContext, subscribe: true })\n  @state()\n  private readonly config: FieldDefaults | undefined;\n\n  /**\n   * The Field variant to render. When omitted, falls back to the variant\n   * provided by the surrounding `fieldDefaultsContext` (or `'filled'`).\n   */\n  @property() variant: 'filled' | 'outlined' | undefined = 'filled';\n\n  /**\n   * The floating label for the field\n   */\n  @property()\n  label: string | undefined;\n\n  @state() protected _innerCounter: string | undefined;\n\n  /**\n   * Custom counter text shown in the supporting line, overriding the\n   * automatic character-count counter\n   */\n  @property() counter: string | undefined;\n\n  /**\n   * Whether to hide the counter from the supporting text line\n   */\n  @property({ type: Boolean, attribute: 'hide-counter' }) hideCounter = false;\n\n  /**\n   * Supporting text conveys additional information about the field, such as how it will be used\n   */\n  @property({ attribute: 'supporting-text' }) supportingText: string | undefined;\n\n  /**\n   * For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\n   * If `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`\n   */\n  @property({ attribute: 'error-text' }) errorText: string | undefined;\n\n  /**\n   * Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.\n   */\n  @property({ type: Boolean, reflect: true }) empty = false;\n\n  /**\n   * Whether the field is disabled\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Get or sets where or not the field is in a visually invalid state.\n   */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  static setDefaults(\n    contextRoot: HTMLElement,\n    config: FieldDefaults,\n  ): ContextProvider<Context<HTMLElement, FieldDefaults>> {\n    return new ContextProvider(contextRoot, {\n      context: fieldDefaultsContext,\n      initialValue: config,\n    });\n  }\n\n  /**\n   * Whether the field has a leading icon or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })\n  hasLeadingIcon = false;\n\n  /**\n   * Whether the field has a trailing icon or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })\n  hasTrailingIcon = false;\n\n  /**\n   * Whether the field has an error text or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, attribute: 'has-error-text', reflect: true })\n  hasErrorText = false;\n\n  @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n  protected readonly assignedLeadingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n  protected readonly assignedTrailingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'error-text', flatten: true })\n  private readonly assignedErrorTexts!: HTMLElement[];\n\n  @query('.label', true) private readonly _labelElement!: HTMLElement;\n  @query('.container', true) protected _container!: HTMLElement;\n\n  constructor() {\n    super();\n    this.variant = undefined;\n  }\n\n  protected override render(): TemplateResult {\n    const variant = this.variant ?? this.config?.variant ?? 'filled';\n\n    const classes = {\n      [variant]: true,\n      'no-label': !this.label,\n    };\n\n    const counter = html`\n      <slot class=\"counter\" name=\"counter\">\n        <div>${this.counter ?? this._innerCounter}</div>\n      </slot>\n    `;\n\n    const outline = html`\n      <div class=\"outline\">\n        <div class=\"outline-start\"></div>\n        <div class=\"outline-notch\">\n          <div class=\"outline-notch-label\">${this.label}</div>\n        </div>\n        <div class=\"outline-end\"></div>\n      </div>\n    `;\n\n    return html`\n      <div class=\"container ${classMap(classes)}\">\n        ${variant === 'outlined' ? outline : nothing}\n        <slot class=\"icon leading-icon\" name=\"leading-icon\" @slotchange=\"${this.handleLeadingIconSlotChange}\"></slot>\n        <label class=\"label\" id=\"label\">${this.label}</label>\n        <div class=\"input-wrapper\" part=\"wrapper\">${this.renderControl()}</div>\n        <slot class=\"icon trailing-icon\" name=\"trailing-icon\" @slotchange=\"${this.handleTrailingIconSlotChange}\">\n          <span>${this.renderDefaultTrailingIcon()}</span>\n        </slot>\n      </div>\n      <div class=\"supporting-text\" id=\"supporting-text\">\n        <slot class=\"error-text\" name=\"error-text\" @slotchange=\"${this.handleErrorTextSlotChange}\">\n          <div>${this.errorText}</div>\n        </slot>\n        <slot name=\"supporting-text\" id=\"supporting-text\">\n          <div>${this.supportingText}</div>\n        </slot>\n        ${this.hideCounter ? nothing : counter}\n      </div>\n      ${this.renderAfterContent()}\n    `;\n  }\n\n  protected abstract renderControl(): TemplateResult;\n\n  protected renderAfterContent(): TemplateResult {\n    return html``;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.hasLeadingIcon = !!this.assignedLeadingIcons.length;\n  }\n\n  private handleLeadingIconSlotChange() {\n    this._labelElement.style.transition = 'none';\n    this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n\n    setTimeout(() => {\n      this._labelElement.style.transition = '';\n    });\n  }\n\n  private handleTrailingIconSlotChange() {\n    this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n  }\n\n  private handleErrorTextSlotChange() {\n    this.hasErrorText = this.assignedErrorTexts.length > 0;\n  }\n\n  protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n}\n"]}

package/field/field-defaults-context.d.ts

@@ -1,5 +1,5 @@
-import { UmFieldDefaults } from './field-defaults.js';
+import { FieldDefaults } from './field-defaults.js';
 export declare const fieldDefaultsContext: {
-    __context__: UmFieldDefaults;
+    __context__: FieldDefaults;
 };
 //# sourceMappingURL=field-defaults-context.d.ts.map

package/field/field-defaults-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-defaults-context.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,oBAAoB;;CAA6D,CAAC"}
+{"version":3,"file":"field-defaults-context.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,oBAAoB;;CAA2D,CAAC"}

package/field/field-defaults-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-defaults-context.js","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAkB,0BAA0B,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport const fieldDefaultsContext = createContext<UmFieldDefaults>('u-field-defaults-context');\n"]}
+{"version":3,"file":"field-defaults-context.js","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAgB,0BAA0B,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nimport { FieldDefaults } from './field-defaults.js';\n\nexport const fieldDefaultsContext = createContext<FieldDefaults>('u-field-defaults-context');\n"]}

package/field/field-defaults.d.ts

@@ -1,5 +1,5 @@
-import { UmFieldVariant } from './field-variant.js';
-export interface UmFieldDefaults {
-    variant: UmFieldVariant;
+import { FieldVariant } from './field-variant.js';
+export interface FieldDefaults {
+    variant: FieldVariant;
 }
 //# sourceMappingURL=field-defaults.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-defaults.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;CACzB"}
+{"version":3,"file":"field-defaults.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,YAAY,CAAC;CACvB"}

package/field/field-defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-defaults.js","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"","sourcesContent":["import { UmFieldVariant } from './field-variant.js';\n\nexport interface UmFieldDefaults {\n  variant: UmFieldVariant;\n}\n"]}
+{"version":3,"file":"field-defaults.js","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"","sourcesContent":["import { FieldVariant } from './field-variant.js';\n\nexport interface FieldDefaults {\n  variant: FieldVariant;\n}\n"]}

package/field/field-variant.d.ts

@@ -1,2 +1,2 @@
-export type UmFieldVariant = 'filled' | 'outlined';
+export type FieldVariant = 'filled' | 'outlined';
 //# sourceMappingURL=field-variant.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-variant.d.ts","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,CAAC"}
+{"version":3,"file":"field-variant.d.ts","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC"}

package/field/field-variant.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-variant.js","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"","sourcesContent":["export type UmFieldVariant = 'filled' | 'outlined';\n"]}
+{"version":3,"file":"field-variant.js","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"","sourcesContent":["export type FieldVariant = 'filled' | 'outlined';\n"]}

package/field/field.d.ts

@@ -1,5 +1,5 @@
-import { UmFieldBase } from './field-base.js';
-export declare class UmField extends UmFieldBase {
+import { FieldBase } from './field-base.js';
+export declare class Field extends FieldBase {
     /**
      * Whether the field should automatically derive its `empty` state from
      * the slotted native input's value
@@ -13,7 +13,7 @@ export declare class UmField extends UmFieldBase {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-field': UmField;
+        'u-field': Field;
     }
 }
 //# sourceMappingURL=field.d.ts.map

package/field/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBACa,OAAQ,SAAQ,WAAW;IAEtC;;;OAGG;IAC0B,SAAS,UAAS;IAE/C,OAAO,CAAC,OAAO,CAAiC;IAEvC,iBAAiB;IAUjB,oBAAoB;IAM7B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;cAEiB,aAAa;CAOjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,qBACa,KAAM,SAAQ,SAAS;IAElC;;;OAGG;IAC0B,SAAS,UAAS;IAE/C,OAAO,CAAC,OAAO,CAAiC;IAEvC,iBAAiB;IAUjB,oBAAoB;IAM7B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;cAEiB,aAAa;CAOjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,KAAK,CAAC;KAClB;CACF"}

package/field/field.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { UmFieldBase } from './field-base.js';
-let UmField = class UmField extends UmFieldBase {
+import { FieldBase } from './field-base.js';
+let Field = class Field extends FieldBase {
     constructor() {
         super(...arguments);
         /**
@@ -40,9 +40,9 @@ let UmField = class UmField extends UmFieldBase {
 };
 __decorate([
     property({ type: Boolean })
-], UmField.prototype, "autoEmpty", void 0);
-UmField = __decorate([
+], Field.prototype, "autoEmpty", void 0);
+Field = __decorate([
     customElement('u-field')
-], UmField);
-export { UmField };
+], Field);
+export { Field };
 //# sourceMappingURL=field.js.map

package/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QAEL;;;WAGG;QAC0B,cAAS,GAAG,KAAK,CAAC;QAEvC,YAAO,GAA4B,IAAI,CAAC;QAkB/B,uBAAkB,GAAG,GAAG,EAAE;YACzC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IASJ,CAAC;IA7BU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QACpC,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAQkB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAjC8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AANpC,OAAO;IADnB,aAAa,CAAC,SAAS,CAAC;GACZ,OAAO,CAuCnB","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmFieldBase } from './field-base.js';\n\n@customElement('u-field')\nexport class UmField extends UmFieldBase {\n\n  /**\n   * Whether the field should automatically derive its `empty` state from\n   * the slotted native input's value\n   */\n  @property({ type: Boolean }) autoEmpty = false;\n\n  private control: HTMLInputElement | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.control = this.querySelector('input, select, button, textarea');\n    this.control?.addEventListener('input', this.handleControlInput);\n\n    if (this.autoEmpty) {\n      this.empty = !this.control?.value;\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.control?.removeEventListener('input', this.handleControlInput);\n    this.control = null;\n  }\n\n  private readonly handleControlInput = () => {\n    if (this.autoEmpty) {\n      this.empty = !this.control?.value;\n    }\n  };\n\n  protected override renderControl() {\n    return html`\n      <slot name=\"prefix\"></slot>\n      <div class=\"input\"><slot></slot></div>\n      <slot name=\"suffix\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-field': UmField;\n  }\n}\n"]}
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGrC,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,SAAS;IAA7B;;QAEL;;;WAGG;QAC0B,cAAS,GAAG,KAAK,CAAC;QAEvC,YAAO,GAA4B,IAAI,CAAC;QAkB/B,uBAAkB,GAAG,GAAG,EAAE;YACzC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IASJ,CAAC;IA7BU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QACpC,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAQkB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAjC8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAmB;AANpC,KAAK;IADjB,aAAa,CAAC,SAAS,CAAC;GACZ,KAAK,CAuCjB","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { FieldBase } from './field-base.js';\n\n@customElement('u-field')\nexport class Field extends FieldBase {\n\n  /**\n   * Whether the field should automatically derive its `empty` state from\n   * the slotted native input's value\n   */\n  @property({ type: Boolean }) autoEmpty = false;\n\n  private control: HTMLInputElement | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.control = this.querySelector('input, select, button, textarea');\n    this.control?.addEventListener('input', this.handleControlInput);\n\n    if (this.autoEmpty) {\n      this.empty = !this.control?.value;\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.control?.removeEventListener('input', this.handleControlInput);\n    this.control = null;\n  }\n\n  private readonly handleControlInput = () => {\n    if (this.autoEmpty) {\n      this.empty = !this.control?.value;\n    }\n  };\n\n  protected override renderControl() {\n    return html`\n      <slot name=\"prefix\"></slot>\n      <div class=\"input\"><slot></slot></div>\n      <slot name=\"suffix\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-field': Field;\n  }\n}\n"]}

package/icon/icon.d.ts

@@ -1,11 +1,11 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
-export declare class UmIcon extends LitElement {
+export declare class Icon extends LitElement {
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-icon': UmIcon;
+        'u-icon': Icon;
     }
 }
 //# sourceMappingURL=icon.d.ts.map

package/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,MAAO,SAAQ,UAAU;IAEpC,OAAgB,MAAM,4BAAY;cAEf,MAAM,IAAI,kBAAkB;CAKhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,IAAK,SAAQ,UAAU;IAElC,OAAgB,MAAM,4BAAY;cAEf,MAAM,IAAI,kBAAkB;CAKhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}

package/icon/icon.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { styles } from './icon.styles.js';
-let UmIcon = class UmIcon extends LitElement {
+let Icon = class Icon extends LitElement {
     static { this.styles = [styles]; }
     render() {
         return html `
@@ -10,8 +10,8 @@ let UmIcon = class UmIcon extends LitElement {
     `;
     }
 };
-UmIcon = __decorate([
+Icon = __decorate([
     customElement('u-icon')
-], UmIcon);
-export { UmIcon };
+], Icon);
+export { Icon };
 //# sourceMappingURL=icon.js.map

package/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/icon/icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;aAEpB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAEf,MAAM;QACvB,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AARU,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CASlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './icon.styles.js';\n\n@customElement('u-icon')\nexport class UmIcon extends LitElement {\n\n  static override styles = [styles];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-icon': UmIcon;\n  }\n}\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/icon/icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGnC,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU;aAElB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAEf,MAAM;QACvB,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AARU,IAAI;IADhB,aAAa,CAAC,QAAQ,CAAC;GACX,IAAI,CAShB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './icon.styles.js';\n\n@customElement('u-icon')\nexport class Icon extends LitElement {\n\n  static override styles = [styles];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-icon': Icon;\n  }\n}\n"]}

package/index.d.ts

@@ -1,4 +1,12 @@
 import '@bart-krakowski/get-week-info-polyfill';
+import './scaffold/scaffold.js';
+import './scaffold/pane.js';
+import './navigation/side-navigation.js';
+import './navigation-rail/navigation-rail.js';
+import './navigation-rail/navigation-rail-item.js';
+import './navigation-rail/navigation-rail-headline.js';
+import './navigation-bar/navigation-bar.js';
+import './navigation-bar/navigation-bar-item.js';
 import './app-bar/top-app-bar.js';
 import './button/button.js';
 import './button/button-set.js';
@@ -7,6 +15,10 @@ import './button/fab-menu.js';
 import './button/fab-menu-item.js';
 import './button/icon-button.js';
 import './card/card.js';
+import './collapse/collapse.js';
+import './expansion-panel/expansion-panel-container.js';
+import './expansion-panel/expansion-panel.js';
+import './slider/slider.js';
 import './chip/chip.js';
 import './chip/chip-set.js';
 import './chip-field/chip-field.js';
@@ -33,7 +45,6 @@ import './menu/menu.js';
 import './menu/menu-item.js';
 import './navigation/drawer.js';
 import './navigation/drawer-item.js';
-import './navigation/side-navigation.js';
 import './progress/circular-progress.js';
 import './progress/progress-bar.js';
 import './ripple/ripple.js';
@@ -43,6 +54,8 @@ import './tab-bar/tab.js';
 import './typeahead/highlight.js';
 import './typeahead/typeahead.js';
 export * from './app-bar/top-app-bar.js';
+export * from './navigation-bar/navigation-bar.js';
+export * from './navigation-bar/navigation-bar-item.js';
 export * from './badge/badge.js';
 export * from './button/button.js';
 export * from './button/button-base.js';
@@ -58,6 +71,10 @@ export * from './datepicker/format.js';
 export * from './card/card.js';
 export * from './card/card-content.js';
 export * from './card/card-media.js';
+export * from './collapse/collapse.js';
+export * from './expansion-panel/expansion-panel-container.js';
+export * from './expansion-panel/expansion-panel.js';
+export * from './slider/slider.js';
 export * from './chip/chip.js';
 export * from './chip-field/chip-field.js';
 export * from './chip/chip-set.js';
@@ -87,11 +104,17 @@ export * from './navigation/drawer.js';
 export * from './navigation/drawer-item.js';
 export * from './navigation/drawer-headline.js';
 export * from './navigation/side-navigation.js';
+export * from './navigation-rail/navigation-rail.js';
+export * from './navigation-rail/navigation-rail-item.js';
+export * from './navigation-rail/navigation-rail-headline.js';
 export * from './overflow-menu/overflow-menu.js';
 export * from './overflow-menu/overflow-menu-item.js';
 export * from './progress/circular-progress.js';
 export * from './progress/progress-bar.js';
 export * from './ripple/ripple.js';
+export * from './scaffold/scaffold.js';
+export * from './scaffold/pane.js';
+export { scrollContainerContext } from './scaffold/scroll-container-context.js';
 export * from './snackbar/snackbar.js';
 export * from './tab-bar/tab-bar.js';
 export * from './tab-bar/tab.js';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -1,4 +1,12 @@
 import '@bart-krakowski/get-week-info-polyfill';
+import './scaffold/scaffold.js';
+import './scaffold/pane.js';
+import './navigation/side-navigation.js';
+import './navigation-rail/navigation-rail.js';
+import './navigation-rail/navigation-rail-item.js';
+import './navigation-rail/navigation-rail-headline.js';
+import './navigation-bar/navigation-bar.js';
+import './navigation-bar/navigation-bar-item.js';
 import './app-bar/top-app-bar.js';
 import './button/button.js';
 import './button/button-set.js';
@@ -7,6 +15,10 @@ import './button/fab-menu.js';
 import './button/fab-menu-item.js';
 import './button/icon-button.js';
 import './card/card.js';
+import './collapse/collapse.js';
+import './expansion-panel/expansion-panel-container.js';
+import './expansion-panel/expansion-panel.js';
+import './slider/slider.js';
 import './chip/chip.js';
 import './chip/chip-set.js';
 import './chip-field/chip-field.js';
@@ -33,7 +45,6 @@ import './menu/menu.js';
 import './menu/menu-item.js';
 import './navigation/drawer.js';
 import './navigation/drawer-item.js';
-import './navigation/side-navigation.js';
 import './progress/circular-progress.js';
 import './progress/progress-bar.js';
 import './ripple/ripple.js';
@@ -43,6 +54,8 @@ import './tab-bar/tab.js';
 import './typeahead/highlight.js';
 import './typeahead/typeahead.js';
 export * from './app-bar/top-app-bar.js';
+export * from './navigation-bar/navigation-bar.js';
+export * from './navigation-bar/navigation-bar-item.js';
 export * from './badge/badge.js';
 export * from './button/button.js';
 export * from './button/button-base.js';
@@ -58,6 +71,10 @@ export * from './datepicker/format.js';
 export * from './card/card.js';
 export * from './card/card-content.js';
 export * from './card/card-media.js';
+export * from './collapse/collapse.js';
+export * from './expansion-panel/expansion-panel-container.js';
+export * from './expansion-panel/expansion-panel.js';
+export * from './slider/slider.js';
 export * from './chip/chip.js';
 export * from './chip-field/chip-field.js';
 export * from './chip/chip-set.js';
@@ -87,11 +104,17 @@ export * from './navigation/drawer.js';
 export * from './navigation/drawer-item.js';
 export * from './navigation/drawer-headline.js';
 export * from './navigation/side-navigation.js';
+export * from './navigation-rail/navigation-rail.js';
+export * from './navigation-rail/navigation-rail-item.js';
+export * from './navigation-rail/navigation-rail-headline.js';
 export * from './overflow-menu/overflow-menu.js';
 export * from './overflow-menu/overflow-menu-item.js';
 export * from './progress/circular-progress.js';
 export * from './progress/progress-bar.js';
 export * from './ripple/ripple.js';
+export * from './scaffold/scaffold.js';
+export * from './scaffold/pane.js';
+export { scrollContainerContext } from './scaffold/scroll-container-context.js';
 export * from './snackbar/snackbar.js';
 export * from './tab-bar/tab-bar.js';
 export * from './tab-bar/tab.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/fab-menu.js';\nimport './button/fab-menu-item.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './datepicker/datepicker.js';\nimport './datepicker/range-datepicker.js';\nimport './dialog/dialog.js';\nimport './dialog/dialog-builder.js';\nimport './dialog/confirm-dialog-builder.js';\nimport './dialog/message-dialog-builder.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './navigation/side-navigation.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './badge/badge.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './datepicker/datepicker.js';\nexport * from './datepicker/range-datepicker.js';\nexport * from './datepicker/format.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './dialog/dialog.js';\nexport * from './dialog/dialog-builder.js';\nexport * from './dialog/confirm-dialog-builder.js';\nexport * from './dialog/message-dialog-builder.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './search/search.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field-base.js';\nexport * from './field/field-defaults.js';\nexport * from './field/field-variant.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './icon/icon.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/drawer-headline.js';\nexport * from './navigation/side-navigation.js';\nexport * from './overflow-menu/overflow-menu.js';\nexport * from './overflow-menu/overflow-menu-item.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './scaffold/scaffold.js';\nimport './scaffold/pane.js';\nimport './navigation/side-navigation.js';\nimport './navigation-rail/navigation-rail.js';\nimport './navigation-rail/navigation-rail-item.js';\nimport './navigation-rail/navigation-rail-headline.js';\nimport './navigation-bar/navigation-bar.js';\nimport './navigation-bar/navigation-bar-item.js';\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/fab-menu.js';\nimport './button/fab-menu-item.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './collapse/collapse.js';\nimport './expansion-panel/expansion-panel-container.js';\nimport './expansion-panel/expansion-panel.js';\nimport './slider/slider.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './datepicker/datepicker.js';\nimport './datepicker/range-datepicker.js';\nimport './dialog/dialog.js';\nimport './dialog/dialog-builder.js';\nimport './dialog/confirm-dialog-builder.js';\nimport './dialog/message-dialog-builder.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './navigation-bar/navigation-bar.js';\nexport * from './navigation-bar/navigation-bar-item.js';\nexport * from './badge/badge.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './datepicker/datepicker.js';\nexport * from './datepicker/range-datepicker.js';\nexport * from './datepicker/format.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './collapse/collapse.js';\nexport * from './expansion-panel/expansion-panel-container.js';\nexport * from './expansion-panel/expansion-panel.js';\nexport * from './slider/slider.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './dialog/dialog.js';\nexport * from './dialog/dialog-builder.js';\nexport * from './dialog/confirm-dialog-builder.js';\nexport * from './dialog/message-dialog-builder.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './search/search.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field-base.js';\nexport * from './field/field-defaults.js';\nexport * from './field/field-variant.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './icon/icon.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/drawer-headline.js';\nexport * from './navigation/side-navigation.js';\nexport * from './navigation-rail/navigation-rail.js';\nexport * from './navigation-rail/navigation-rail-item.js';\nexport * from './navigation-rail/navigation-rail-headline.js';\nexport * from './overflow-menu/overflow-menu.js';\nexport * from './overflow-menu/overflow-menu-item.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './scaffold/scaffold.js';\nexport * from './scaffold/pane.js';\nexport { scrollContainerContext } from './scaffold/scroll-container-context.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}

package/list/list-item.d.ts

@@ -1,16 +1,30 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
 import '../ripple/ripple.js';
-export declare class UmListItem extends LitElement {
+export declare class ListItem extends LitElement {
     static styles: import("lit").CSSResult;
     /**
      * Whether the list item is interactive and renders a ripple on click
      */
     selectable: boolean;
+    /**
+     * Whether the row is in the selected (active) state. Paints the M3 selected
+     * container (`secondary-container` / `on-secondary-container`) so the row
+     * reads as the current choice in a list-detail or navigation list. Purely
+     * visual — pair it with your own click handling (and `selectable` for the
+     * ripple/hover state layer).
+     */
+    selected: boolean;
+    /**
+     * Pull the row flush with surrounding content: cancels the inline padding with
+     * an equal negative inline margin, so the content lines up with adjacent labels
+     * or section headings (the row's state layer bleeds to the container edges).
+     */
+    noInset: boolean;
     render(): HTMLTemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-list-item': UmListItem;
+        'u-list-item': ListItem;
     }
 }
 //# sourceMappingURL=list-item.d.ts.map

package/list/list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAMpE,OAAO,qBAAqB,CAAC;AAE7B,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAU;IAEhC;;OAEG;IACyC,UAAU,UAAS;IAEtD,MAAM,IAAI,kBAAkB;CAqBtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAMpE,OAAO,qBAAqB,CAAC;AAE7B,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAU;IAEhC;;OAEG;IACyC,UAAU,UAAS;IAE/D;;;;;;OAMG;IACyC,QAAQ,UAAS;IAE7D;;;;OAIG;IACgE,OAAO,UAAS;IAE1E,MAAM,IAAI,kBAAkB;CAqBtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,QAAQ,CAAC;KACzB;CACF"}

package/list/list-item.js

@@ -4,18 +4,32 @@ import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './list-item.styles.js';
 import '../ripple/ripple.js';
-let UmListItem = class UmListItem extends LitElement {
+let ListItem = class ListItem extends LitElement {
     constructor() {
         super(...arguments);
         /**
          * Whether the list item is interactive and renders a ripple on click
          */
         this.selectable = false;
+        /**
+         * Whether the row is in the selected (active) state. Paints the M3 selected
+         * container (`secondary-container` / `on-secondary-container`) so the row
+         * reads as the current choice in a list-detail or navigation list. Purely
+         * visual — pair it with your own click handling (and `selectable` for the
+         * ripple/hover state layer).
+         */
+        this.selected = false;
+        /**
+         * Pull the row flush with surrounding content: cancels the inline padding with
+         * an equal negative inline margin, so the content lines up with adjacent labels
+         * or section headings (the row's state layer bleeds to the container edges).
+         */
+        this.noInset = false;
     }
     static { this.styles = styles; }
     render() {
         const ripple = html `<u-ripple></u-ripple>`;
-        const containerClasses = classMap({ selectable: this.selectable });
+        const containerClasses = classMap({ selectable: this.selectable, selected: this.selected });
         return html `
       <div class="container ${containerClasses}" part="container">
         ${this.selectable ? ripple : nothing}
@@ -35,9 +49,15 @@ let UmListItem = class UmListItem extends LitElement {
 };
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmListItem.prototype, "selectable", void 0);
-UmListItem = __decorate([
+], ListItem.prototype, "selectable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ListItem.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-inset' })
+], ListItem.prototype, "noInset", void 0);
+ListItem = __decorate([
     customElement('u-list-item')
-], UmListItem);
-export { UmListItem };
+], ListItem);
+export { ListItem };
 //# sourceMappingURL=list-item.js.map