luxen-ui 0.18.2 → 0.19.0

package/dist/custom-elements.json

@@ -2205,6 +2205,121 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/color-scheme-icon/color-scheme-icon.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ColorSchemeIcon",
+          "cssProperties": [
+            {
+              "description": "Width and height of the glyph.",
+              "name": "--size",
+              "default": "1em"
+            },
+            {
+              "description": "Glyph color.",
+              "name": "--color",
+              "default": "currentColor"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root `<svg>`, for overriding the morph's timing or tilt.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "scheme",
+              "type": {
+                "text": "ColorScheme | undefined"
+              },
+              "description": "Which glyph to show. Leave it unset and the icon follows the page's scheme\n(`colorScheme.current` — a stored override, else the OS preference), so it\nstays in step with every other control without wiring. Set it to pin the\nglyph, for a legend or a preview that must not move.",
+              "attribute": "scheme",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Accessible label. When set, the glyph becomes meaningful (`role=\"img\"`);\nwhen absent it is decorative and hidden from assistive tech — the right\ndefault inside a row or button that already carries the name.",
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "scheme",
+              "type": {
+                "text": "ColorScheme | undefined"
+              },
+              "description": "Which glyph to show. Leave it unset and the icon follows the page's scheme\n(`colorScheme.current` — a stored override, else the OS preference), so it\nstays in step with every other control without wiring. Set it to pin the\nglyph, for a legend or a preview that must not move.",
+              "fieldName": "scheme"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Accessible label. When set, the glyph becomes meaningful (`role=\"img\"`);\nwhen absent it is decorative and hidden from assistive tech — the right\ndefault inside a row or button that already carries the name.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "LuxenElement",
+            "module": "/src/html/shared/luxen-element.js"
+          },
+          "tagName": "l-color-scheme-icon",
+          "customElement": true,
+          "summary": "A sun that morphs into a moon. Purely presentational: it shows a\ncolor scheme, it does not choose or store one.\n\nThe two glyphs are a single shape — the disc grows, a mask slides in to carve\nthe crescent, and the rays retract in a ripple — so the change reads as one\nobject turning rather than two icons swapping. That is why this is authored\nSVG rather than an `<l-icon>`: an Iconify icon is opaque, and you cannot grow\none into another or animate a mask inside it.\n\nUse it wherever a scheme needs a glyph and the surrounding element is already\nthe control — a `menuitemcheckbox` row, a button, a legend. With no `scheme`\nit follows the page's scheme from `luxen-ui/color-scheme`, so it needs no\nwiring; set `scheme` to pin it.",
+          "examples": [
+            {
+              "title": "In a menu row, where the row is the control",
+              "language": "html",
+              "code": "```html\n<l-dropdown-item type=\"checkbox\" checked>\n<l-color-scheme-icon slot=\"prefix\" scheme=\"dark\"></l-color-scheme-icon>\nDark theme\n</l-dropdown-item>\n```"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ColorScheme",
+          "declaration": {
+            "name": "ColorScheme",
+            "module": "src/html/elements/color-scheme-icon/color-scheme-icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ColorSchemeIcon",
+          "declaration": {
+            "name": "ColorSchemeIcon",
+            "module": "src/html/elements/color-scheme-icon/color-scheme-icon.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/color-scheme-icon/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/html/elements/color-scheme-icon/color-scheme-icon.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/combobox/combobox.ts",
@@ -3706,7 +3821,7 @@
               "name": ""
             },
             {
-              "description": "Leading content (e.g. icon).",
+              "description": "Leading content (e.g. icon). A `type=\"checkbox\"` item ignores it unless `check-placement=\"end\"` frees the leading column.",
               "name": "prefix"
             },
             {
@@ -3783,6 +3898,17 @@
               "attribute": "submenu-open",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "checkPlacement",
+              "type": {
+                "text": "'start' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Which side of a `type=\"checkbox\"` item carries the check mark. `start` (the\ndefault) puts it in the leading column, where it takes the place of any\n`prefix`. `end` moves it to the trailing edge, freeing that column so the\nitem can show its own icon alongside the state.",
+              "attribute": "check-placement",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "hasSubmenu",
@@ -3877,6 +4003,15 @@
               "default": "false",
               "description": "Whether this item's submenu is open. Managed by the parent `l-dropdown`.",
               "fieldName": "submenuOpen"
+            },
+            {
+              "name": "check-placement",
+              "type": {
+                "text": "'start' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Which side of a `type=\"checkbox\"` item carries the check mark. `start` (the\ndefault) puts it in the leading column, where it takes the place of any\n`prefix`. `end` moves it to the trailing edge, freeing that column so the\nitem can show its own icon alongside the state.",
+              "fieldName": "checkPlacement"
             }
           ],
           "superclass": {
@@ -8634,7 +8769,7 @@
           "events": [
             {
               "name": "change",
-              "description": "Fired when the active tab changes. Bubbles. Properties: `index: number`, `name: string | null`.",
+              "description": "Fired when the active tab changes. Bubbles. Not cancelable. Properties: `index: number`, `name: string | null`.",
               "cancelable": false
             }
           ],
@@ -8688,6 +8823,11 @@
               "title": "Mark the initially-active tab with `aria-selected=\"true\"` so it is styled as",
               "language": "html",
               "code": "selected before the script upgrades the element (progressive enhancement).\n```html\n<l-tabs variant=\"enclosed\">\n  <div>\n    <button aria-selected=\"true\">Tab 1</button>\n    <button>Tab 2</button>\n  </div>\n  <div>Content 1</div>\n  <div>Content 2</div>\n</l-tabs>\n```"
+            },
+            {
+              "title": "A tab button marked `disabled` (or `aria-disabled=\"true\"`) is skipped by",
+              "language": "html",
+              "code": "arrow keys, `Home` and `End`, and cannot be selected by a click or by\n`value` — it still owns its panel, so the tab/panel order is unchanged.\n```html\n<button disabled>Billing</button>\n```"
             }
           ]
         }

package/dist/elements/color-scheme-icon/color-scheme-icon.css

@@ -0,0 +1,98 @@
+/* Sun ↔ moon, morphed rather than swapped.
+
+   The two glyphs are one shape: a disc that grows, a mask circle that slides in
+   to bite a crescent out of it, and eight ray dots that collapse to nothing.
+   Nothing is added or removed between the states — which is the whole reason
+   this is authored SVG and not an `<l-icon>`. An Iconify icon is an opaque
+   document fetched from a set: you can cross-fade two of them, but you cannot
+   grow one into the other or animate a mask inside it.
+
+   Shadow DOM is doing real work here beyond encapsulation: the mask needs an
+   `id`, and ids are global in light DOM. Two icons on one page would collide and
+   the second would render through the first's mask. A shadow root scopes them
+   per instance for free. */
+
+:host {
+  --size: 1em;
+  --color: currentColor;
+
+  flex: none;
+  display: inline-flex;
+  inline-size: var(--size);
+  block-size: var(--size);
+  color: var(--color);
+}
+
+svg {
+  inline-size: 100%;
+  block-size: 100%;
+  fill: currentColor;
+  /* The tilt is what sells the transition: the glyph turns as it changes, so the
+     eye reads one object moving instead of two states cross-fading. */
+  rotate: 0deg;
+  transition: rotate 500ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+/* Every animated part scales about its own centre. `fill-box` is what makes
+   `center` mean the shape's own box rather than the whole viewBox. */
+.disc,
+.ray,
+.biter {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+.disc {
+  /* Sun-sized. The dark state grows it to the full radius; the mask then takes
+     the bite that turns it into a crescent. */
+  scale: 0.56;
+  transition: scale 500ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.biter {
+  /* Parked far enough out that it clears the sun entirely. The clearance must be
+     computed against the disc's *authored* r=9, not the 5.04 the sun appears to
+     be: masking happens in the element's own user space, before its `scale` is
+     applied, so the mask sees the full-size circle. 16px on both axes puts the
+     centres 22.6 apart against a 9+11 sum — the earlier 13px looked ample and
+     still bit a notch out of the sun's upper right.
+     It slides in rather than fading, so the crescent is carved, never dissolved. */
+  translate: 16px -16px;
+  transition: translate 500ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.ray {
+  scale: 1;
+  transition: scale 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+  /* Staggered from the index each ray carries, so they retract and return as a
+     ripple around the disc instead of blinking in unison. */
+  transition-delay: calc(var(--i) * 18ms);
+}
+
+:host([data-scheme='dark']) {
+  svg {
+    rotate: 40deg;
+  }
+
+  .disc {
+    scale: 1;
+  }
+
+  .biter {
+    translate: 5px -5px;
+  }
+
+  .ray {
+    scale: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  svg,
+  .disc,
+  .biter,
+  .ray {
+    transition-duration: 0ms;
+    transition-delay: 0ms;
+  }
+}

package/dist/elements/color-scheme-icon/color-scheme-icon.d.ts

@@ -0,0 +1,55 @@
+import { type ColorScheme } from '../../color-scheme.js';
+import { LuxenElement } from '../../shared/luxen-element.js';
+export type { ColorScheme };
+/**
+ * @summary A sun that morphs into a moon. Purely presentational: it shows a
+ * color scheme, it does not choose or store one.
+ *
+ * The two glyphs are a single shape — the disc grows, a mask slides in to carve
+ * the crescent, and the rays retract in a ripple — so the change reads as one
+ * object turning rather than two icons swapping. That is why this is authored
+ * SVG rather than an `<l-icon>`: an Iconify icon is opaque, and you cannot grow
+ * one into another or animate a mask inside it.
+ *
+ * Use it wherever a scheme needs a glyph and the surrounding element is already
+ * the control — a `menuitemcheckbox` row, a button, a legend. With no `scheme`
+ * it follows the page's scheme from `luxen-ui/color-scheme`, so it needs no
+ * wiring; set `scheme` to pin it.
+ *
+ * @example In a menu row, where the row is the control
+ * ```html
+ * <l-dropdown-item type="checkbox" checked>
+ *   <l-color-scheme-icon slot="prefix" scheme="dark"></l-color-scheme-icon>
+ *   Dark theme
+ * </l-dropdown-item>
+ * ```
+ *
+ * @cssproperty [--size=1em] - Width and height of the glyph.
+ * @cssproperty [--color=currentColor] - Glyph color.
+ *
+ * @csspart base - The root `<svg>`, for overriding the morph's timing or tilt.
+ *
+ * @customElement l-color-scheme-icon
+ */
+export declare class ColorSchemeIcon extends LuxenElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Which glyph to show. Leave it unset and the icon follows the page's scheme
+     * (`colorScheme.current` — a stored override, else the OS preference), so it
+     * stays in step with every other control without wiring. Set it to pin the
+     * glyph, for a legend or a preview that must not move.
+     */
+    scheme?: ColorScheme;
+    /**
+     * Accessible label. When set, the glyph becomes meaningful (`role="img"`);
+     * when absent it is decorative and hidden from assistive tech — the right
+     * default inside a row or button that already carries the name.
+     */
+    label?: string;
+    private _unsubscribe?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=color-scheme-icon.d.ts.map

package/dist/elements/color-scheme-icon/color-scheme-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-icon.d.ts","sourceRoot":"","sources":["../../../src/html/elements/color-scheme-icon/color-scheme-icon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAM7D,YAAY,EAAE,WAAW,EAAE,CAAC;AAY5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAC/C,OAAgB,MAAM,4BAAwB;IAE9C;;;;;OAKG;IAEH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,YAAY,CAAC,CAAa;IAEzB,iBAAiB;IAOjB,oBAAoB;IAMpB,UAAU;IAsBV,MAAM;CA+ChB"}

package/dist/elements/color-scheme-icon/color-scheme-icon.js

@@ -0,0 +1,138 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, svg, unsafeCSS } from 'lit';
+import { property } from 'lit/decorators.js';
+import { colorScheme } from '../../color-scheme.js';
+import { LuxenElement } from '../../shared/luxen-element.js';
+import hostStyles from '../../shared/styles/host.styles.js';
+import rawStyles from './color-scheme-icon.css?inline';
+const styles = unsafeCSS(rawStyles);
+/** Eight ray dots on a circle of radius 9.2 around the glyph's centre. */
+const RAYS = Array.from({ length: 8 }, (_, i) => {
+    const angle = (i * Math.PI) / 4;
+    return {
+        i,
+        cx: (12 + Math.cos(angle) * 9.2).toFixed(2),
+        cy: (12 + Math.sin(angle) * 9.2).toFixed(2),
+    };
+});
+/**
+ * @summary A sun that morphs into a moon. Purely presentational: it shows a
+ * color scheme, it does not choose or store one.
+ *
+ * The two glyphs are a single shape — the disc grows, a mask slides in to carve
+ * the crescent, and the rays retract in a ripple — so the change reads as one
+ * object turning rather than two icons swapping. That is why this is authored
+ * SVG rather than an `<l-icon>`: an Iconify icon is opaque, and you cannot grow
+ * one into another or animate a mask inside it.
+ *
+ * Use it wherever a scheme needs a glyph and the surrounding element is already
+ * the control — a `menuitemcheckbox` row, a button, a legend. With no `scheme`
+ * it follows the page's scheme from `luxen-ui/color-scheme`, so it needs no
+ * wiring; set `scheme` to pin it.
+ *
+ * @example In a menu row, where the row is the control
+ * ```html
+ * <l-dropdown-item type="checkbox" checked>
+ *   <l-color-scheme-icon slot="prefix" scheme="dark"></l-color-scheme-icon>
+ *   Dark theme
+ * </l-dropdown-item>
+ * ```
+ *
+ * @cssproperty [--size=1em] - Width and height of the glyph.
+ * @cssproperty [--color=currentColor] - Glyph color.
+ *
+ * @csspart base - The root `<svg>`, for overriding the morph's timing or tilt.
+ *
+ * @customElement l-color-scheme-icon
+ */
+export class ColorSchemeIcon extends LuxenElement {
+    connectedCallback() {
+        super.connectedCallback();
+        // Follows the page's scheme, not the OS directly: an override chosen
+        // elsewhere on the page — or in another tab — has to move this glyph too.
+        this._unsubscribe = colorScheme.subscribe(() => this.requestUpdate());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._unsubscribe?.();
+        this._unsubscribe = undefined;
+    }
+    willUpdate() {
+        // Set *before* the first render, not after: the shapes are then created
+        // already carrying the right values, and a page that loads in dark mode
+        // shows a moon instead of a sun animating into one.
+        //
+        // The CSS keys off `data-scheme` rather than the `scheme` attribute so the
+        // inherited value styles exactly like an explicit one — one selector, not two.
+        this.dataset.scheme = this.scheme ?? colorScheme.current;
+        // Not gated on a changed `label`: the decorative default has to be applied
+        // on the very first update too, when nothing has changed yet.
+        if (this.label) {
+            this.setAttribute('role', 'img');
+            this.setAttribute('aria-label', this.label);
+            this.removeAttribute('aria-hidden');
+        }
+        else {
+            this.removeAttribute('role');
+            this.removeAttribute('aria-label');
+            this.setAttribute('aria-hidden', 'true');
+        }
+    }
+    render() {
+        return html `
+      <svg
+        part="base"
+        viewBox="0 0 24 24"
+        aria-hidden="true"
+      >
+        <mask id="crescent">
+          <rect
+            width="24"
+            height="24"
+            fill="#fff"
+          />
+          <circle
+            class="biter"
+            cx="12"
+            cy="12"
+            r="11"
+            fill="#000"
+          />
+        </mask>
+
+        <circle
+          class="disc"
+          cx="12"
+          cy="12"
+          r="9"
+          mask="url(#crescent)"
+        />
+
+        <!-- \`svg\`, not \`html\`: a nested template is parsed as HTML even when it
+             sits inside an <svg>, so these circles would land in the HTML
+             namespace and render nothing at all. -->
+        ${RAYS.map((ray) => svg `
+            <circle
+              class="ray"
+              cx=${ray.cx}
+              cy=${ray.cy}
+              r="1.5"
+              style="--i:${ray.i}"
+            />
+          `)}
+      </svg>
+    `;
+    }
+}
+ColorSchemeIcon.styles = [hostStyles, styles];
+__decorate([
+    property({ reflect: true })
+], ColorSchemeIcon.prototype, "scheme", void 0);
+__decorate([
+    property()
+], ColorSchemeIcon.prototype, "label", void 0);

package/dist/elements/color-scheme-icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-scheme-icon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/color-scheme-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/html/elements/color-scheme-icon/index.ts"],"names":[],"mappings":"AAEA,cAAc,wBAAwB,CAAC"}

package/dist/elements/color-scheme-icon/index.js

@@ -0,0 +1,4 @@
+import { define } from '../../define.js';
+import { ColorSchemeIcon } from './color-scheme-icon.js';
+export * from './color-scheme-icon.js';
+define('color-scheme-icon', ColorSchemeIcon);

package/dist/elements/dropdown-item/dropdown-item.d.ts

@@ -4,7 +4,7 @@ import { LuxenElement } from '../../shared/luxen-element.js';
  * A menu item for use inside `<l-dropdown>`.
  *
  * @slot - Label text.
- * @slot prefix - Leading content (e.g. icon).
+ * @slot prefix - Leading content (e.g. icon). A `type="checkbox"` item ignores it unless `check-placement="end"` frees the leading column.
  * @slot suffix - Trailing content.
  * @slot submenu - Nested `l-dropdown-item` elements rendered in a submenu panel anchored to this item. Drop an `<hr>` between them for a separator.
  *
@@ -31,6 +31,13 @@ export declare class DropdownItem extends LuxenElement {
     accessor checked: boolean;
     /** Whether this item's submenu is open. Managed by the parent `l-dropdown`. */
     accessor submenuOpen: boolean;
+    /**
+     * Which side of a `type="checkbox"` item carries the check mark. `start` (the
+     * default) puts it in the leading column, where it takes the place of any
+     * `prefix`. `end` moves it to the trailing edge, freeing that column so the
+     * item can show its own icon alongside the state.
+     */
+    accessor checkPlacement: 'start' | 'end';
     private accessor _hasSubmenu;
     /** Whether this item has nested `slot="submenu"` items. */
     get hasSubmenu(): boolean;
@@ -47,6 +54,7 @@ export declare class DropdownItem extends LuxenElement {
     updated(changed: PropertyValues<this>): void;
     private _getDuration;
     private _handleSubmenuOpenChange;
+    private _renderCheck;
     private _onSubmenuSlotChange;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/elements/dropdown-item/dropdown-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/html/elements/dropdown-item/dropdown-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAU7D;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAgB,MAAM,4BAAwB;IAE9C,OAAO,CAAC,gBAAgB,CAIrB;IAEH,2CAA2C;IAE3C,QAAQ,CAAC,KAAK,SAAM;IAEpB,yBAAyB;IAEzB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,gDAAgD;IAEhD,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEhD,wEAAwE;IAExE,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAa;IAExD,4CAA4C;IAE5C,QAAQ,CAAC,OAAO,UAAS;IAEzB,+EAA+E;IAE/E,QAAQ,CAAC,WAAW,UAAS;IAG7B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAErC,2DAA2D;IAC3D,IAAI,UAAU,IAAI,OAAO,CAExB;IAEQ,iBAAiB;IAU1B,OAAO,KAAK,UAAU,GAErB;IAED,2EAA2E;IAC3E,YAAY,IAAI,MAAM;IAUtB,uFAAuF;IACvF,eAAe,IAAI,YAAY,EAAE;IAQjC,oEAAoE;IACpE,WAAW;IAKX,4EAA4E;IAC5E,YAAY;IAKH,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAM9C,OAAO,CAAC,YAAY;YAKN,wBAAwB;IA2BtC,OAAO,CAAC,oBAAoB,CAK1B;IAEO,MAAM;CAiEhB"}
+{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/html/elements/dropdown-item/dropdown-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAU7D;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAgB,MAAM,4BAAwB;IAE9C,OAAO,CAAC,gBAAgB,CAIrB;IAEH,2CAA2C;IAE3C,QAAQ,CAAC,KAAK,SAAM;IAEpB,yBAAyB;IAEzB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,gDAAgD;IAEhD,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEhD,wEAAwE;IAExE,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAa;IAExD,4CAA4C;IAE5C,QAAQ,CAAC,OAAO,UAAS;IAEzB,+EAA+E;IAE/E,QAAQ,CAAC,WAAW,UAAS;IAE7B;;;;;OAKG;IAEH,QAAQ,CAAC,cAAc,EAAE,OAAO,GAAG,KAAK,CAAW;IAGnD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAErC,2DAA2D;IAC3D,IAAI,UAAU,IAAI,OAAO,CAExB;IAEQ,iBAAiB;IAU1B,OAAO,KAAK,UAAU,GAErB;IAED,2EAA2E;IAC3E,YAAY,IAAI,MAAM;IAUtB,uFAAuF;IACvF,eAAe,IAAI,YAAY,EAAE;IAQjC,oEAAoE;IACpE,WAAW;IAKX,4EAA4E;IAC5E,YAAY;IAKH,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAM9C,OAAO,CAAC,YAAY;YAKN,wBAAwB;IA2BtC,OAAO,CAAC,YAAY;IAwBpB,OAAO,CAAC,oBAAoB,CAK1B;IAEO,MAAM;CAqDhB"}