@universal-material/web 3.0.140 → 3.0.142

package/calendar/range-calendar.js

@@ -0,0 +1,113 @@
+import { __decorate } from "tslib";
+import { customElement, property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { UmCalendarBase } from './calendar-base';
+import { styles } from './range-calendar.styles.js';
+let UmRangeCalendar = class UmRangeCalendar extends UmCalendarBase {
+    constructor() {
+        super(...arguments);
+        this.startDateValue = null;
+        this.endDateValue = null;
+    }
+    static { this.styles = [styles, UmCalendarBase.styles]; }
+    get value() {
+        if (!this.startDateValue && !this.endDateValue) {
+            return '';
+        }
+        return `${this._getDateString(this.startDateValue)} - ${this._getDateString(this.endDateValue)}`;
+    }
+    set value(value) {
+        if (!value) {
+            this.startDateValue = null;
+            this.endDateValue = null;
+            return;
+        }
+        const values = value.split(' - ');
+        if (values.length !== 2) {
+            this.startDateValue = null;
+            this.endDateValue = null;
+            return;
+        }
+        const startDateString = values[0];
+        const endDateString = values[1];
+        this.startDateValue = this._getDateFromString(startDateString);
+        this.endDateValue = this._getDateFromString(endDateString);
+    }
+    #setStartEndDates(startDate, endDate) {
+        this.startDateValue = startDate;
+        this.endDateValue = endDate;
+        this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true }));
+    }
+    _selectDate(date) {
+        if (!this.startDateValue || !!this.endDateValue) {
+            this.#setStartEndDates(date, null);
+            return;
+        }
+        if (date > this.startDateValue) {
+            this.#setStartEndDates(this.startDateValue, date);
+            return;
+        }
+        this.#setStartEndDates(date, this.startDateValue);
+    }
+    _getCalendarClassMap() {
+        const map = {};
+        if (!this.startDateValue) {
+            return null;
+        }
+        if (this.startDateValue) {
+            const className = this.endDateValue
+                ? 'selected'
+                : 'selecting';
+            map[className] = true;
+        }
+        map[this.#getStartDateClass()] = true;
+        if (this.endDateValue) {
+            map[this.#getEndDateClass()] = true;
+        }
+        return classMap(map);
+    }
+    #getStartDateClass() {
+        return this.#getDateClass('start', this.startDateValue);
+    }
+    #getEndDateClass() {
+        return this.#getDateClass('end', this.endDateValue);
+    }
+    #getDateClass(name, date) {
+        const month = date.getMonth();
+        const year = date.getFullYear();
+        if (this.month === month && this.year === year) {
+            return `on-${name}-date-month`;
+        }
+        if (this.year > year || this.year === year && this.month > month) {
+            return `after-${name}-date-month`;
+        }
+        return `before-${name}-date-month`;
+    }
+    _getSelectedDateClasses(date) {
+        const classes = {};
+        if (this.startDateValue?.getTime() === date.getTime()) {
+            classes['selected-date'] = true;
+            classes['start-date'] = true;
+        }
+        if (this.endDateValue?.getTime() === date.getTime()) {
+            classes['selected-date'] = true;
+            classes['end-date'] = true;
+        }
+        return classes;
+    }
+};
+__decorate([
+    state()
+], UmRangeCalendar.prototype, "startDateValue", void 0);
+__decorate([
+    state()
+], UmRangeCalendar.prototype, "endDateValue", void 0);
+__decorate([
+    property()
+], UmRangeCalendar.prototype, "value", null);
+UmRangeCalendar = __decorate([
+    customElement('u-range-calendar')
+], UmRangeCalendar);
+export { UmRangeCalendar };
+//# sourceMappingURL=range-calendar.js.map

package/calendar/range-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.js","sourceRoot":"","sources":["../../src/calendar/range-calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { DirectiveResult } from 'lit-html/directive.js';\nimport { ClassMapDirective } from 'lit-html/directives/class-map.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { UmCalendarBase } from './calendar-base';\nimport { styles } from './range-calendar.styles.js';\n\n@customElement('u-range-calendar')\nexport class UmRangeCalendar extends UmCalendarBase {\n  static override styles: CSSResultGroup = [styles, UmCalendarBase.styles];\n\n  @state() startDateValue: Date | null = null;\n  @state() endDateValue: Date | null = null;\n\n  @property()\n  get value(): string | null {\n    if (!this.startDateValue && !this.endDateValue) {\n      return '';\n    }\n\n    return `${this._getDateString(this.startDateValue)} - ${this._getDateString(this.endDateValue)}`;\n  }\n\n  set value(value: string) {\n    if (!value) {\n      this.startDateValue = null;\n      this.endDateValue = null;\n      return;\n    }\n\n    const values = value.split(' - ');\n\n    if (values.length !== 2) {\n      this.startDateValue = null;\n      this.endDateValue = null;\n      return;\n    }\n\n    const startDateString = values[0];\n    const endDateString = values[1];\n\n    this.startDateValue = this._getDateFromString(startDateString);\n    this.endDateValue = this._getDateFromString(endDateString);\n  }\n\n  #setStartEndDates(startDate: Date | null, endDate: Date | null): void {\n    this.startDateValue = startDate;\n    this.endDateValue = endDate;\n\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n    this.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  protected override _selectDate(date: Date): void {\n    if (!this.startDateValue || !!this.endDateValue) {\n      this.#setStartEndDates(date, null);\n      return;\n    }\n\n    if (date > this.startDateValue) {\n      this.#setStartEndDates(this.startDateValue, date);\n      return;\n    }\n\n    this.#setStartEndDates(date, this.startDateValue);\n  }\n\n  protected override _getCalendarClassMap(): DirectiveResult<typeof ClassMapDirective> | null {\n\n    const map: Record<string, boolean> = {};\n\n    if (!this.startDateValue) {\n      return null;\n    }\n\n    if (this.startDateValue) {\n      const className = this.endDateValue\n        ? 'selected'\n        : 'selecting';\n\n      map[className] = true;\n    }\n\n    map[this.#getStartDateClass()] = true;\n\n    if (this.endDateValue) {\n      map[this.#getEndDateClass()] = true;\n    }\n\n    return classMap(map);\n  }\n\n  #getStartDateClass(): string {\n    return this.#getDateClass('start', this.startDateValue!);\n  }\n\n  #getEndDateClass(): string {\n    return this.#getDateClass('end', this.endDateValue!);\n  }\n\n  #getDateClass(name: string, date: Date): string {\n    const month = date.getMonth();\n    const year = date.getFullYear();\n\n    if (this.month === month && this.year === year) {\n      return `on-${name}-date-month`;\n    }\n\n    if (this.year > year || this.year === year && this.month > month) {\n      return `after-${name}-date-month`;\n    }\n\n    return `before-${name}-date-month`;\n  }\n\n  protected override _getSelectedDateClasses(date: Date): Record<string, boolean> {\n\n    const classes: Record<string, boolean> = {};\n\n    if (this.startDateValue?.getTime() === date.getTime()) {\n      classes['selected-date'] = true;\n      classes['start-date'] = true;\n    }\n\n    if (this.endDateValue?.getTime() === date.getTime()) {\n      classes['selected-date'] = true;\n      classes['end-date'] = true;\n    }\n\n    return classes;\n  }\n}\n"]}

package/calendar/range-calendar.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=range-calendar.styles.d.ts.map

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

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

package/calendar/range-calendar.styles.js

@@ -0,0 +1,41 @@
+import { css } from 'lit';
+export const styles = css `
+  .selected:not(:has(.start-date)):not(:has(.end-date)) .calendar-item:has(.date)::before, .selected:not(:has(.start-date)) .calendar-item:has(.date):has(~ .end-date)::before, .selected:not(:has(.end-date)) .start-date ~ .calendar-item:has(.date)::before,
+  .selected .start-date ~ .calendar-item:has(.date):has(~ .end-date)::before,
+  .selected .start-date:has(.date)::before,
+  .selected .end-date:has(.date)::before, .selecting.before-start-date-month:not(:has(.selected-date)) .calendar-item:hover:has(.date) ~ .calendar-item:has(.date)::before, .selecting.after-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):has(~ .calendar-item:hover .date)::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .selected-date::before,
+  .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .calendar-item:has(~ .selected-date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date)::before,
+  .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date) ~ .calendar-item:has(~ .calendar-item:hover .date)::before, .selecting .calendar-item:hover:has(.date)::before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    margin-top: calc(var(--_date-size) * -0.5);
+    height: var(--_date-size);
+    background: var(--u-color-secondary-container);
+    z-index: -1;
+    pointer-events: none;
+  }
+
+  .selected .start-date:has(.date)::before, .selecting.before-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):hover::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date)::before {
+    left: 50%;
+    width: 50%;
+  }
+
+  .selected .end-date:has(.date)::before, .selecting.after-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):hover::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .selected-date::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date) ~ .calendar-item:has(.date):hover::before {
+    width: 50%;
+  }
+
+  .selecting .calendar-item:hover .date {
+    background-color: var(--u-calendar-selected-date-background-color, var(--u-color-primary, rgb(103, 80, 164)));
+    color: var(--u-calendar-selected-date-color, var(--u-color-on-primary, rgb(255, 255, 255)));
+  }
+  .selecting:has(.selected-date) .selected-date:hover::before {
+    display: none;
+  }
+  .selected .start-date.end-date::before {
+    display: none;
+  }
+`;
+//# sourceMappingURL=range-calendar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.styles.js","sourceRoot":"","sources":["../../src/calendar/range-calendar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .selected:not(:has(.start-date)):not(:has(.end-date)) .calendar-item:has(.date)::before, .selected:not(:has(.start-date)) .calendar-item:has(.date):has(~ .end-date)::before, .selected:not(:has(.end-date)) .start-date ~ .calendar-item:has(.date)::before,\n  .selected .start-date ~ .calendar-item:has(.date):has(~ .end-date)::before,\n  .selected .start-date:has(.date)::before,\n  .selected .end-date:has(.date)::before, .selecting.before-start-date-month:not(:has(.selected-date)) .calendar-item:hover:has(.date) ~ .calendar-item:has(.date)::before, .selecting.after-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):has(~ .calendar-item:hover .date)::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .selected-date::before,\n  .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .calendar-item:has(~ .selected-date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date)::before,\n  .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date) ~ .calendar-item:has(~ .calendar-item:hover .date)::before, .selecting .calendar-item:hover:has(.date)::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    margin-top: calc(var(--_date-size) * -0.5);\n    height: var(--_date-size);\n    background: var(--u-color-secondary-container);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .selected .start-date:has(.date)::before, .selecting.before-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):hover::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date)::before {\n    left: 50%;\n    width: 50%;\n  }\n\n  .selected .end-date:has(.date)::before, .selecting.after-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):hover::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .selected-date::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date) ~ .calendar-item:has(.date):hover::before {\n    width: 50%;\n  }\n\n  .selecting .calendar-item:hover .date {\n    background-color: var(--u-calendar-selected-date-background-color, var(--u-color-primary, rgb(103, 80, 164)));\n    color: var(--u-calendar-selected-date-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n  }\n  .selecting:has(.selected-date) .selected-date:hover::before {\n    display: none;\n  }\n  .selected .start-date.end-date::before {\n    display: none;\n  }\n`;\n"]}

package/card/card-content.d.ts

@@ -0,0 +1,13 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+export declare class UmCardContent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    hasContent: boolean;
+    render(): HTMLTemplateResult;
+    private handleSlotChange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-card-content': UmCardContent;
+    }
+}
+//# sourceMappingURL=card-content.d.ts.map

package/card/card-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.d.ts","sourceRoot":"","sources":["../../src/card/card-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAM3D,qBACa,aAAc,SAAQ,UAAU;IAE3C,OAAgB,MAAM,4BAAwB;IAEwB,UAAU,UAAS;IAEhF,MAAM,IAAI,kBAAkB;IAKrC,OAAO,CAAC,gBAAgB;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/card/card-content.js

@@ -0,0 +1,39 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles.js';
+import { styles } from './card-content.styles.js';
+let UmCardContent = class UmCardContent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hasContent = false;
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <slot @slotchange="${this.handleSlotChange}"></slot>`;
+    }
+    handleSlotChange(e) {
+        const slot = e.target;
+        this.hasContent = slot.assignedElements({ flatten: true }).length > 0;
+        if (this.hasContent) {
+            return;
+        }
+        const nodes = slot.assignedNodes({ flatten: true });
+        for (const node of nodes) {
+            if (node.nodeValue?.trim()) {
+                this.hasContent = true;
+                return;
+            }
+        }
+        this.hasContent = false;
+    }
+};
+__decorate([
+    property({ type: Boolean, attribute: 'has-content', reflect: true })
+], UmCardContent.prototype, "hasContent", void 0);
+UmCardContent = __decorate([
+    customElement('u-card-content')
+], UmCardContent);
+export { UmCardContent };
+//# sourceMappingURL=card-content.js.map

package/card/card-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.js","sourceRoot":"","sources":["../../src/card/card-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIiE,eAAU,GAAG,KAAK,CAAC;IA2B3F,CAAC;aA7BiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAIrC,MAAM;QACb,OAAO,IAAI,CAAA;2BACY,IAAI,CAAC,gBAAgB,WAAW,CAAC;IAC1D,CAAC;IAEO,gBAAgB,CAAC,CAAQ;QAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QAEzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAEtE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC;gBAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,OAAO;YACT,CAAC;QACH,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;;AA1BqE;IAArE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAoB;AAJ9E,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA+BzB","sourcesContent":["import { HTMLTemplateResult, LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './card-content.styles.js';\n\n@customElement('u-card-content')\nexport class UmCardContent extends LitElement {\n\n  static override styles = [baseStyles, styles];\n\n  @property({ type: Boolean, attribute: 'has-content', reflect: true }) hasContent = false;\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <slot @slotchange=\"${this.handleSlotChange}\"></slot>`;\n  }\n\n  private handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n\n    this.hasContent = slot.assignedElements({ flatten: true }).length > 0;\n\n    if (this.hasContent) {\n      return;\n    }\n\n    const nodes = slot.assignedNodes({ flatten: true });\n\n    for (const node of nodes) {\n      if (node.nodeValue?.trim()) {\n        this.hasContent = true;\n        return;\n      }\n    }\n\n    this.hasContent = false;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-card-content': UmCardContent;\n  }\n}\n"]}

package/card/card-content.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=card-content.styles.d.ts.map

package/card/card-content.styles.d.ts.map

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

package/card/card-content.styles.js

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  :host(:has(slot > *)) {
+    display: none;
+  }
+
+  :host([has-content]) {
+    padding: var(--u-card-padding, 16px);
+  }
+
+  slot {
+    border-radius: inherit;
+  }
+`;
+//# sourceMappingURL=card-content.styles.js.map

package/card/card-content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.styles.js","sourceRoot":"","sources":["../../src/card/card-content.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;CAgBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  :host(:has(slot > *)) {\n    display: none;\n  }\n\n  :host([has-content]) {\n    padding: var(--u-card-padding, 16px);\n  }\n\n  slot {\n    border-radius: inherit;\n  }\n`;\n"]}

package/card/card-media.d.ts

@@ -0,0 +1,12 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+export declare class UmCardMedia extends LitElement {
+    static styles: import("lit").CSSResult[];
+    wide: boolean;
+    render(): HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-card-media': UmCardMedia;
+    }
+}
+//# sourceMappingURL=card-media.d.ts.map

package/card/card-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-media.d.ts","sourceRoot":"","sources":["../../src/card/card-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAM3D,qBACa,WAAY,SAAQ,UAAU;IAEzC,OAAgB,MAAM,4BAAwB;IAEF,IAAI,UAAS;IAEhD,MAAM,IAAI,kBAAkB;CAItC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/card/card-media.js

@@ -0,0 +1,24 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles.js';
+import { styles } from './card-media.styles.js';
+let UmCardMedia = class UmCardMedia extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.wide = false;
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <slot></slot>`;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmCardMedia.prototype, "wide", void 0);
+UmCardMedia = __decorate([
+    customElement('u-card-media')
+], UmCardMedia);
+export { UmCardMedia };
+//# sourceMappingURL=card-media.js.map

package/card/card-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-media.js","sourceRoot":"","sources":["../../src/card/card-media.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIuC,SAAI,GAAG,KAAK,CAAC;IAM3D,CAAC;aARiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAIrC,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;;AAL2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAc;AAJ9C,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAUvB","sourcesContent":["import { HTMLTemplateResult, LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './card-media.styles.js';\n\n@customElement('u-card-media')\nexport class UmCardMedia extends LitElement {\n\n  static override styles = [baseStyles, styles];\n\n  @property({ type: Boolean, reflect: true }) wide = false;\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-card-media': UmCardMedia;\n  }\n}\n"]}

package/card/card-media.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=card-media.styles.d.ts.map

package/card/card-media.styles.d.ts.map

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

package/card/card-media.styles.js

@@ -0,0 +1,13 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    aspect-ratio: 1;
+    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));
+  }
+
+  :host([wide]) {
+    aspect-ratio: 16/9;
+  }
+`;
+//# sourceMappingURL=card-media.styles.js.map

package/card/card-media.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-media.styles.js","sourceRoot":"","sources":["../../src/card/card-media.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    aspect-ratio: 1;\n    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  :host([wide]) {\n    aspect-ratio: 16/9;\n  }\n`;\n"]}

package/card/card.d.ts

@@ -0,0 +1,19 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+import './card-content.js';
+import './card-media.js';
+import '../elevation/elevation.js';
+export type UmCardVariant = 'filled' | 'elevated' | 'outlined';
+export declare class UmCard extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The Card variant to render.
+     */
+    variant: UmCardVariant;
+    render(): HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-card': UmCard;
+    }
+}
+//# sourceMappingURL=card.d.ts.map

package/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IAC0B,OAAO,EAAE,aAAa,CAAY;IAEtD,MAAM,IAAI,kBAAkB;CAUtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}

package/card/card.js

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles.js';
+import { styles } from './card.styles.js';
+import './card-content.js';
+import './card-media.js';
+import '../elevation/elevation.js';
+let UmCard = class UmCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The Card variant to render.
+         */
+        this.variant = 'filled';
+    }
+    static { this.styles = [baseStyles, styles]; }
+    render() {
+        return html `
+      <u-elevation></u-elevation>
+      <slot name="before-content"></slot>
+      <u-card-content>
+        <slot></slot>
+      </u-card-content>
+      <slot name="after-content"></slot>
+    `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], UmCard.prototype, "variant", void 0);
+UmCard = __decorate([
+    customElement('u-card')
+], UmCard);
+export { UmCard };
+//# sourceMappingURL=card.js.map

package/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAGL;;WAEG;QAC0B,YAAO,GAAkB,QAAQ,CAAC;IAYjE,CAAC;aAjBiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAOrC,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;;AAX4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAmC;AANpD,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAkBlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './card.styles.js';\n\nimport './card-content.js';\nimport './card-media.js';\nimport '../elevation/elevation.js';\n\nexport type UmCardVariant = 'filled' | 'elevated' | 'outlined';\n\n@customElement('u-card')\nexport class UmCard extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  /**\n   * The Card variant to render.\n   */\n  @property({ reflect: true }) variant: UmCardVariant = 'filled';\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <u-elevation></u-elevation>\n      <slot name=\"before-content\"></slot>\n      <u-card-content>\n        <slot></slot>\n      </u-card-content>\n      <slot name=\"after-content\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-card': UmCard;\n  }\n}\n"]}

package/card/card.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=card.styles.d.ts.map

package/card/card.styles.d.ts.map

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

package/card/card.styles.js

@@ -0,0 +1,31 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    position: relative;
+    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));
+  }
+
+  :host([variant=elevated]) {
+    --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));
+    background-color: var(--u-current-bg-color);
+  }
+  :host([variant=elevated]) u-elevation {
+    --u-elevation-level: var(--u-elevated-card-elevation-level, 1);
+  }
+
+  :host([variant=filled]) {
+    --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));
+    background-color: var(--u-current-bg-color);
+  }
+
+  :host([variant=outlined]) {
+    border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));
+  }
+
+  u-card-content,
+  slot {
+    border-radius: inherit;
+  }
+`;
+//# sourceMappingURL=card.styles.js.map

package/card/card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../src/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    position: relative;\n    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  :host([variant=elevated]) {\n    --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n    background-color: var(--u-current-bg-color);\n  }\n  :host([variant=elevated]) u-elevation {\n    --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n  }\n\n  :host([variant=filled]) {\n    --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n    background-color: var(--u-current-bg-color);\n  }\n\n  :host([variant=outlined]) {\n    border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n  }\n\n  u-card-content,\n  slot {\n    border-radius: inherit;\n  }\n`;\n"]}

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

@@ -0,0 +1,11 @@
+import { UmCheckbox } from './checkbox.js';
+declare const UmCheckboxListItem_base: import("../shared/mixin.js").MixinReturn<typeof UmCheckbox>;
+export declare class UmCheckboxListItem extends UmCheckboxListItem_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-checkbox-list-item': UmCheckboxListItem;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox-list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-list-item.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAE3C,qBACa,kBAAmB,SAAQ,uBAAyC;CAEhF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/checkbox/checkbox-list-item.js

@@ -0,0 +1,11 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';
+import { UmCheckbox } from './checkbox.js';
+let UmCheckboxListItem = class UmCheckboxListItem extends mixinSelectionControlListItem(UmCheckbox) {
+};
+UmCheckboxListItem = __decorate([
+    customElement('u-checkbox-list-item')
+], UmCheckboxListItem);
+export { UmCheckboxListItem };
+//# sourceMappingURL=checkbox-list-item.js.map

package/checkbox/checkbox-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-list-item.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,6BAA6B,CAAC,UAAU,CAAC;CAEhF,CAAA;AAFY,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAE9B","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';\nimport { UmCheckbox } from './checkbox.js';\n\n@customElement('u-checkbox-list-item')\nexport class UmCheckboxListItem extends mixinSelectionControlListItem(UmCheckbox) {\n\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-checkbox-list-item': UmCheckboxListItem;\n  }\n}\n"]}

package/checkbox/checkbox.d.ts

@@ -0,0 +1,21 @@
+import { PropertyValues } from '@lit/reactive-element';
+import { HTMLTemplateResult } from 'lit';
+import { UmSelectionControl } from '../shared/selection-control/selection-control.js';
+export declare class UmCheckbox extends UmSelectionControl {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    hideStateLayer: boolean;
+    get indeterminate(): boolean;
+    set indeterminate(indeterminate: boolean);
+    get checked(): boolean;
+    set checked(checked: boolean);
+    constructor();
+    firstUpdated(changedProperties: PropertyValues): void;
+    protected renderIndicator(): HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-checkbox': UmCheckbox;
+    }
+}
+//# sourceMappingURL=checkbox.d.ts.map

package/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAGtF,qBACa,UAAW,SAAQ,kBAAkB;;IAChD,OAAgB,MAAM,iCAAuC;IAIc,cAAc,UAAS;IAElG,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,OAAO,EAUvC;IAED,IAAa,OAAO,IAAI,OAAO,CAE9B;IAED,IAAa,OAAO,CAAC,OAAO,EAAE,OAAO,EAGpC;;IAMQ,YAAY,CAAC,iBAAiB,EAAE,cAAc;cAMpC,eAAe,IAAI,kBAAkB;CAKzD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,UAAU,CAAC;KAC1B;CACF"}

package/checkbox/checkbox.js

@@ -0,0 +1,53 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { UmSelectionControl } from '../shared/selection-control/selection-control.js';
+import { styles } from './checkbox.styles.js';
+let UmCheckbox = class UmCheckbox extends UmSelectionControl {
+    static { this.styles = [UmSelectionControl.styles, styles]; }
+    #indeterminate;
+    get indeterminate() {
+        return this.#indeterminate;
+    }
+    set indeterminate(indeterminate) {
+        this.#indeterminate = indeterminate;
+        if (!indeterminate) {
+            this.input?.classList.remove('indeterminate');
+            return;
+        }
+        this.input?.classList.add('indeterminate');
+        this.elementInternals.setFormValue(null);
+    }
+    get checked() {
+        return super.checked;
+    }
+    set checked(checked) {
+        super.checked = checked;
+        this.indeterminate = false;
+    }
+    constructor() {
+        super();
+        this.#indeterminate = false;
+        this.hideStateLayer = false;
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.indeterminate = this.indeterminate;
+    }
+    renderIndicator() {
+        return html `
+      <div class="border"><div class="indicator"></div></div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, attribute: 'hide-state-layer', reflect: true })
+], UmCheckbox.prototype, "hideStateLayer", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmCheckbox.prototype, "indeterminate", null);
+UmCheckbox = __decorate([
+    customElement('u-checkbox')
+], UmCheckbox);
+export { UmCheckbox };
+//# sourceMappingURL=checkbox.js.map

package/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,kBAAkB;aAChC,WAAM,GAAG,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,AAAtC,CAAuC;IAE7D,cAAc,CAAS;IAKvB,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,IAAI,aAAa,CAAC,aAAsB;QACtC,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;YAC9C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,IAAa,OAAO;QAClB,OAAO,KAAK,CAAC,OAAO,CAAC;IACvB,CAAC;IAED,IAAa,OAAO,CAAC,OAAgB;QACnC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA/BV,mBAAc,GAAG,KAAK,CAAC;QAEoD,mBAAc,GAAG,KAAK,CAAC;IA8BlG,CAAC;IAEQ,YAAY,CAAC,iBAAiC;QACrD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAEtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;IAC1C,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AA1C0E;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAwB;AAGlG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAG3B;AAVU,UAAU;IADtB,aAAa,CAAC,YAAY,CAAC;GACf,UAAU,CAgDtB","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmSelectionControl } from '../shared/selection-control/selection-control.js';\nimport { styles } from './checkbox.styles.js';\n\n@customElement('u-checkbox')\nexport class UmCheckbox extends UmSelectionControl {\n  static override styles = [UmSelectionControl.styles, styles];\n\n  #indeterminate = false;\n\n  @property({ type: Boolean, attribute: 'hide-state-layer', reflect: true }) hideStateLayer = false;\n\n  @property({ type: Boolean })\n  get indeterminate(): boolean {\n    return this.#indeterminate;\n  }\n\n  set indeterminate(indeterminate: boolean) {\n    this.#indeterminate = indeterminate;\n\n    if (!indeterminate) {\n      this.input?.classList.remove('indeterminate');\n      return;\n    }\n\n    this.input?.classList.add('indeterminate');\n    this.elementInternals.setFormValue(null);\n  }\n\n  override get checked(): boolean {\n    return super.checked;\n  }\n\n  override set checked(checked: boolean) {\n    super.checked = checked;\n    this.indeterminate = false;\n  }\n\n  constructor() {\n    super();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    this.indeterminate = this.indeterminate;\n  }\n\n  protected override renderIndicator(): HTMLTemplateResult {\n    return html`\n      <div class=\"border\"><div class=\"indicator\"></div></div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-checkbox': UmCheckbox;\n  }\n}\n"]}

package/checkbox/checkbox.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=checkbox.styles.d.ts.map

package/checkbox/checkbox.styles.d.ts.map

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