@ixfx/components 0.7.0 → 0.7.2

package/dist/ac-text.d.ts

@@ -1,4 +1,4 @@
-import "./icon-DpA9x2Ve.js";
+import "./icon-CDGprSdE.js";
 import { LitElement, PropertyValues } from "lit";
 //#region src/ac-text/ac-text.d.ts
 type AcTextItem = {

package/dist/ac-text.js

@@ -4,7 +4,7 @@ import { n as tickledStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-CvnPanhA.js";
+import "./icon-DcEEGQa_.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 //#region src/ac-text/ac-text.ts

package/dist/{ac-token-BAa6ke09.d.ts → ac-token--_vCHXWw.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-DpA9x2Ve.js";
+import "./icon-CDGprSdE.js";
 import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
 import { LitElement, PropertyValues } from "lit";
 //#region src/ac-token/types.d.ts
@@ -104,4 +104,4 @@ interface AcTokenElement {
 }
 //#endregion
 export { AcTokenItem as a, AcTokenizerFn as c, AcTokenElementEventMap as i, AcTokensChangeDetail as l, AcTokenAddDetail as n, AcTokenRemoveDetail as o, AcTokenAddEvent as r, AcTokenRemoveEvent as s, AcTokenElement as t, AcTokensChangeEvent as u };
-//# sourceMappingURL=ac-token-BAa6ke09.d.ts.map
+//# sourceMappingURL=ac-token--_vCHXWw.d.ts.map

package/dist/{ac-token-BAa6ke09.d.ts.map → ac-token--_vCHXWw.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"ac-token-BAa6ke09.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts"],"mappings":";;;;KAAY;WACD;WACA;WACA;WACA;WACA;WACA,YAAY;;KAGX,iBAAiB;KAEjB;WACD,iBAAiB;;KAEhB,sBAAsB,YAAY;KAElC;WACD,MAAM;WACN;;KAEC,kBAAkB,YAAY;KAE9B;WACD,MAAM;WACN;;KAEC,qBAAqB,YAAY;UAE5B;EACf,mBAAmB;EACnB,gBAAgB;EAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;cCgDR,uBAAuB;;;EAGlC,oBAAoB,sBAAsB;;EAI1C,WAAW;;EAIX;;EAIA;;EAIA;;;;;EAOA;;;;;;EAQA;UAEiB;UACA;UACA;UACA;UAET;;MAqBJ,mBAAmB;MAInB,OAAO,gBAAgB;;;;;;;EAW3B,UAAU,gBAAgB;;MAKtB;EAMK;EAKA;YASU,QAAQ,cAAc;YA6btB,wBAAM;SA+BT,sBAAM;;QAkLhB;YACI;IACR,iBAAiB;;;UAIJ;EACf,oBAAoB,gBAAgB,wBAClC,MAAM,GACN,WAAW,MAAM,gBAAgB,OAAO,uBAAuB,aAC/D,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB"}
+{"version":3,"file":"ac-token--_vCHXWw.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts"],"mappings":";;;;KAAY;WACD;WACA;WACA;WACA;WACA;WACA,YAAY;;KAGX,iBAAiB;KAEjB;WACD,iBAAiB;;KAEhB,sBAAsB,YAAY;KAElC;WACD,MAAM;WACN;;KAEC,kBAAkB,YAAY;KAE9B;WACD,MAAM;WACN;;KAEC,qBAAqB,YAAY;UAE5B;EACf,mBAAmB;EACnB,gBAAgB;EAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;cCgDR,uBAAuB;;;EAGlC,oBAAoB,sBAAsB;;EAI1C,WAAW;;EAIX;;EAIA;;EAIA;;;;;EAOA;;;;;;EAQA;UAEiB;UACA;UACA;UACA;UAET;;MAqBJ,mBAAmB;MAInB,OAAO,gBAAgB;;;;;;;EAW3B,UAAU,gBAAgB;;MAKtB;EAMK;EAKA;YASU,QAAQ,cAAc;YA6btB,wBAAM;SA+BT,sBAAM;;QAkLhB;YACI;IACR,iBAAiB;;;UAIJ;EACf,oBAAoB,gBAAgB,wBAClC,MAAM,GACN,WAAW,MAAM,gBAAgB,OAAO,uBAAuB,aAC/D,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB"}

package/dist/ac-token.d.ts

@@ -1,2 +1,2 @@
-import { a as AcTokenItem, c as AcTokenizerFn, i as AcTokenElementEventMap, l as AcTokensChangeDetail, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokensChangeEvent } from "./ac-token-BAa6ke09.js";
+import { a as AcTokenItem, c as AcTokenizerFn, i as AcTokenElementEventMap, l as AcTokensChangeDetail, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokensChangeEvent } from "./ac-token--_vCHXWw.js";
 export { type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent };

package/dist/ac-token.js

@@ -2,7 +2,7 @@ import { t as TickledController } from "./tickled-controller-h9GmJ_bU.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-CvnPanhA.js";
+import "./icon-DcEEGQa_.js";
 import { t as DataController } from "./data-controller-DOlmqNKb.js";
 import { n as createAcCompletionProvider } from "./incr-search-vCzuao-2.js";
 import { LitElement, css, html, nothing } from "lit";

package/dist/{button-Dat2yHAU.js → button-DsFbV4XD.js}

@@ -1,5 +1,5 @@
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as getIcon } from "./registry-CkW7q09Q.js";
+import { i as hasIcon } from "./registry-BEtb8_wB.js";
 import "./icons.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
 import { LitElement, css, html, nothing } from "lit";
@@ -111,7 +111,7 @@ let ButtonElement = class ButtonElement extends LitElement {
 	_renderIcon() {
 		if (this.hideIcon || !this.icon) return nothing;
 		if (this.icon.startsWith(`<svg`)) return html`<span class="button-icon">${unsafeHTML(this.icon)}</span>`;
-		if (!getIcon(this.icon)) return nothing;
+		if (!hasIcon(this.icon)) return nothing;
 		return html`<ixfx-icon class="button-icon" name="${this.icon}"></ixfx-icon>`;
 	}
 	render() {
@@ -148,4 +148,4 @@ ButtonElement = __decorate([safeCustomElement(`ixfx-button`)], ButtonElement);
 //#endregion
 export { buttonStyles as n, ButtonElement as t };
 
-//# sourceMappingURL=button-Dat2yHAU.js.map
+//# sourceMappingURL=button-DsFbV4XD.js.map

package/dist/{button-Dat2yHAU.js.map → button-DsFbV4XD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-Dat2yHAU.js","names":["customElement"],"sources":["../src/button/button-styles.ts","../src/button/button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n    vertical-align: middle;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  button {\n    cursor: pointer;\n    appearance: none;\n    background: var(--surface-4, #ccc);\n    color: var(--surface-3-text, #000);\n    border: var(--border, 1px solid #999);\n    outline: var(--ixfx-button-outline, none);\n    border-radius: var(--radius-xl, 8px);\n    corner-shape: superellipse(1);\n    padding: var(--ixfx-button-padding-block, var(--space-m, 8px)) var(--ixfx-button-padding-inline, var(--space-l, 12px));\n    font-family: var(--font-family, inherit);\n    font-size: var(--text-m, 14px);\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5em;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    box-shadow: \n      var(--ixfx-button-shade, none),\n      inset 1px 1px 1px 1px color-mix(in oklch, var(--surface-4) 30%, transparent), inset -1px -1px 1px 1px color-mix(in oklch, var(--surface-2) 20%, transparent),\n      2px 2px 1px 0px color-mix(in oklch, var(--surface-2) 30%, transparent);\n    transition: background var(--transition, 0.2s), border-color var(--transition, 0.2s);\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  button:hover:not(:disabled) {\n    background: color-mix(in oklch, var(--surface-4) 80%, transparent);\n    border-color: var(--accent, #666);\n    box-shadow: \n      inset 1px 1px 1px 1px color-mix(in oklch, var(--surface-5) 70%, transparent), \n      inset -1px -1px 1px 1px color-mix(in oklch, var(--surface-2) 60%, transparent),\n      2px 2px 1px 0px color-mix(in oklch, var(--surface-2) 90%, transparent);\n  }\n\n  button:active:not(:disabled) {\n    background: var(--surface-2, #aaa);\n    transform: translateY(1px);\n    box-shadow: inset 1px 1px 0px 0.5px color-mix(in oklch,var(--surface-1),transparent);\n  }\n\n  .button-icon {\n    display: var(--ixfx-button-hide-icon, inline-flex);\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .button-label {\n    white-space: nowrap;\n  }\n\n  :host([has-icon]) .button-label {\n    display: var(--ixfx-button-hide-label, inline);\n  }\n\n  :host([hide-label]) .button-label {\n    display: none;\n  }\n\n  :host([hide-icon]) .button-icon {\n    display: none;\n  }\n\n  :host([subtle]) button {\n    background: color-mix(in oklch, var(--surface-4, #ccc) 40%, transparent);\n  }\n\n  :host([subtle]) button:hover:not(:disabled),\n  :host([subtle]) button:focus-visible:not(:disabled) {\n    background: color-mix(in oklch, var(--surface-4, #ccc) 70%, transparent);\n  }\n`;\n","import { html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { getIcon } from \"../icons/index.js\";\nimport { prominenceStyles } from \"../styles/prominence.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\nimport { buttonStyles } from \"./button-styles.js\";\n\n@customElement(`ixfx-button`)\nexport class ButtonElement extends LitElement {\n  @property({ type: Boolean })\n  disabled = false;\n\n  @property({ type: String })\n  icon?: string;\n\n  @property({ type: Boolean, attribute: `hide-icon`, reflect: true })\n  hideIcon = false;\n\n  @property({ type: Boolean, attribute: `hide-label`, reflect: true })\n  hideLabel = false;\n\n  @property({ type: Boolean, attribute: `has-icon`, reflect: true })\n  hasIcon = false;\n\n  @property({ type: Boolean, reflect: true })\n  subtle = false;\n\n  protected _renderIcon() {\n    if (this.hideIcon || !this.icon)\n      return nothing;\n\n    if (this.icon.startsWith(`<svg`)) {\n      return html`<span class=\"button-icon\">${unsafeHTML(this.icon)}</span>`;\n    }\n\n    const svg = getIcon(this.icon);\n\n    if (!svg)\n      return nothing;\n\n    return html`<ixfx-icon class=\"button-icon\" name=\"${this.icon}\"></ixfx-icon>`;\n  }\n\n  protected render() {\n    this.hasIcon = !this.hideIcon && !!this.icon;\n    const label = this.hideLabel\n      ? nothing\n      : html`<span class=\"button-label\"><slot></slot></span>`;\n    return html`<button ?disabled=${this.disabled}>${this._renderIcon()}${label}</button>`;\n  }\n\n  static styles = [\n    prominenceStyles,\n    buttonStyles,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-button\": ButtonElement;\n  }\n}\n"],"mappings":";;;;;;;;AAEA,MAAa,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOxB,IAAM,gBAAN,MAAM,sBAAsB,WAAW;;;EAEjC,KAAA,WAAA;EAMA,KAAA,WAAA;EAGC,KAAA,YAAA;EAGF,KAAA,UAAA;EAGD,KAAA,SAAA;;CAET,cAAwB;EACtB,IAAI,KAAK,YAAY,CAAC,KAAK,MACzB,OAAO;EAET,IAAI,KAAK,KAAK,WAAW,MAAM,GAC7B,OAAO,IAAI,6BAA6B,WAAW,KAAK,IAAI,EAAE;EAKhE,IAAI,CAFQ,QAAQ,KAAK,IAElB,GACL,OAAO;EAET,OAAO,IAAI,wCAAwC,KAAK,KAAK;CAC/D;CAEA,SAAmB;EACjB,KAAK,UAAU,CAAC,KAAK,YAAY,CAAC,CAAC,KAAK;EACxC,MAAM,QAAQ,KAAK,YACf,UACA,IAAI;EACR,OAAO,IAAI,qBAAqB,KAAK,SAAS,GAAG,KAAK,YAAY,IAAI,MAAM;CAC9E;;EAEgB,KAAA,SAAA,CACd,kBACA,YACF;;AACF;AA9CG,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;AAGjE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;AAGlE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,WAAA,KAAA,CAAA;AAGhE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,UAAA,KAAA,CAAA;AAjB3CA,gBAAAA,WAAAA,CAAAA,kBAAc,aAAa,CAAA,GAAA,aAAA"}
+{"version":3,"file":"button-DsFbV4XD.js","names":["customElement"],"sources":["../src/button/button-styles.ts","../src/button/button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n    vertical-align: middle;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  button {\n    cursor: pointer;\n    appearance: none;\n    background: var(--surface-4, #ccc);\n    color: var(--surface-3-text, #000);\n    border: var(--border, 1px solid #999);\n    outline: var(--ixfx-button-outline, none);\n    border-radius: var(--radius-xl, 8px);\n    corner-shape: superellipse(1);\n    padding: var(--ixfx-button-padding-block, var(--space-m, 8px)) var(--ixfx-button-padding-inline, var(--space-l, 12px));\n    font-family: var(--font-family, inherit);\n    font-size: var(--text-m, 14px);\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5em;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    box-shadow: \n      var(--ixfx-button-shade, none),\n      inset 1px 1px 1px 1px color-mix(in oklch, var(--surface-4) 30%, transparent), inset -1px -1px 1px 1px color-mix(in oklch, var(--surface-2) 20%, transparent),\n      2px 2px 1px 0px color-mix(in oklch, var(--surface-2) 30%, transparent);\n    transition: background var(--transition, 0.2s), border-color var(--transition, 0.2s);\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  button:hover:not(:disabled) {\n    background: color-mix(in oklch, var(--surface-4) 80%, transparent);\n    border-color: var(--accent, #666);\n    box-shadow: \n      inset 1px 1px 1px 1px color-mix(in oklch, var(--surface-5) 70%, transparent), \n      inset -1px -1px 1px 1px color-mix(in oklch, var(--surface-2) 60%, transparent),\n      2px 2px 1px 0px color-mix(in oklch, var(--surface-2) 90%, transparent);\n  }\n\n  button:active:not(:disabled) {\n    background: var(--surface-2, #aaa);\n    transform: translateY(1px);\n    box-shadow: inset 1px 1px 0px 0.5px color-mix(in oklch,var(--surface-1),transparent);\n  }\n\n  .button-icon {\n    display: var(--ixfx-button-hide-icon, inline-flex);\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .button-label {\n    white-space: nowrap;\n  }\n\n  :host([has-icon]) .button-label {\n    display: var(--ixfx-button-hide-label, inline);\n  }\n\n  :host([hide-label]) .button-label {\n    display: none;\n  }\n\n  :host([hide-icon]) .button-icon {\n    display: none;\n  }\n\n  :host([subtle]) button {\n    background: color-mix(in oklch, var(--surface-4, #ccc) 40%, transparent);\n  }\n\n  :host([subtle]) button:hover:not(:disabled),\n  :host([subtle]) button:focus-visible:not(:disabled) {\n    background: color-mix(in oklch, var(--surface-4, #ccc) 70%, transparent);\n  }\n`;\n","import { html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { hasIcon } from \"../icons/index.js\";\nimport { prominenceStyles } from \"../styles/prominence.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\nimport { buttonStyles } from \"./button-styles.js\";\n\n@customElement(`ixfx-button`)\nexport class ButtonElement extends LitElement {\n  @property({ type: Boolean })\n  disabled = false;\n\n  @property({ type: String })\n  icon?: string;\n\n  @property({ type: Boolean, attribute: `hide-icon`, reflect: true })\n  hideIcon = false;\n\n  @property({ type: Boolean, attribute: `hide-label`, reflect: true })\n  hideLabel = false;\n\n  @property({ type: Boolean, attribute: `has-icon`, reflect: true })\n  hasIcon = false;\n\n  @property({ type: Boolean, reflect: true })\n  subtle = false;\n\n  protected _renderIcon() {\n    if (this.hideIcon || !this.icon)\n      return nothing;\n\n    if (this.icon.startsWith(`<svg`)) {\n      return html`<span class=\"button-icon\">${unsafeHTML(this.icon)}</span>`;\n    }\n\n    if (!hasIcon(this.icon))\n      return nothing;\n\n    return html`<ixfx-icon class=\"button-icon\" name=\"${this.icon}\"></ixfx-icon>`;\n  }\n\n  protected render() {\n    this.hasIcon = !this.hideIcon && !!this.icon;\n    const label = this.hideLabel\n      ? nothing\n      : html`<span class=\"button-label\"><slot></slot></span>`;\n    return html`<button ?disabled=${this.disabled}>${this._renderIcon()}${label}</button>`;\n  }\n\n  static styles = [\n    prominenceStyles,\n    buttonStyles,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-button\": ButtonElement;\n  }\n}\n"],"mappings":";;;;;;;;AAEA,MAAa,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOxB,IAAM,gBAAN,MAAM,sBAAsB,WAAW;;;EAEjC,KAAA,WAAA;EAMA,KAAA,WAAA;EAGC,KAAA,YAAA;EAGF,KAAA,UAAA;EAGD,KAAA,SAAA;;CAET,cAAwB;EACtB,IAAI,KAAK,YAAY,CAAC,KAAK,MACzB,OAAO;EAET,IAAI,KAAK,KAAK,WAAW,MAAM,GAC7B,OAAO,IAAI,6BAA6B,WAAW,KAAK,IAAI,EAAE;EAGhE,IAAI,CAAC,QAAQ,KAAK,IAAI,GACpB,OAAO;EAET,OAAO,IAAI,wCAAwC,KAAK,KAAK;CAC/D;CAEA,SAAmB;EACjB,KAAK,UAAU,CAAC,KAAK,YAAY,CAAC,CAAC,KAAK;EACxC,MAAM,QAAQ,KAAK,YACf,UACA,IAAI;EACR,OAAO,IAAI,qBAAqB,KAAK,SAAS,GAAG,KAAK,YAAY,IAAI,MAAM;CAC9E;;EAEgB,KAAA,SAAA,CACd,kBACA,YACF;;AACF;AA5CG,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;AAGjE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;AAGlE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,WAAA,KAAA,CAAA;AAGhE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,UAAA,KAAA,CAAA;AAjB3CA,gBAAAA,WAAAA,CAAAA,kBAAc,aAAa,CAAA,GAAA,aAAA"}

package/dist/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../src/button/button.ts"],"mappings":";;cASa,sBAAsB;EAEjC;EAGA;EAGA;EAGA;EAGA;EAGA;YAEU,sBAAW,wBAAA;YAgBX,wBAAM;SAQT,sBAAM;;QAMP;YACI;IACR,eAAe"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../src/button/button.ts"],"mappings":";;cASa,sBAAsB;EAEjC;EAGA;EAGA;EAGA;EAGA;EAGA;YAEU,sBAAW,wBAAA;YAcX,wBAAM;SAQT,sBAAM;;QAMP;YACI;IACR,eAAe"}

package/dist/button.js

@@ -1,2 +1,2 @@
-import { t as ButtonElement } from "./button-Dat2yHAU.js";
+import { t as ButtonElement } from "./button-DsFbV4XD.js";
 export { ButtonElement };

package/dist/{colour-picker-BSDBL-QL.js → colour-picker-Ddsk-7E_.js}

@@ -1,7 +1,7 @@
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { n as ICON_CHECK } from "./defaults-BkWCPJFL.js";
+import { n as ICON_CHECK } from "./defaults-BJwDsMH4.js";
 import "./labelled-range-input.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
@@ -933,4 +933,4 @@ ColourPickerPopup = __decorate([safeCustomElement(`ixfx-colour-picker-popup`)],
 //#endregion
 export { ColourPicker as n, ColourPickerPopup as t };
 
-//# sourceMappingURL=colour-picker-BSDBL-QL.js.map
+//# sourceMappingURL=colour-picker-Ddsk-7E_.js.map

package/dist/{colour-picker-BSDBL-QL.js.map → colour-picker-Ddsk-7E_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"colour-picker-BSDBL-QL.js","names":["customElement","customElement"],"sources":["../src/colour-picker/util.ts","../src/colour-picker/colour-picker.ts","../src/colour-picker/colour-picker-popup.ts"],"sourcesContent":["import type { Range, SliderType } from \"./types\";\n\nexport const MAX_CHROMA = 0.4;\nexport const RANGE_LIMITS: Record<SliderType, Range> = {\n  l: [0, 1],\n  c: [0, MAX_CHROMA],\n  h: [0, 360],\n  a: [0, 1],\n} as const;\nexport const DEFAULT_RANGES: Record<SliderType, Range> = {\n  l: RANGE_LIMITS.l,\n  c: RANGE_LIMITS.c,\n  h: RANGE_LIMITS.h,\n  a: RANGE_LIMITS.a,\n} as const;\n\nexport function rangeSpan([min, max]: Range): number {\n  return Math.max(max - min, 0);\n}\n\nexport function cloneRange(range: Range): Range {\n  return [range[0], range[1]] as Range;\n}\n\n/**\n * Convert OKLCH to a CSS string\n */\nexport function oklchToCss(l: number, c: number, h: number, a: number = 1): string {\n  if (a < 1) {\n    return `oklch(${l} ${c} ${h} / ${a})`;\n  }\n  return `oklch(${l} ${c} ${h})`;\n}\n\n/**\n * Clamp a value between min and max\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n","/**\n * <ixfx-colour-picker> — OKLCH colour picker using CSS-gradient-rendered sliders.\n *\n * Properties:\n *   l — lightness 0..1\n *   c — chroma 0..0.4\n *   h — hue 0..360\n *\n * Getters:\n *   value — current color as CSS string e.g. \"oklch(0.7 0.15 180)\"\n *\n * Methods:\n *   setColour(colour: Colour.Colourish) — programmatically set colour from any\n *     ixfx-compatible format; also resets double-click defaults for all sliders.\n *\n * Events:\n *   input — CustomEvent { detail: { l, c, h } }\n *\n * Double-click any slider label to reset that channel to the last\n * programmatically set value (not the user-dialled value).\n */\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type { ColourPickerEventDetail, Range, RangeInput } from './types.js';\nimport { Colour } from '@ixfx/visual';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { DEFAULT_RANGES, oklchToCss } from './util.js';\nimport '../labelled-range-input/index.js';\n\ntype ChannelSlider = `l` | `c` | `h` | `a`;\n\n@customElement(`ixfx-colour-picker`)\nexport class ColourPicker extends LitElement {\n  @property({ type: Number }) l = 0.7;\n  @property({ type: Number }) c = 0.15;\n  @property({ type: Number }) h = 180;\n  @property({ type: Number }) a = 1;\n\n  @property({ type: Boolean, attribute: `hide-preview`, reflect: true }) hidePreview = false;\n  @property({ type: Boolean, attribute: `hide-h`, reflect: true }) hideH = false;\n  @property({ type: Boolean, attribute: `hide-l`, reflect: true }) hideL = false;\n  @property({ type: Boolean, attribute: `hide-c`, reflect: true }) hideC = false;\n  @property({ type: Boolean, attribute: `show-a` }) showA = false;\n  @property({ type: Boolean, attribute: `horizontal`, reflect: true }) horizontal = false;\n  @property({ type: Boolean, attribute: `sliders-vertical`, reflect: true }) slidersVertical = false;\n  @property({ type: Boolean, attribute: `hide-tooltips`, reflect: true }) hideTooltips = false;\n\n  @property({ type: String, attribute: `value` })\n  private _valueAttr: string | null = null;\n\n  @property({ type: String, attribute: `range-l` }) rangeLAttr: string | null = null;\n  @property({ type: String, attribute: `range-c` }) rangeCAttr: string | null = null;\n  @property({ type: String, attribute: `range-h` }) rangeHAttr: string | null = null;\n  @property({ type: String, attribute: `range-a` }) rangeAAttr: string | null = null;\n\n  private _ranges: Record<ChannelSlider, Range> = {\n    l: DEFAULT_RANGES.l,\n    c: DEFAULT_RANGES.c,\n    h: DEFAULT_RANGES.h,\n    a: DEFAULT_RANGES.a,\n  };\n\n  @query(`#slider-l`) _sliderL!: HTMLElement;\n  @query(`#slider-c`) _sliderC!: HTMLElement;\n  @query(`#slider-h`) _sliderH!: HTMLElement;\n  @query(`#slider-a`) _sliderA!: HTMLElement;\n  @query(`.preview`) _previewEl!: HTMLElement;\n\n  // Last programmatically-set values — used as double-click reset targets.\n  // Initialised to the component's own defaults.\n  private _defaultL = this.l;\n  private _defaultC = this.c;\n  private _defaultH = this.h;\n  private _defaultA = this.a;\n\n  // Keys are added synchronously in input handlers and cleared only inside\n  // updated() (which runs asynchronously). This means updated() can reliably\n  // tell whether a property change was user-initiated or programmatic.\n  private readonly _userInitiated = new Set<string>();\n\n  get value(): string {\n    return oklchToCss(this.l, this.c, this.h, this.a);\n  }\n\n  set value(colourString: string) {\n    const c = Colour.convert(colourString, `oklch-absolute`);\n    this.l = c.l;\n    this.c = c.c;\n    this.h = c.h;\n    this.a = c.opacity ?? 1;\n    this._valueAttr = colourString;\n  }\n\n  /**\n   * Set the colour from any ixfx-compatible format (CSS string, OkLch object,\n   * HSL object, etc.). Also updates the double-click reset defaults for all\n   * sliders.\n   */\n  setColour(colour: Colour.Colourish): void {\n    const c = Colour.convert(colour, `oklch-absolute`);\n    this.l = c.l;\n    this.c = c.c;\n    this.h = c.h;\n    this.a = c.opacity ?? 1;\n    // No _userInitiated keys added → updated() will set _defaultL/C/H/A. ✓\n  }\n\n  get rangeL(): Range {\n    return [this._ranges.l[0], this._ranges.l[1]];\n  }\n\n  set rangeL(range: RangeInput) {\n    this._applyRangeInput(`l`, range);\n  }\n\n  get rangeC(): Range {\n    return [this._ranges.c[0], this._ranges.c[1]];\n  }\n\n  set rangeC(range: RangeInput) {\n    this._applyRangeInput(`c`, range);\n  }\n\n  get rangeH(): Range {\n    return [this._ranges.h[0], this._ranges.h[1]];\n  }\n\n  set rangeH(range: RangeInput) {\n    this._applyRangeInput(`h`, range);\n  }\n\n  get rangeA(): Range {\n    return [this._ranges.a[0], this._ranges.a[1]];\n  }\n\n  set rangeA(range: RangeInput) {\n    this._applyRangeInput(`a`, range);\n  }\n\n  setRangeL(range: RangeInput): void {\n    this.rangeL = range;\n  }\n\n  setRangeC(range: RangeInput): void {\n    this.rangeC = range;\n  }\n\n  setRangeH(range: RangeInput): void {\n    this.rangeH = range;\n  }\n\n  setRangeA(range: RangeInput): void {\n    this.rangeA = range;\n  }\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    if (changedProperties.has(`rangeLAttr`))\n      this._setRangeFromAttribute(`l`, this.rangeLAttr);\n    if (changedProperties.has(`rangeCAttr`))\n      this._setRangeFromAttribute(`c`, this.rangeCAttr);\n    if (changedProperties.has(`rangeHAttr`))\n      this._setRangeFromAttribute(`h`, this.rangeHAttr);\n    if (changedProperties.has(`rangeAAttr`))\n      this._setRangeFromAttribute(`a`, this.rangeAAttr);\n    super.willUpdate(changedProperties);\n  }\n\n  private _applyRangeInput(channel: ChannelSlider, input: RangeInput): void {\n    const normalized = this._coerceRangeInput(channel, input);\n    if (!normalized)\n      return;\n    this._setRange(channel, normalized);\n  }\n\n  private _coerceRangeInput(channel: ChannelSlider, input: RangeInput): Range | null {\n    if (!Array.isArray(input) || input.length < 2)\n      return null;\n    const [start, end] = input;\n    if (!Number.isFinite(start) || !Number.isFinite(end))\n      return null;\n    return this._normalizeRange(channel, [start, end]);\n  }\n\n  private _setRangeFromAttribute(channel: ChannelSlider, value: string | null): void {\n    if (value === null) {\n      this._setRange(channel, DEFAULT_RANGES[channel]);\n      return;\n    }\n    const parsed = this._parseRangeString(channel, value);\n    if (parsed)\n      this._setRange(channel, parsed);\n  }\n\n  private _setRange(channel: ChannelSlider, range: Range): void {\n    const normalized = this._normalizeRange(channel, range);\n    const currentRange = this._ranges[channel];\n    if (currentRange[0] === normalized[0] && currentRange[1] === normalized[1])\n      return;\n\n    this._ranges = { ...this._ranges, [channel]: normalized };\n\n    switch (channel) {\n      case `l`:\n        this.l = this._clampToRange(`l`, this.l);\n        break;\n      case `c`:\n        this.c = this._clampToRange(`c`, this.c);\n        break;\n      case `h`:\n        this.h = this._clampToRange(`h`, this.h);\n        break;\n      case `a`:\n        this.a = this._clampToRange(`a`, this.a);\n        break;\n    }\n\n    this.requestUpdate();\n  }\n\n  private _getRange(channel: ChannelSlider): Range {\n    return this._ranges[channel] ?? DEFAULT_RANGES[channel];\n  }\n\n  private _parseRangeString(channel: ChannelSlider, value: string): Range | null {\n    const cleaned = value.trim();\n    const parts = cleaned.split(`-`, 2);\n    if (parts.length !== 2)\n      return null;\n    const start = Number(parts[0]!.trim());\n    const end = Number(parts[1]!.trim());\n    if (!Number.isFinite(start) || !Number.isFinite(end))\n      return null;\n    return this._normalizeRange(channel, [start, end]);\n  }\n\n  private _normalizeRange(channel: ChannelSlider, range: Range): Range {\n    const limits = DEFAULT_RANGES[channel];\n    const [rawMin, rawMax] = range;\n    const minVal = Math.min(Math.min(rawMin, rawMax), limits[1]);\n    const maxVal = Math.max(Math.max(rawMin, rawMax), limits[0]);\n    return [\n      Math.max(minVal, limits[0]),\n      Math.min(maxVal, limits[1]),\n    ];\n  }\n\n  private _clampToRange(channel: ChannelSlider, value: number): number {\n    const [min, max] = this._getRange(channel);\n    return Math.min(Math.max(value, min), max);\n  }\n\n  override render() {\n    const makeSlider = (channel: `l` | `c` | `h` | `a`, label: string, min: number, max: number, step: number, isHidden: boolean, formatter?: (value: string) => string) => {\n      if (isHidden)\n        return nothing;\n      return html`\n        <ixfx-labelled-range-input\n          id=\"slider-${channel}\"\n          label=\"${label}\"\n          min=${min}\n          max=${max}\n          mini-width-threshold=200\n          .value=${this[channel]}\n          step=${step}\n          .orientation=${this.slidersVertical ? `vertical` : `horizontal`}\n          .formatter=${formatter}\n          ?no-tooltip=${this.hideTooltips}\n          .displayTextLogic=${this.hideTooltips ? `show` : `transient`}\n          @input=${(e: Event) => this._onInput(e, channel)}\n          @change=${(e: Event) => this._onChange(e, channel)}\n        ></ixfx-labelled-range-input>\n      `;\n    };\n\n    return html`\n      <div class=\"picker\" ?horizontal=${this.horizontal}>\n        <div class=\"preview\" ?hidden=${this.hidePreview}></div>\n        <div class=\"sliders\">\n          ${makeSlider(`h`, `Hue`, ...this._getRange(`h`), 1, this.hideH, v => `${Math.round(Number(v))}°`)}\n          ${makeSlider(`l`, `Lightness`, ...this._getRange(`l`), 0.01, this.hideL, v => `${Math.round(Number(v) * 100)}%`)}\n          ${makeSlider(`c`, `Chroma`, ...this._getRange(`c`), 0.005, this.hideC, v => `${Number.parseFloat(v).toFixed(2)}`)}\n          ${this.showA ? makeSlider(`a`, `Opacity`, ...this._getRange(`a`), 0.01, false, v => `${Math.round(Number(v) * 100)}%`) : nothing}\n        </div>\n      </div>\n    `;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    this._updateGradients();\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    // Update reset defaults only for programmatic changes (not user input).\n    // _userInitiated is populated synchronously in input handlers and cleared\n    // here, so it correctly reflects what changed since the last render.\n    if (changedProperties.has(`l`) && !this._userInitiated.has(`l`))\n      this._defaultL = this.l;\n    if (changedProperties.has(`c`) && !this._userInitiated.has(`c`))\n      this._defaultC = this.c;\n    if (changedProperties.has(`h`) && !this._userInitiated.has(`h`))\n      this._defaultH = this.h;\n    if (changedProperties.has(`a`) && !this._userInitiated.has(`a`))\n      this._defaultA = this.a;\n    this._userInitiated.clear();\n\n    if (changedProperties.has(`l`) || changedProperties.has(`c`) || changedProperties.has(`h`) || changedProperties.has(`a`) || changedProperties.has(`showA`) || changedProperties.has(`slidersVertical`)) {\n      this._updateGradients();\n    }\n  }\n\n  _updateGradients(): void {\n    const l = this.l;\n    const c = this.c;\n    const h = this.h;\n    const a = this.a;\n\n    // Get actual ranges from this._ranges (may be restricted via attributes)\n    const [lMin, lMax] = this._ranges.l;\n    const [cMin, cMax] = this._ranges.c;\n    const [hMin, hMax] = this._ranges.h;\n    const [aMin, aMax] = this._ranges.a;\n\n    // Gradient direction: vertical sliders fill bottom→top (bottom = min, top = max).\n    const dir = this.slidersVertical ? `to top` : `to right`;\n\n    // L slider: black → white at current chroma + hue, using actual range\n    const lGrad = `linear-gradient(in oklch ${dir}, oklch(${lMin} ${c} ${h}), oklch(${lMax} ${c} ${h}))`;\n\n    // C slider: neutral grey → fully saturated at current lightness + hue, using actual range\n    const cGrad = `linear-gradient(in oklch ${dir}, oklch(${l} ${cMin} ${h}), oklch(${l} ${cMax} ${h}))`;\n\n    // H slider: hue range at current lightness + chroma.\n    // Use 'longer hue' for full 0-360 range, 'shorter hue' for restricted ranges.\n    const hRange = hMax - hMin;\n    const hLonger = hRange >= 300; // Full or near-full hue range\n    const hGrad = `linear-gradient(in oklch ${hLonger ? `longer` : `shorter`} hue ${dir}, oklch(${l} ${c} ${hMin}), oklch(${l} ${c} ${hMax}))`;\n\n    // A slider: transparent to opaque at current colour, using actual range.\n    // Includes checkerboard pattern as bottom layer, with opacity gradient on top.\n    const aGrad = `\n      linear-gradient(${dir}, oklch(${l} ${c} ${h} / ${aMin}), oklch(${l} ${c} ${h} / ${aMax})),\n      repeating-conic-gradient(\n        var(--surface-2) 0% 25%,\n        var(--surface-4) 0% 50%\n      ) 50% / 16px 16px\n    `;\n\n    // Set gradient on --background-track (goes to .range-bg, the track background)\n    // Set --background-track-value to transparent to hide the filled-portion bar\n    const trackBgVars = [\n      `--background-track`,\n      `--background-track-hover`,\n    ] as const;\n\n    const trackValueVars = [\n      `--background-track-value`,\n      `--background-track-value-hover`,\n      `--background-track-value-active`,\n      `--background-track-value-vertical`,\n      `--background-track-value-hover-vertical`,\n      `--background-track-value-active-vertical`,\n    ] as const;\n\n    const sliders: Array<[HTMLElement | null, string]> = [\n      [this._sliderL, lGrad],\n      [this._sliderC, cGrad],\n      [this._sliderH, hGrad],\n    ];\n\n    if (this.showA && this._sliderA)\n      sliders.push([this._sliderA, aGrad]);\n\n    for (const [el, grad] of sliders) {\n      if (!el)\n        continue;\n      // Set gradient on track background (.range-bg)\n      for (const v of trackBgVars) {\n        el.style.setProperty(v, grad);\n      }\n      // Hide the filled-portion bar (track pseudo-element)\n      for (const v of trackValueVars) {\n        el.style.setProperty(v, `transparent`);\n      }\n    }\n\n    // Preview swatch background - show checkerboard behind when opacity < 1\n    if (this._previewEl) {\n      if (this.a < 1) {\n        const previewBg = `\n          linear-gradient(oklch(${l} ${c} ${h} / ${a}), oklch(${l} ${c} ${h} / ${a})),\n          repeating-conic-gradient(\n            var(--surface-2) 0% 25%,\n            var(--surface-4) 0% 50%\n          ) 50% / 16px 16px\n        `;\n        this._previewEl.style.background = previewBg;\n      } else {\n        this._previewEl.style.background = this.value;\n      }\n    }\n  }\n\n  _onInput = (e: Event, channel: `l` | `c` | `h` | `a`): void => {\n    const detail = (e as CustomEvent).detail;\n    this._userInitiated.add(channel);\n    this[channel] = detail.value;\n    this._dispatchInput();\n    e.stopPropagation();\n  };\n\n  _onChange = (e: Event, channel: `l` | `c` | `h` | `a`): void => {\n    const detail = (e as CustomEvent).detail;\n    this._userInitiated.add(channel);\n    const value = typeof detail.value === `string` ? Number.parseFloat(detail.value) : detail.value;\n    switch (channel) {\n      case `l`: this.l = value; break;\n      case `c`: this.c = value; break;\n      case `h`: this.h = value; break;\n      case `a`: this.a = value; break;\n    }\n    e.stopPropagation();\n    this.requestUpdate();\n    this._dispatchChange();\n  };\n\n  _dispatchInput(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`input`, { detail, bubbles: true, composed: true }));\n  }\n\n  _dispatchChange(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`change`, { detail, bubbles: true, composed: true }));\n  }\n\n  static styles: CSSResultGroup = [themeFallbacks, css`\n    /*\n     * Default intrinsic size — not determined by label text.\n     * Override via CSS: ixfx-colour-picker { width: 100%; height: 200px; }\n     * Or via custom properties: --picker-alt-width, --picker-alt-min-slider-height\n     */\n    :host {\n      display: block;\n      width: var(--picker-alt-width, 240px);\n      height: var(--picker-alt-height, 240px);\n      --_radius-m: var(--radius-m, 4px);\n      --_radius-s: var(--radius-m, 3px);\n      container-type: size;\n    }\n\n    .picker {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-s, 8px);\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .picker[horizontal] {\n      flex-direction: row;\n      align-items: stretch;\n    }\n\n    .sliders {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-s, 8px);\n      flex: 1;\n      min-height: 0;\n    }\n\n    .picker[horizontal] .sliders {\n      flex-direction: column;\n    }\n\n    .preview {\n      flex-shrink: 0;\n      height: 30%;\n      border-radius: var(--_radius-m);\n      border: 1px solid rgba(0, 0, 0, 0.2);\n    }\n\n    .preview[hidden] {\n      display: none;\n    }\n\n    .picker[horizontal] .preview {\n      width: 3em;\n      height: auto;\n      flex-shrink: 0;\n    }\n\n    ixfx-labelled-range-input {\n      flex: 1;\n      min-height: var(--picker-alt-min-slider-height, 2.5em);\n      width: 100%;\n      min-width: 0;\n      --track-thickness: 2em;\n      --track-radius: var(--_radius-s);\n      --label-width: 5em;\n      --thumb-thickness: 4px;\n      --thumb-color: rgba(255, 255, 255, 0.9);\n      --thumb-color-active: white;\n      --thumb-radius: 3px;\n      --thumb-border: 2px solid rgba(255, 255, 255, 0.85);\n      --thumb-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);\n    }\n\n    /* Vertical sliders mode: sliders are side-by-side vertical bars */\n    :host([sliders-vertical]) .sliders {\n      flex-direction: row;\n      align-items: stretch;\n    }\n\n    :host([sliders-vertical]) ixfx-labelled-range-input {\n      width: auto;\n      height: 100%;\n      min-height: 0;\n      --mini: 1;             /* force mini mode: no label, tooltip on hover */\n      --track-thickness: 100%;  /* fill full width of the narrow slider */\n    }\n\n    /* Landscape */\n    @container (aspect-ratio > 1) {\n      .picker {\n        flex-direction: row;\n        display:flex;\n        align-items: stretch;\n\n      }\n      .preview {\n        width: 30%;\n        height: unset;\n      }\n      .sliders {\n        height: 100%;\n        overflow: hidden;\n      }\n    }\n\n    /* Small height. Show as landscape */\n    @container (max-height: 150px) {\n      .picker {\n        flex-direction: row;\n        align-items: stretch;\n      }\n      ixfx-labelled-range-input {\n        --track-thickness: 1em;\n        min-height: unset;\n      }\n      .preview {\n        min-width: 50%;\n        height: auto;\n      }\n    }\n\n    /* Medium height — tighter but not extreme */\n    @container (max-height: 210px) and (min-height: 150px) {\n      ixfx-labelled-range-input {\n        --track-thickness: 1.6em;\n        min-height: 1.8em;\n      }\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-colour-picker': ColourPicker;\n  }\n}\n","/**\n * <ixfx-colour-picker-popup> — inline colour swatch that opens an ixfx-colour-picker\n * in a native popover.\n *\n * Properties:\n *   mode       — \"fluid\" (default) | \"confirm\"\n *   l, c, h, a — committed OKLCH values\n *   hide-h, hide-l, hide-c, show-a, horizontal — passed to inner picker\n *   show-preview — show the colour preview swatch inside the picker (fluid mode hides it by default)\n *\n * Getters/setters:\n *   value — committed colour as CSS string e.g. \"oklch(0.7 0.15 180)\";\n *     setting accepts any ixfx-compatible colour format (equivalent to calling setColour())\n *\n * Methods:\n *   setColour(colour: Colour.Colourish) — programmatically set committed colour\n *\n * Events:\n *   input  — (fluid mode only) CustomEvent { detail: { l, c, h, a } }\n *   change — CustomEvent { detail: { l, c, h, a } }\n *\n * CSS custom properties:\n *   --cp-popup-swatch-size    — swatch button size (default: 1.5em)\n */\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type { ColourPicker } from './colour-picker.js';\nimport type { ColourPickerEventDetail } from './types.js';\nimport { Colour } from '@ixfx/visual';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ICON_CHECK } from '../icons/defaults.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { oklchToCss } from './util.js';\nimport './colour-picker.js';\n\nlet _instanceCounter = 0;\n\nconst PICKER_SIZES = {\n  small: { width: 130, height: 100 },\n  medium: { width: 100, height: 155 },\n  large: { width: 200, height: 180 },\n  huge: { width: 290, height: 240 },\n} as const;\n\ntype PickerSize = keyof typeof PICKER_SIZES;\n\nfunction swatchBackground(l: number, c: number, h: number, a: number): string {\n  if (a < 1) {\n    return `\n      linear-gradient(oklch(${l} ${c} ${h} / ${a}), oklch(${l} ${c} ${h} / ${a})),\n      repeating-conic-gradient(\n        var(--surface-2) 0% 25%,\n        var(--surface-4) 0% 50%\n      ) 50% / 8px 8px\n    `;\n  }\n  return oklchToCss(l, c, h);\n}\n\n@customElement(`ixfx-colour-picker-popup`)\nexport class ColourPickerPopup extends LitElement {\n  @property({ type: String }) mode: `fluid` | `confirm` = `fluid`;\n\n  @property({ type: Number }) l = 0.7;\n  @property({ type: Number }) c = 0.15;\n  @property({ type: Number }) h = 180;\n  @property({ type: Number }) a = 1;\n\n  @property({ type: Boolean, attribute: `show-preview` }) showPreview = false;\n  @property({ type: Boolean, attribute: `hide-h`, reflect: true }) hideH = false;\n  @property({ type: Boolean, attribute: `hide-l`, reflect: true }) hideL = false;\n  @property({ type: Boolean, attribute: `hide-c`, reflect: true }) hideC = false;\n  @property({ type: Boolean, attribute: `show-a` }) showA = false;\n  @property({ type: Boolean, attribute: `horizontal` }) horizontal = false;\n  @property({ type: String }) size: PickerSize = `medium`;\n\n  @state() private _isOpen = false;\n  @state() private _everOpened = false;\n\n  @query(`.popup`) _popupEl!: HTMLElement;\n  @query(`ixfx-colour-picker`) _pickerEl!: ColourPicker;\n\n  private readonly _uid: string;\n  private readonly _anchorName: string;\n  private readonly _popupId: string;\n\n  // Confirm mode: values being adjusted (not yet committed)\n  private _pendingL = this.l;\n  private _pendingC = this.c;\n  private _pendingH = this.h;\n  private _pendingA = this.a;\n\n  // Confirm mode: snapshot taken on open, used for revert on dismiss\n  private _savedL = this.l;\n  private _savedC = this.c;\n  private _savedH = this.h;\n  private _savedA = this.a;\n\n  // Set to true just before hidePopover() in _onConfirm to suppress revert\n  private _pendingConfirmed = false;\n\n  constructor() {\n    super();\n    const id = ++_instanceCounter;\n    this._uid = `cp-popup-${id}`;\n    this._anchorName = `--cp-popup-anchor-${id}`;\n    this._popupId = `cp-popup-panel-${id}`;\n  }\n\n  get value(): string {\n    return oklchToCss(this.l, this.c, this.h, this.a);\n  }\n\n  set value(colour: Colour.Colourish) {\n    this.setColour(colour);\n  }\n\n  private get _innerHidePreview(): boolean {\n    // Fluid mode hides the preview by default (swatch already shows live colour).\n    // show-preview overrides this. Confirm mode shows it by default.\n    if (this.mode === `fluid`)\n      return !this.showPreview;\n    return false;\n  }\n\n  private get _pickerDimensions(): { width: number; height: number } {\n    return PICKER_SIZES[this.size] ?? PICKER_SIZES.medium;\n  }\n\n  setColour(colour: Colour.Colourish): void {\n    const c = Colour.convert(colour, `oklch-absolute`);\n    this.l = c.l;\n    this.c = c.c;\n    this.h = c.h;\n    this.a = c.opacity ?? 1;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    this._applyAnchorPositioning();\n    this._updateSwatchBackground();\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    const colourChanged = changedProperties.has(`l`) || changedProperties.has(`c`)\n      || changedProperties.has(`h`) || changedProperties.has(`a`);\n    if (colourChanged) {\n      this._updateSwatchBackground();\n    }\n  }\n\n  private _applyAnchorPositioning(): void {\n    const swatch = this.shadowRoot?.querySelector(`.swatch`) as HTMLElement | null;\n    if (swatch) {\n      swatch.style.setProperty(`anchor-name`, this._anchorName);\n    }\n    if (this._popupEl) {\n      this._popupEl.style.setProperty(`position-anchor`, this._anchorName);\n    }\n  }\n\n  private _updateSwatchBackground(): void {\n    const swatch = this.shadowRoot?.querySelector(`.swatch`) as HTMLElement | null;\n    if (swatch) {\n      swatch.style.background = swatchBackground(this.l, this.c, this.h, this.a);\n    }\n  }\n\n  private _onPopoverToggle = (e: Event): void => {\n    const te = e as ToggleEvent;\n    this._isOpen = te.newState === `open`;\n\n    if (te.newState === `open`) {\n      this._savedL = this.l;\n      this._savedC = this.c;\n      this._savedH = this.h;\n      this._savedA = this.a;\n      this._pendingL = this.l;\n      this._pendingC = this.c;\n      this._pendingH = this.h;\n      this._pendingA = this.a;\n      this._pendingConfirmed = false;\n    } else if (this.mode === `confirm` && !this._pendingConfirmed) {\n      // Dismissed without confirming — reset inner picker to saved values\n      this._pickerEl?.setColour(oklchToCss(this._savedL, this._savedC, this._savedH, this._savedA));\n    }\n  };\n\n  private _onPickerInput = (e: Event): void => {\n    e.stopPropagation();\n    const detail = (e as CustomEvent<ColourPickerEventDetail>).detail;\n\n    if (this.mode === `confirm`) {\n      this._pendingL = detail.l;\n      this._pendingC = detail.c;\n      this._pendingH = detail.h;\n      this._pendingA = detail.a ?? 1;\n      return;\n    }\n\n    this.l = detail.l;\n    this.c = detail.c;\n    this.h = detail.h;\n    this.a = detail.a ?? 1;\n    this._dispatchInput();\n  };\n\n  private _onPickerChange = (e: Event): void => {\n    e.stopPropagation();\n    const detail = (e as CustomEvent<ColourPickerEventDetail>).detail;\n\n    if (this.mode === `confirm`) {\n      this._pendingL = detail.l;\n      this._pendingC = detail.c;\n      this._pendingH = detail.h;\n      this._pendingA = detail.a ?? 1;\n      return;\n    }\n\n    this.l = detail.l;\n    this.c = detail.c;\n    this.h = detail.h;\n    this.a = detail.a ?? 1;\n    this._dispatchChange();\n  };\n\n  private _onConfirm = (): void => {\n    this.l = this._pendingL;\n    this.c = this._pendingC;\n    this.h = this._pendingH;\n    this.a = this._pendingA;\n    this._pendingConfirmed = true;\n    this._dispatchChange();\n    try {\n      (this._popupEl as HTMLElement & { hidePopover: () => void }).hidePopover();\n    } catch {\n      // Popover API not supported\n    }\n  };\n\n  private _onSwatchClick = async (): Promise<void> => {\n    if (!this._everOpened) {\n      this._everOpened = true;\n      await this.updateComplete;\n    }\n    try {\n      (this._popupEl as HTMLElement & { showPopover: () => void }).showPopover();\n    } catch {\n      // Popover API not supported\n    }\n  };\n\n  private _dispatchInput(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`input`, { detail, bubbles: true, composed: true }));\n  }\n\n  private _dispatchChange(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`change`, { detail, bubbles: true, composed: true }));\n  }\n\n  override render() {\n    return html`\n      <button\n        class=\"swatch\"\n        @click=${this._onSwatchClick}\n        aria-label=\"Pick colour: ${this.value}\"\n        aria-expanded=\"${this._isOpen}\"\n        aria-haspopup=\"dialog\"\n      ></button>\n      <div\n        id=\"${this._popupId}\"\n        class=\"popup popup-surface\"\n        popover=\"auto\"\n        role=\"dialog\"\n        aria-label=\"Colour picker\"\n        style=\"--cp-popup-min-width:${this._pickerDimensions.width}px;--cp-popup-min-height:${this._pickerDimensions.height}px\"\n        @toggle=${this._onPopoverToggle}\n      >\n        ${this._everOpened\n          ? html`\n          <ixfx-colour-picker\n            .l=${this.l}\n            .c=${this.c}\n            .h=${this.h}\n            .a=${this.a}\n            style=\"width:${this._pickerDimensions.width}px;height:${this._pickerDimensions.height}px\"\n            ?hide-preview=${this._innerHidePreview}\n            ?hide-h=${this.hideH}\n            ?hide-l=${this.hideL}\n            ?hide-c=${this.hideC}\n            ?show-a=${this.showA}\n            ?horizontal=${this.horizontal}\n            hide-tooltips\n            @input=${this._onPickerInput}\n            @change=${this._onPickerChange}\n          ></ixfx-colour-picker>\n          ${this.mode === `confirm`\n            ? html`\n            <button class=\"confirm-btn\" @click=${this._onConfirm} aria-label=\"Confirm colour\" title=\"Confirm colour\">\n              ${unsafeHTML(ICON_CHECK)}\n            </button>\n          `\n            : nothing}\n        `\n          : nothing}\n      </div>\n    `;\n  }\n\n  static styles: CSSResultGroup = [themeFallbacks, popupSurfaceStyles, css`\n    :host {\n      display: inline-block;\n    }\n\n    .swatch {\n      display: inline-block;\n      width: var(--cp-popup-swatch-size, 1.5em);\n      height: var(--cp-popup-swatch-size, 1.5em);\n      border-radius: var(--radius-m, 4px);\n      border: 1px solid rgba(0, 0, 0, 0.2);\n      cursor: pointer;\n      padding: 0;\n      box-sizing: border-box;\n      vertical-align: middle;\n      transition: transform 0.1s ease, box-shadow 0.1s ease;\n    }\n\n    .swatch:hover {\n      transform: scale(1.1);\n    }\n\n    .swatch:focus-visible {\n      outline: 2px solid var(--accent, oklch(60% 0.15 140));\n      outline-offset: 2px;\n    }\n\n    /* Popover panel */\n    .popup {\n      display:flex;\n      flex-direction: column;\n      gap: var(--space-s);\n      /* Reset popover UA inset */\n      inset: unset;\n      margin: 0;\n\n      min-width: var(--cp-popup-min-width);\n      min-height: var(--cp-popup-min-height);\n\n      /* CSS anchor positioning — position-anchor set via inline style in JS */\n      position: fixed;\n      position-area: block-end span-inline-start;\n      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\n      margin-block-start: 4px;\n\n      padding: var(--space-l);\n      z-index: 100;\n\n      /* Animate in/out */\n      opacity: 0;\n      scale: 0.97;\n      pointer-events: none;\n      transition: opacity 0.12s ease, scale 0.12s ease;\n    }\n\n    .popup:popover-open {\n      opacity: 1;\n      scale: 1;\n      pointer-events: auto;\n    }\n\n    ixfx-colour-picker {\n      display: block;\n    }\n\n    .confirm-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-block-start: var(--space-s);\n      margin-inline-start: auto;\n      width: 1.8em;\n      height: 1.8em;\n      border-radius: 50%;\n      border: none;\n      background: var(--accent, oklch(60% 0.15 140));\n      color: var(--accent-text, #fff);\n      padding: 0;\n      cursor: pointer;\n      transition: background var(--transition, 0.15s ease-out);\n    }\n\n    .confirm-btn svg {\n      width: 1.1em;\n      height: 1.1em;\n      flex-shrink: 0;\n    }\n\n    .confirm-btn:hover {\n      background: var(--accent, oklch(70% 0.15 140));\n    }\n\n    .confirm-btn:focus-visible {\n      outline: 2px solid var(--accent, oklch(60% 0.15 140));\n      outline-offset: 2px;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-colour-picker-popup': ColourPickerPopup;\n  }\n}\n"],"mappings":";;;;;;;;;AAGA,MAAa,eAA0C;CACrD,GAAG,CAAC,GAAG,CAAC;CACR,GAAG,CAAC,GAAG,EAAU;CACjB,GAAG,CAAC,GAAG,GAAG;CACV,GAAG,CAAC,GAAG,CAAC;AACV;AACA,MAAa,iBAA4C;CACvD,GAAG,aAAa;CAChB,GAAG,aAAa;CAChB,GAAG,aAAa;CAChB,GAAG,aAAa;AAClB;;;;AAaA,SAAgB,WAAW,GAAW,GAAW,GAAW,IAAY,GAAW;CACjF,IAAI,IAAI,GACN,OAAO,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;CAErC,OAAO,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE;AAC9B;;;ACEO,IAAM,eAAN,MAAM,qBAAqB,WAAW;;;EACX,KAAA,IAAA;EACA,KAAA,IAAA;EACA,KAAA,IAAA;EACA,KAAA,IAAA;EAEqD,KAAA,cAAA;EACZ,KAAA,QAAA;EACA,KAAA,QAAA;EACA,KAAA,QAAA;EACf,KAAA,QAAA;EACwB,KAAA,aAAA;EACW,KAAA,kBAAA;EACN,KAAA,eAAA;EAGnD,KAAA,aAAA;EAE0C,KAAA,aAAA;EACA,KAAA,aAAA;EACA,KAAA,aAAA;EACA,KAAA,aAAA;EAE9B,KAAA,UAAA;GAC9C,GAAG,eAAe;GAClB,GAAG,eAAe;GAClB,GAAG,eAAe;GAClB,GAAG,eAAe;EACpB;EAUoB,KAAA,YAAA,KAAK;EACL,KAAA,YAAA,KAAK;EACL,KAAA,YAAA,KAAK;EACL,KAAA,YAAA,KAAK;EAKS,KAAA,iCAAA,IAAI,IAAY;EAuUtC,KAAA,YAAA,GAAU,YAAyC;GAC7D,MAAM,SAAU,EAAkB;GAClC,KAAK,eAAe,IAAI,OAAO;GAC/B,KAAK,WAAW,OAAO;GACvB,KAAK,eAAe;GACpB,EAAE,gBAAgB;EACpB;EAEa,KAAA,aAAA,GAAU,YAAyC;GAC9D,MAAM,SAAU,EAAkB;GAClC,KAAK,eAAe,IAAI,OAAO;GAC/B,MAAM,QAAQ,OAAO,OAAO,UAAU,WAAW,OAAO,WAAW,OAAO,KAAK,IAAI,OAAO;GAC1F,QAAQ,SAAR;IACE,KAAK;KAAK,KAAK,IAAI;KAAO;IAC1B,KAAK;KAAK,KAAK,IAAI;KAAO;IAC1B,KAAK;KAAK,KAAK,IAAI;KAAO;IAC1B,KAAK,KAAK,KAAK,IAAI;GACrB;GACA,EAAE,gBAAgB;GAClB,KAAK,cAAc;GACnB,KAAK,gBAAgB;EACvB;;CA1VA,IAAI,QAAgB;EAClB,OAAO,WAAW,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CAClD;CAEA,IAAI,MAAM,cAAsB;EAC9B,MAAM,IAAI,OAAO,QAAQ,cAAc,gBAAgB;EACvD,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE,WAAW;EACtB,KAAK,aAAa;CACpB;;;;;;CAOA,UAAU,QAAgC;EACxC,MAAM,IAAI,OAAO,QAAQ,QAAQ,gBAAgB;EACjD,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE,WAAW;CAExB;CAEA,IAAI,SAAgB;EAClB,OAAO,CAAC,KAAK,QAAQ,EAAE,IAAI,KAAK,QAAQ,EAAE,EAAE;CAC9C;CAEA,IAAI,OAAO,OAAmB;EAC5B,KAAK,iBAAiB,KAAK,KAAK;CAClC;CAEA,IAAI,SAAgB;EAClB,OAAO,CAAC,KAAK,QAAQ,EAAE,IAAI,KAAK,QAAQ,EAAE,EAAE;CAC9C;CAEA,IAAI,OAAO,OAAmB;EAC5B,KAAK,iBAAiB,KAAK,KAAK;CAClC;CAEA,IAAI,SAAgB;EAClB,OAAO,CAAC,KAAK,QAAQ,EAAE,IAAI,KAAK,QAAQ,EAAE,EAAE;CAC9C;CAEA,IAAI,OAAO,OAAmB;EAC5B,KAAK,iBAAiB,KAAK,KAAK;CAClC;CAEA,IAAI,SAAgB;EAClB,OAAO,CAAC,KAAK,QAAQ,EAAE,IAAI,KAAK,QAAQ,EAAE,EAAE;CAC9C;CAEA,IAAI,OAAO,OAAmB;EAC5B,KAAK,iBAAiB,KAAK,KAAK;CAClC;CAEA,UAAU,OAAyB;EACjC,KAAK,SAAS;CAChB;CAEA,UAAU,OAAyB;EACjC,KAAK,SAAS;CAChB;CAEA,UAAU,OAAyB;EACjC,KAAK,SAAS;CAChB;CAEA,UAAU,OAAyB;EACjC,KAAK,SAAS;CAChB;CAEA,WAAoB,mBAAyC;EAC3D,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAK,uBAAuB,KAAK,KAAK,UAAU;EAClD,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAK,uBAAuB,KAAK,KAAK,UAAU;EAClD,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAK,uBAAuB,KAAK,KAAK,UAAU;EAClD,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAK,uBAAuB,KAAK,KAAK,UAAU;EAClD,MAAM,WAAW,iBAAiB;CACpC;CAEA,iBAAyB,SAAwB,OAAyB;EACxE,MAAM,aAAa,KAAK,kBAAkB,SAAS,KAAK;EACxD,IAAI,CAAC,YACH;EACF,KAAK,UAAU,SAAS,UAAU;CACpC;CAEA,kBAA0B,SAAwB,OAAiC;EACjF,IAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,GAC1C,OAAO;EACT,MAAM,CAAC,OAAO,OAAO;EACrB,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,CAAC,OAAO,SAAS,GAAG,GACjD,OAAO;EACT,OAAO,KAAK,gBAAgB,SAAS,CAAC,OAAO,GAAG,CAAC;CACnD;CAEA,uBAA+B,SAAwB,OAA4B;EACjF,IAAI,UAAU,MAAM;GAClB,KAAK,UAAU,SAAS,eAAe,QAAQ;GAC/C;EACF;EACA,MAAM,SAAS,KAAK,kBAAkB,SAAS,KAAK;EACpD,IAAI,QACF,KAAK,UAAU,SAAS,MAAM;CAClC;CAEA,UAAkB,SAAwB,OAAoB;EAC5D,MAAM,aAAa,KAAK,gBAAgB,SAAS,KAAK;EACtD,MAAM,eAAe,KAAK,QAAQ;EAClC,IAAI,aAAa,OAAO,WAAW,MAAM,aAAa,OAAO,WAAW,IACtE;EAEF,KAAK,UAAU;GAAE,GAAG,KAAK;IAAU,UAAU;EAAW;EAExD,QAAQ,SAAR;GACE,KAAK;IACH,KAAK,IAAI,KAAK,cAAc,KAAK,KAAK,CAAC;IACvC;GACF,KAAK;IACH,KAAK,IAAI,KAAK,cAAc,KAAK,KAAK,CAAC;IACvC;GACF,KAAK;IACH,KAAK,IAAI,KAAK,cAAc,KAAK,KAAK,CAAC;IACvC;GACF,KAAK,KACH,KAAK,IAAI,KAAK,cAAc,KAAK,KAAK,CAAC;EAE3C;EAEA,KAAK,cAAc;CACrB;CAEA,UAAkB,SAA+B;EAC/C,OAAO,KAAK,QAAQ,YAAY,eAAe;CACjD;CAEA,kBAA0B,SAAwB,OAA6B;EAE7E,MAAM,QADU,MAAM,KACF,CAAC,CAAC,MAAM,KAAK,CAAC;EAClC,IAAI,MAAM,WAAW,GACnB,OAAO;EACT,MAAM,QAAQ,OAAO,MAAM,EAAE,CAAE,KAAK,CAAC;EACrC,MAAM,MAAM,OAAO,MAAM,EAAE,CAAE,KAAK,CAAC;EACnC,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,CAAC,OAAO,SAAS,GAAG,GACjD,OAAO;EACT,OAAO,KAAK,gBAAgB,SAAS,CAAC,OAAO,GAAG,CAAC;CACnD;CAEA,gBAAwB,SAAwB,OAAqB;EACnE,MAAM,SAAS,eAAe;EAC9B,MAAM,CAAC,QAAQ,UAAU;EACzB,MAAM,SAAS,KAAK,IAAI,KAAK,IAAI,QAAQ,MAAM,GAAG,OAAO,EAAE;EAC3D,MAAM,SAAS,KAAK,IAAI,KAAK,IAAI,QAAQ,MAAM,GAAG,OAAO,EAAE;EAC3D,OAAO,CACL,KAAK,IAAI,QAAQ,OAAO,EAAE,GAC1B,KAAK,IAAI,QAAQ,OAAO,EAAE,CAC5B;CACF;CAEA,cAAsB,SAAwB,OAAuB;EACnE,MAAM,CAAC,KAAK,OAAO,KAAK,UAAU,OAAO;EACzC,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;CAC3C;CAEA,SAAkB;EAChB,MAAM,cAAc,SAAgC,OAAe,KAAa,KAAa,MAAc,UAAmB,cAA0C;GACtK,IAAI,UACF,OAAO;GACT,OAAO,IAAI;;uBAEM,QAAQ;mBACZ,MAAM;gBACT,IAAI;gBACJ,IAAI;;mBAED,KAAK,SAAS;iBAChB,KAAK;yBACG,KAAK,kBAAkB,aAAa,aAAa;uBACnD,UAAU;wBACT,KAAK,aAAa;8BACZ,KAAK,eAAe,SAAS,YAAY;oBACnD,MAAa,KAAK,SAAS,GAAG,OAAO,EAAE;qBACtC,MAAa,KAAK,UAAU,GAAG,OAAO,EAAE;;;EAGzD;EAEA,OAAO,IAAI;wCACyB,KAAK,WAAW;uCACjB,KAAK,YAAY;;YAE5C,WAAW,KAAK,OAAO,GAAG,KAAK,UAAU,GAAG,GAAG,GAAG,KAAK,QAAO,MAAK,GAAG,KAAK,MAAM,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAChG,WAAW,KAAK,aAAa,GAAG,KAAK,UAAU,GAAG,GAAG,KAAM,KAAK,QAAO,MAAK,GAAG,KAAK,MAAM,OAAO,CAAC,IAAI,GAAG,EAAE,EAAE,EAAE;YAC/G,WAAW,KAAK,UAAU,GAAG,KAAK,UAAU,GAAG,GAAG,MAAO,KAAK,QAAO,MAAK,GAAG,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE;YAChH,KAAK,QAAQ,WAAW,KAAK,WAAW,GAAG,KAAK,UAAU,GAAG,GAAG,KAAM,QAAO,MAAK,GAAG,KAAK,MAAM,OAAO,CAAC,IAAI,GAAG,EAAE,EAAE,IAAI,QAAQ;;;;CAIzI;CAEA,aAAsB,mBAAyC;EAC7D,MAAM,aAAa,iBAAiB;EACpC,KAAK,iBAAiB;CACxB;CAEA,QAAiB,mBAAyC;EACxD,MAAM,QAAQ,iBAAiB;EAK/B,IAAI,kBAAkB,IAAI,GAAG,KAAK,CAAC,KAAK,eAAe,IAAI,GAAG,GAC5D,KAAK,YAAY,KAAK;EACxB,IAAI,kBAAkB,IAAI,GAAG,KAAK,CAAC,KAAK,eAAe,IAAI,GAAG,GAC5D,KAAK,YAAY,KAAK;EACxB,IAAI,kBAAkB,IAAI,GAAG,KAAK,CAAC,KAAK,eAAe,IAAI,GAAG,GAC5D,KAAK,YAAY,KAAK;EACxB,IAAI,kBAAkB,IAAI,GAAG,KAAK,CAAC,KAAK,eAAe,IAAI,GAAG,GAC5D,KAAK,YAAY,KAAK;EACxB,KAAK,eAAe,MAAM;EAE1B,IAAI,kBAAkB,IAAI,GAAG,KAAK,kBAAkB,IAAI,GAAG,KAAK,kBAAkB,IAAI,GAAG,KAAK,kBAAkB,IAAI,GAAG,KAAK,kBAAkB,IAAI,OAAO,KAAK,kBAAkB,IAAI,iBAAiB,GACnM,KAAK,iBAAiB;CAE1B;CAEA,mBAAyB;EACvB,MAAM,IAAI,KAAK;EACf,MAAM,IAAI,KAAK;EACf,MAAM,IAAI,KAAK;EACf,MAAM,IAAI,KAAK;EAGf,MAAM,CAAC,MAAM,QAAQ,KAAK,QAAQ;EAClC,MAAM,CAAC,MAAM,QAAQ,KAAK,QAAQ;EAClC,MAAM,CAAC,MAAM,QAAQ,KAAK,QAAQ;EAClC,MAAM,CAAC,MAAM,QAAQ,KAAK,QAAQ;EAGlC,MAAM,MAAM,KAAK,kBAAkB,WAAW;EAG9C,MAAM,QAAQ,4BAA4B,IAAI,UAAU,KAAK,GAAG,EAAE,GAAG,EAAE,WAAW,KAAK,GAAG,EAAE,GAAG,EAAE;EAGjG,MAAM,QAAQ,4BAA4B,IAAI,UAAU,EAAE,GAAG,KAAK,GAAG,EAAE,WAAW,EAAE,GAAG,KAAK,GAAG,EAAE;EAMjG,MAAM,QAAQ,4BAFC,OAAO,QACI,MAC0B,WAAW,UAAU,OAAO,IAAI,UAAU,EAAE,GAAG,EAAE,GAAG,KAAK,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK;EAIvI,MAAM,QAAQ;wBACM,IAAI,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK;;;;;;EASzF,MAAM,cAAc,CAClB,sBACA,0BACF;EAEA,MAAM,iBAAiB;GACrB;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,UAA+C;GACnD,CAAC,KAAK,UAAU,KAAK;GACrB,CAAC,KAAK,UAAU,KAAK;GACrB,CAAC,KAAK,UAAU,KAAK;EACvB;EAEA,IAAI,KAAK,SAAS,KAAK,UACrB,QAAQ,KAAK,CAAC,KAAK,UAAU,KAAK,CAAC;EAErC,KAAK,MAAM,CAAC,IAAI,SAAS,SAAS;GAChC,IAAI,CAAC,IACH;GAEF,KAAK,MAAM,KAAK,aACd,GAAG,MAAM,YAAY,GAAG,IAAI;GAG9B,KAAK,MAAM,KAAK,gBACd,GAAG,MAAM,YAAY,GAAG,aAAa;EAEzC;EAGA,IAAI,KAAK,YAAY;GACnB,IAAI,KAAK,IAAI,GAAG;IACd,MAAM,YAAY;kCACQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;;;;;;IAM3E,KAAK,WAAW,MAAM,aAAa;GACrC,OACE,KAAK,WAAW,MAAM,aAAa,KAAK;EAE5C;CACF;CAyBA,iBAAuB;EACrB,MAAM,SAAkC;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,MAAM;GAAU,OAAO;EAAQ;EACrH,KAAK,cAAc,IAAI,YAAqC,SAAS;GAAE;GAAQ,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC;CACjH;CAEA,kBAAwB;EACtB,MAAM,SAAkC;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,MAAM;GAAU,OAAO;EAAQ;EACrH,KAAK,cAAc,IAAI,YAAqC,UAAU;GAAE;GAAQ,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC;CAClH;;EAEgC,KAAA,SAAA,CAAC,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiInD;;AACH;AAvhBG,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,aAAA,WAAA,KAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,aAAA,WAAA,KAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,aAAA,WAAA,KAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,aAAA,WAAA,KAAA,KAAA,CAAA;AAEzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAgB,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,eAAA,KAAA,CAAA;AACpE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;AAC9D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;AAC9D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;AAC9D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAS,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;AAC/C,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAClE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAoB,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,mBAAA,KAAA,CAAA;AACxE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,gBAAA,KAAA,CAAA;AAErE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAQ,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAG7C,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAU,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAC/C,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAU,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAC/C,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAU,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAC/C,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAU,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAS/C,WAAA,CAAA,MAAM,WAAW,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;AACjB,WAAA,CAAA,MAAM,WAAW,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;AACjB,WAAA,CAAA,MAAM,WAAW,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;AACjB,WAAA,CAAA,MAAM,WAAW,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;AACjB,WAAA,CAAA,MAAM,UAAU,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;AAnClBA,eAAAA,WAAAA,CAAAA,kBAAc,oBAAoB,CAAA,GAAA,YAAA;;;ACKnC,IAAI,mBAAmB;AAEvB,MAAM,eAAe;CACnB,OAAO;EAAE,OAAO;EAAK,QAAQ;CAAI;CACjC,QAAQ;EAAE,OAAO;EAAK,QAAQ;CAAI;CAClC,OAAO;EAAE,OAAO;EAAK,QAAQ;CAAI;CACjC,MAAM;EAAE,OAAO;EAAK,QAAQ;CAAI;AAClC;AAIA,SAAS,iBAAiB,GAAW,GAAW,GAAW,GAAmB;CAC5E,IAAI,IAAI,GACN,OAAO;8BACmB,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;;;;;;CAO7E,OAAO,WAAW,GAAG,GAAG,CAAC;AAC3B;AAGO,IAAM,oBAAN,MAAM,0BAA0B,WAAW;CAyChD,cAAc;EACZ,MAAM;EAzCgD,KAAA,OAAA;EAExB,KAAA,IAAA;EACA,KAAA,IAAA;EACA,KAAA,IAAA;EACA,KAAA,IAAA;EAEsC,KAAA,cAAA;EACG,KAAA,QAAA;EACA,KAAA,QAAA;EACA,KAAA,QAAA;EACf,KAAA,QAAA;EACS,KAAA,aAAA;EACpB,KAAA,OAAA;EAEpB,KAAA,UAAA;EACI,KAAA,cAAA;EAUX,KAAA,YAAA,KAAK;EACL,KAAA,YAAA,KAAK;EACL,KAAA,YAAA,KAAK;EACL,KAAA,YAAA,KAAK;EAGP,KAAA,UAAA,KAAK;EACL,KAAA,UAAA,KAAK;EACL,KAAA,UAAA,KAAK;EACL,KAAA,UAAA,KAAK;EAGK,KAAA,oBAAA;EAsEA,KAAA,oBAAA,MAAmB;GAC7C,MAAM,KAAK;GACX,KAAK,UAAU,GAAG,aAAa;GAE/B,IAAI,GAAG,aAAa,QAAQ;IAC1B,KAAK,UAAU,KAAK;IACpB,KAAK,UAAU,KAAK;IACpB,KAAK,UAAU,KAAK;IACpB,KAAK,UAAU,KAAK;IACpB,KAAK,YAAY,KAAK;IACtB,KAAK,YAAY,KAAK;IACtB,KAAK,YAAY,KAAK;IACtB,KAAK,YAAY,KAAK;IACtB,KAAK,oBAAoB;GAC3B,OAAO,IAAI,KAAK,SAAS,aAAa,CAAC,KAAK,mBAE1C,KAAK,WAAW,UAAU,WAAW,KAAK,SAAS,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO,CAAC;EAEhG;EAE0B,KAAA,kBAAA,MAAmB;GAC3C,EAAE,gBAAgB;GAClB,MAAM,SAAU,EAA2C;GAE3D,IAAI,KAAK,SAAS,WAAW;IAC3B,KAAK,YAAY,OAAO;IACxB,KAAK,YAAY,OAAO;IACxB,KAAK,YAAY,OAAO;IACxB,KAAK,YAAY,OAAO,KAAK;IAC7B;GACF;GAEA,KAAK,IAAI,OAAO;GAChB,KAAK,IAAI,OAAO;GAChB,KAAK,IAAI,OAAO;GAChB,KAAK,IAAI,OAAO,KAAK;GACrB,KAAK,eAAe;EACtB;EAE2B,KAAA,mBAAA,MAAmB;GAC5C,EAAE,gBAAgB;GAClB,MAAM,SAAU,EAA2C;GAE3D,IAAI,KAAK,SAAS,WAAW;IAC3B,KAAK,YAAY,OAAO;IACxB,KAAK,YAAY,OAAO;IACxB,KAAK,YAAY,OAAO;IACxB,KAAK,YAAY,OAAO,KAAK;IAC7B;GACF;GAEA,KAAK,IAAI,OAAO;GAChB,KAAK,IAAI,OAAO;GAChB,KAAK,IAAI,OAAO;GAChB,KAAK,IAAI,OAAO,KAAK;GACrB,KAAK,gBAAgB;EACvB;EAEiC,KAAA,mBAAA;GAC/B,KAAK,IAAI,KAAK;GACd,KAAK,IAAI,KAAK;GACd,KAAK,IAAI,KAAK;GACd,KAAK,IAAI,KAAK;GACd,KAAK,oBAAoB;GACzB,KAAK,gBAAgB;GACrB,IAAI;IACF,KAAM,SAAuD,YAAY;GAC3E,QAAQ,CAER;EACF;EAEyB,KAAA,iBAAA,YAA2B;GAClD,IAAI,CAAC,KAAK,aAAa;IACrB,KAAK,cAAc;IACnB,MAAM,KAAK;GACb;GACA,IAAI;IACF,KAAM,SAAuD,YAAY;GAC3E,QAAQ,CAER;EACF;EApJE,MAAM,KAAK,EAAE;EACb,KAAK,OAAO,YAAY;EACxB,KAAK,cAAc,qBAAqB;EACxC,KAAK,WAAW,kBAAkB;CACpC;CAEA,IAAI,QAAgB;EAClB,OAAO,WAAW,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CAClD;CAEA,IAAI,MAAM,QAA0B;EAClC,KAAK,UAAU,MAAM;CACvB;CAEA,IAAY,oBAA6B;EAGvC,IAAI,KAAK,SAAS,SAChB,OAAO,CAAC,KAAK;EACf,OAAO;CACT;CAEA,IAAY,oBAAuD;EACjE,OAAO,aAAa,KAAK,SAAS,aAAa;CACjD;CAEA,UAAU,QAAgC;EACxC,MAAM,IAAI,OAAO,QAAQ,QAAQ,gBAAgB;EACjD,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE;EACX,KAAK,IAAI,EAAE,WAAW;CACxB;CAEA,aAAsB,mBAAyC;EAC7D,MAAM,aAAa,iBAAiB;EACpC,KAAK,wBAAwB;EAC7B,KAAK,wBAAwB;CAC/B;CAEA,QAAiB,mBAAyC;EACxD,MAAM,QAAQ,iBAAiB;EAG/B,IAFsB,kBAAkB,IAAI,GAAG,KAAK,kBAAkB,IAAI,GAAG,KACxE,kBAAkB,IAAI,GAAG,KAAK,kBAAkB,IAAI,GAAG,GAE1D,KAAK,wBAAwB;CAEjC;CAEA,0BAAwC;EACtC,MAAM,SAAS,KAAK,YAAY,cAAc,SAAS;EACvD,IAAI,QACF,OAAO,MAAM,YAAY,eAAe,KAAK,WAAW;EAE1D,IAAI,KAAK,UACP,KAAK,SAAS,MAAM,YAAY,mBAAmB,KAAK,WAAW;CAEvE;CAEA,0BAAwC;EACtC,MAAM,SAAS,KAAK,YAAY,cAAc,SAAS;EACvD,IAAI,QACF,OAAO,MAAM,aAAa,iBAAiB,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CAE7E;CAsFA,iBAA+B;EAC7B,MAAM,SAAkC;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,MAAM;GAAU,OAAO;EAAQ;EACrH,KAAK,cAAc,IAAI,YAAqC,SAAS;GAAE;GAAQ,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC;CACjH;CAEA,kBAAgC;EAC9B,MAAM,SAAkC;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,MAAM;GAAU,OAAO;EAAQ;EACrH,KAAK,cAAc,IAAI,YAAqC,UAAU;GAAE;GAAQ,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC;CAClH;CAEA,SAAkB;EAChB,OAAO,IAAI;;;iBAGE,KAAK,eAAe;mCACF,KAAK,MAAM;yBACrB,KAAK,QAAQ;;;;cAIxB,KAAK,SAAS;;;;;sCAKU,KAAK,kBAAkB,MAAM,2BAA2B,KAAK,kBAAkB,OAAO;kBAC1G,KAAK,iBAAiB;;UAE9B,KAAK,cACH,IAAI;;iBAEC,KAAK,EAAE;iBACP,KAAK,EAAE;iBACP,KAAK,EAAE;iBACP,KAAK,EAAE;2BACG,KAAK,kBAAkB,MAAM,YAAY,KAAK,kBAAkB,OAAO;4BACtE,KAAK,kBAAkB;sBAC7B,KAAK,MAAM;sBACX,KAAK,MAAM;sBACX,KAAK,MAAM;sBACX,KAAK,MAAM;0BACP,KAAK,WAAW;;qBAErB,KAAK,eAAe;sBACnB,KAAK,gBAAgB;;YAE/B,KAAK,SAAS,YACZ,IAAI;iDAC+B,KAAK,WAAW;gBACjD,WAAW,UAAU,EAAE;;cAGzB,QAAQ;YAEV,QAAQ;;;CAGlB;;EAEgC,KAAA,SAAA;GAAC;GAAgB;GAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGvE;;AACH;AA5VG,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;AAEzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,KAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,KAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,KAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,KAAA,KAAA,CAAA;AAEzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAe,CAAC,CAAA,GAAA,kBAAA,WAAA,eAAA,KAAA,CAAA;AACrD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;AAC9D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;AAC9D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;AAC9D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAS,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;AAC/C,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAA,kBAAA,WAAA,cAAA,KAAA,CAAA;AACnD,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;AAEzB,WAAA,CAAA,MAAM,CAAA,GAAA,kBAAA,WAAA,WAAA,KAAA,CAAA;AACN,WAAA,CAAA,MAAM,CAAA,GAAA,kBAAA,WAAA,eAAA,KAAA,CAAA;AAEN,WAAA,CAAA,MAAM,QAAQ,CAAA,GAAA,kBAAA,WAAA,YAAA,KAAA,CAAA;AACd,WAAA,CAAA,MAAM,oBAAoB,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;AArB5BC,oBAAAA,WAAAA,CAAAA,kBAAc,0BAA0B,CAAA,GAAA,iBAAA"}
+{"version":3,"file":"colour-picker-Ddsk-7E_.js","names":["customElement","customElement"],"sources":["../src/colour-picker/util.ts","../src/colour-picker/colour-picker.ts","../src/colour-picker/colour-picker-popup.ts"],"sourcesContent":["import type { Range, SliderType } from \"./types\";\n\nexport const MAX_CHROMA = 0.4;\nexport const RANGE_LIMITS: Record<SliderType, Range> = {\n  l: [0, 1],\n  c: [0, MAX_CHROMA],\n  h: [0, 360],\n  a: [0, 1],\n} as const;\nexport const DEFAULT_RANGES: Record<SliderType, Range> = {\n  l: RANGE_LIMITS.l,\n  c: RANGE_LIMITS.c,\n  h: RANGE_LIMITS.h,\n  a: RANGE_LIMITS.a,\n} as const;\n\nexport function rangeSpan([min, max]: Range): number {\n  return Math.max(max - min, 0);\n}\n\nexport function cloneRange(range: Range): Range {\n  return [range[0], range[1]] as Range;\n}\n\n/**\n * Convert OKLCH to a CSS string\n */\nexport function oklchToCss(l: number, c: number, h: number, a: number = 1): string {\n  if (a < 1) {\n    return `oklch(${l} ${c} ${h} / ${a})`;\n  }\n  return `oklch(${l} ${c} ${h})`;\n}\n\n/**\n * Clamp a value between min and max\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n","/**\n * <ixfx-colour-picker> — OKLCH colour picker using CSS-gradient-rendered sliders.\n *\n * Properties:\n *   l — lightness 0..1\n *   c — chroma 0..0.4\n *   h — hue 0..360\n *\n * Getters:\n *   value — current color as CSS string e.g. \"oklch(0.7 0.15 180)\"\n *\n * Methods:\n *   setColour(colour: Colour.Colourish) — programmatically set colour from any\n *     ixfx-compatible format; also resets double-click defaults for all sliders.\n *\n * Events:\n *   input — CustomEvent { detail: { l, c, h } }\n *\n * Double-click any slider label to reset that channel to the last\n * programmatically set value (not the user-dialled value).\n */\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type { ColourPickerEventDetail, Range, RangeInput } from './types.js';\nimport { Colour } from '@ixfx/visual';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { DEFAULT_RANGES, oklchToCss } from './util.js';\nimport '../labelled-range-input/index.js';\n\ntype ChannelSlider = `l` | `c` | `h` | `a`;\n\n@customElement(`ixfx-colour-picker`)\nexport class ColourPicker extends LitElement {\n  @property({ type: Number }) l = 0.7;\n  @property({ type: Number }) c = 0.15;\n  @property({ type: Number }) h = 180;\n  @property({ type: Number }) a = 1;\n\n  @property({ type: Boolean, attribute: `hide-preview`, reflect: true }) hidePreview = false;\n  @property({ type: Boolean, attribute: `hide-h`, reflect: true }) hideH = false;\n  @property({ type: Boolean, attribute: `hide-l`, reflect: true }) hideL = false;\n  @property({ type: Boolean, attribute: `hide-c`, reflect: true }) hideC = false;\n  @property({ type: Boolean, attribute: `show-a` }) showA = false;\n  @property({ type: Boolean, attribute: `horizontal`, reflect: true }) horizontal = false;\n  @property({ type: Boolean, attribute: `sliders-vertical`, reflect: true }) slidersVertical = false;\n  @property({ type: Boolean, attribute: `hide-tooltips`, reflect: true }) hideTooltips = false;\n\n  @property({ type: String, attribute: `value` })\n  private _valueAttr: string | null = null;\n\n  @property({ type: String, attribute: `range-l` }) rangeLAttr: string | null = null;\n  @property({ type: String, attribute: `range-c` }) rangeCAttr: string | null = null;\n  @property({ type: String, attribute: `range-h` }) rangeHAttr: string | null = null;\n  @property({ type: String, attribute: `range-a` }) rangeAAttr: string | null = null;\n\n  private _ranges: Record<ChannelSlider, Range> = {\n    l: DEFAULT_RANGES.l,\n    c: DEFAULT_RANGES.c,\n    h: DEFAULT_RANGES.h,\n    a: DEFAULT_RANGES.a,\n  };\n\n  @query(`#slider-l`) _sliderL!: HTMLElement;\n  @query(`#slider-c`) _sliderC!: HTMLElement;\n  @query(`#slider-h`) _sliderH!: HTMLElement;\n  @query(`#slider-a`) _sliderA!: HTMLElement;\n  @query(`.preview`) _previewEl!: HTMLElement;\n\n  // Last programmatically-set values — used as double-click reset targets.\n  // Initialised to the component's own defaults.\n  private _defaultL = this.l;\n  private _defaultC = this.c;\n  private _defaultH = this.h;\n  private _defaultA = this.a;\n\n  // Keys are added synchronously in input handlers and cleared only inside\n  // updated() (which runs asynchronously). This means updated() can reliably\n  // tell whether a property change was user-initiated or programmatic.\n  private readonly _userInitiated = new Set<string>();\n\n  get value(): string {\n    return oklchToCss(this.l, this.c, this.h, this.a);\n  }\n\n  set value(colourString: string) {\n    const c = Colour.convert(colourString, `oklch-absolute`);\n    this.l = c.l;\n    this.c = c.c;\n    this.h = c.h;\n    this.a = c.opacity ?? 1;\n    this._valueAttr = colourString;\n  }\n\n  /**\n   * Set the colour from any ixfx-compatible format (CSS string, OkLch object,\n   * HSL object, etc.). Also updates the double-click reset defaults for all\n   * sliders.\n   */\n  setColour(colour: Colour.Colourish): void {\n    const c = Colour.convert(colour, `oklch-absolute`);\n    this.l = c.l;\n    this.c = c.c;\n    this.h = c.h;\n    this.a = c.opacity ?? 1;\n    // No _userInitiated keys added → updated() will set _defaultL/C/H/A. ✓\n  }\n\n  get rangeL(): Range {\n    return [this._ranges.l[0], this._ranges.l[1]];\n  }\n\n  set rangeL(range: RangeInput) {\n    this._applyRangeInput(`l`, range);\n  }\n\n  get rangeC(): Range {\n    return [this._ranges.c[0], this._ranges.c[1]];\n  }\n\n  set rangeC(range: RangeInput) {\n    this._applyRangeInput(`c`, range);\n  }\n\n  get rangeH(): Range {\n    return [this._ranges.h[0], this._ranges.h[1]];\n  }\n\n  set rangeH(range: RangeInput) {\n    this._applyRangeInput(`h`, range);\n  }\n\n  get rangeA(): Range {\n    return [this._ranges.a[0], this._ranges.a[1]];\n  }\n\n  set rangeA(range: RangeInput) {\n    this._applyRangeInput(`a`, range);\n  }\n\n  setRangeL(range: RangeInput): void {\n    this.rangeL = range;\n  }\n\n  setRangeC(range: RangeInput): void {\n    this.rangeC = range;\n  }\n\n  setRangeH(range: RangeInput): void {\n    this.rangeH = range;\n  }\n\n  setRangeA(range: RangeInput): void {\n    this.rangeA = range;\n  }\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    if (changedProperties.has(`rangeLAttr`))\n      this._setRangeFromAttribute(`l`, this.rangeLAttr);\n    if (changedProperties.has(`rangeCAttr`))\n      this._setRangeFromAttribute(`c`, this.rangeCAttr);\n    if (changedProperties.has(`rangeHAttr`))\n      this._setRangeFromAttribute(`h`, this.rangeHAttr);\n    if (changedProperties.has(`rangeAAttr`))\n      this._setRangeFromAttribute(`a`, this.rangeAAttr);\n    super.willUpdate(changedProperties);\n  }\n\n  private _applyRangeInput(channel: ChannelSlider, input: RangeInput): void {\n    const normalized = this._coerceRangeInput(channel, input);\n    if (!normalized)\n      return;\n    this._setRange(channel, normalized);\n  }\n\n  private _coerceRangeInput(channel: ChannelSlider, input: RangeInput): Range | null {\n    if (!Array.isArray(input) || input.length < 2)\n      return null;\n    const [start, end] = input;\n    if (!Number.isFinite(start) || !Number.isFinite(end))\n      return null;\n    return this._normalizeRange(channel, [start, end]);\n  }\n\n  private _setRangeFromAttribute(channel: ChannelSlider, value: string | null): void {\n    if (value === null) {\n      this._setRange(channel, DEFAULT_RANGES[channel]);\n      return;\n    }\n    const parsed = this._parseRangeString(channel, value);\n    if (parsed)\n      this._setRange(channel, parsed);\n  }\n\n  private _setRange(channel: ChannelSlider, range: Range): void {\n    const normalized = this._normalizeRange(channel, range);\n    const currentRange = this._ranges[channel];\n    if (currentRange[0] === normalized[0] && currentRange[1] === normalized[1])\n      return;\n\n    this._ranges = { ...this._ranges, [channel]: normalized };\n\n    switch (channel) {\n      case `l`:\n        this.l = this._clampToRange(`l`, this.l);\n        break;\n      case `c`:\n        this.c = this._clampToRange(`c`, this.c);\n        break;\n      case `h`:\n        this.h = this._clampToRange(`h`, this.h);\n        break;\n      case `a`:\n        this.a = this._clampToRange(`a`, this.a);\n        break;\n    }\n\n    this.requestUpdate();\n  }\n\n  private _getRange(channel: ChannelSlider): Range {\n    return this._ranges[channel] ?? DEFAULT_RANGES[channel];\n  }\n\n  private _parseRangeString(channel: ChannelSlider, value: string): Range | null {\n    const cleaned = value.trim();\n    const parts = cleaned.split(`-`, 2);\n    if (parts.length !== 2)\n      return null;\n    const start = Number(parts[0]!.trim());\n    const end = Number(parts[1]!.trim());\n    if (!Number.isFinite(start) || !Number.isFinite(end))\n      return null;\n    return this._normalizeRange(channel, [start, end]);\n  }\n\n  private _normalizeRange(channel: ChannelSlider, range: Range): Range {\n    const limits = DEFAULT_RANGES[channel];\n    const [rawMin, rawMax] = range;\n    const minVal = Math.min(Math.min(rawMin, rawMax), limits[1]);\n    const maxVal = Math.max(Math.max(rawMin, rawMax), limits[0]);\n    return [\n      Math.max(minVal, limits[0]),\n      Math.min(maxVal, limits[1]),\n    ];\n  }\n\n  private _clampToRange(channel: ChannelSlider, value: number): number {\n    const [min, max] = this._getRange(channel);\n    return Math.min(Math.max(value, min), max);\n  }\n\n  override render() {\n    const makeSlider = (channel: `l` | `c` | `h` | `a`, label: string, min: number, max: number, step: number, isHidden: boolean, formatter?: (value: string) => string) => {\n      if (isHidden)\n        return nothing;\n      return html`\n        <ixfx-labelled-range-input\n          id=\"slider-${channel}\"\n          label=\"${label}\"\n          min=${min}\n          max=${max}\n          mini-width-threshold=200\n          .value=${this[channel]}\n          step=${step}\n          .orientation=${this.slidersVertical ? `vertical` : `horizontal`}\n          .formatter=${formatter}\n          ?no-tooltip=${this.hideTooltips}\n          .displayTextLogic=${this.hideTooltips ? `show` : `transient`}\n          @input=${(e: Event) => this._onInput(e, channel)}\n          @change=${(e: Event) => this._onChange(e, channel)}\n        ></ixfx-labelled-range-input>\n      `;\n    };\n\n    return html`\n      <div class=\"picker\" ?horizontal=${this.horizontal}>\n        <div class=\"preview\" ?hidden=${this.hidePreview}></div>\n        <div class=\"sliders\">\n          ${makeSlider(`h`, `Hue`, ...this._getRange(`h`), 1, this.hideH, v => `${Math.round(Number(v))}°`)}\n          ${makeSlider(`l`, `Lightness`, ...this._getRange(`l`), 0.01, this.hideL, v => `${Math.round(Number(v) * 100)}%`)}\n          ${makeSlider(`c`, `Chroma`, ...this._getRange(`c`), 0.005, this.hideC, v => `${Number.parseFloat(v).toFixed(2)}`)}\n          ${this.showA ? makeSlider(`a`, `Opacity`, ...this._getRange(`a`), 0.01, false, v => `${Math.round(Number(v) * 100)}%`) : nothing}\n        </div>\n      </div>\n    `;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    this._updateGradients();\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    // Update reset defaults only for programmatic changes (not user input).\n    // _userInitiated is populated synchronously in input handlers and cleared\n    // here, so it correctly reflects what changed since the last render.\n    if (changedProperties.has(`l`) && !this._userInitiated.has(`l`))\n      this._defaultL = this.l;\n    if (changedProperties.has(`c`) && !this._userInitiated.has(`c`))\n      this._defaultC = this.c;\n    if (changedProperties.has(`h`) && !this._userInitiated.has(`h`))\n      this._defaultH = this.h;\n    if (changedProperties.has(`a`) && !this._userInitiated.has(`a`))\n      this._defaultA = this.a;\n    this._userInitiated.clear();\n\n    if (changedProperties.has(`l`) || changedProperties.has(`c`) || changedProperties.has(`h`) || changedProperties.has(`a`) || changedProperties.has(`showA`) || changedProperties.has(`slidersVertical`)) {\n      this._updateGradients();\n    }\n  }\n\n  _updateGradients(): void {\n    const l = this.l;\n    const c = this.c;\n    const h = this.h;\n    const a = this.a;\n\n    // Get actual ranges from this._ranges (may be restricted via attributes)\n    const [lMin, lMax] = this._ranges.l;\n    const [cMin, cMax] = this._ranges.c;\n    const [hMin, hMax] = this._ranges.h;\n    const [aMin, aMax] = this._ranges.a;\n\n    // Gradient direction: vertical sliders fill bottom→top (bottom = min, top = max).\n    const dir = this.slidersVertical ? `to top` : `to right`;\n\n    // L slider: black → white at current chroma + hue, using actual range\n    const lGrad = `linear-gradient(in oklch ${dir}, oklch(${lMin} ${c} ${h}), oklch(${lMax} ${c} ${h}))`;\n\n    // C slider: neutral grey → fully saturated at current lightness + hue, using actual range\n    const cGrad = `linear-gradient(in oklch ${dir}, oklch(${l} ${cMin} ${h}), oklch(${l} ${cMax} ${h}))`;\n\n    // H slider: hue range at current lightness + chroma.\n    // Use 'longer hue' for full 0-360 range, 'shorter hue' for restricted ranges.\n    const hRange = hMax - hMin;\n    const hLonger = hRange >= 300; // Full or near-full hue range\n    const hGrad = `linear-gradient(in oklch ${hLonger ? `longer` : `shorter`} hue ${dir}, oklch(${l} ${c} ${hMin}), oklch(${l} ${c} ${hMax}))`;\n\n    // A slider: transparent to opaque at current colour, using actual range.\n    // Includes checkerboard pattern as bottom layer, with opacity gradient on top.\n    const aGrad = `\n      linear-gradient(${dir}, oklch(${l} ${c} ${h} / ${aMin}), oklch(${l} ${c} ${h} / ${aMax})),\n      repeating-conic-gradient(\n        var(--surface-2) 0% 25%,\n        var(--surface-4) 0% 50%\n      ) 50% / 16px 16px\n    `;\n\n    // Set gradient on --background-track (goes to .range-bg, the track background)\n    // Set --background-track-value to transparent to hide the filled-portion bar\n    const trackBgVars = [\n      `--background-track`,\n      `--background-track-hover`,\n    ] as const;\n\n    const trackValueVars = [\n      `--background-track-value`,\n      `--background-track-value-hover`,\n      `--background-track-value-active`,\n      `--background-track-value-vertical`,\n      `--background-track-value-hover-vertical`,\n      `--background-track-value-active-vertical`,\n    ] as const;\n\n    const sliders: Array<[HTMLElement | null, string]> = [\n      [this._sliderL, lGrad],\n      [this._sliderC, cGrad],\n      [this._sliderH, hGrad],\n    ];\n\n    if (this.showA && this._sliderA)\n      sliders.push([this._sliderA, aGrad]);\n\n    for (const [el, grad] of sliders) {\n      if (!el)\n        continue;\n      // Set gradient on track background (.range-bg)\n      for (const v of trackBgVars) {\n        el.style.setProperty(v, grad);\n      }\n      // Hide the filled-portion bar (track pseudo-element)\n      for (const v of trackValueVars) {\n        el.style.setProperty(v, `transparent`);\n      }\n    }\n\n    // Preview swatch background - show checkerboard behind when opacity < 1\n    if (this._previewEl) {\n      if (this.a < 1) {\n        const previewBg = `\n          linear-gradient(oklch(${l} ${c} ${h} / ${a}), oklch(${l} ${c} ${h} / ${a})),\n          repeating-conic-gradient(\n            var(--surface-2) 0% 25%,\n            var(--surface-4) 0% 50%\n          ) 50% / 16px 16px\n        `;\n        this._previewEl.style.background = previewBg;\n      } else {\n        this._previewEl.style.background = this.value;\n      }\n    }\n  }\n\n  _onInput = (e: Event, channel: `l` | `c` | `h` | `a`): void => {\n    const detail = (e as CustomEvent).detail;\n    this._userInitiated.add(channel);\n    this[channel] = detail.value;\n    this._dispatchInput();\n    e.stopPropagation();\n  };\n\n  _onChange = (e: Event, channel: `l` | `c` | `h` | `a`): void => {\n    const detail = (e as CustomEvent).detail;\n    this._userInitiated.add(channel);\n    const value = typeof detail.value === `string` ? Number.parseFloat(detail.value) : detail.value;\n    switch (channel) {\n      case `l`: this.l = value; break;\n      case `c`: this.c = value; break;\n      case `h`: this.h = value; break;\n      case `a`: this.a = value; break;\n    }\n    e.stopPropagation();\n    this.requestUpdate();\n    this._dispatchChange();\n  };\n\n  _dispatchInput(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`input`, { detail, bubbles: true, composed: true }));\n  }\n\n  _dispatchChange(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`change`, { detail, bubbles: true, composed: true }));\n  }\n\n  static styles: CSSResultGroup = [themeFallbacks, css`\n    /*\n     * Default intrinsic size — not determined by label text.\n     * Override via CSS: ixfx-colour-picker { width: 100%; height: 200px; }\n     * Or via custom properties: --picker-alt-width, --picker-alt-min-slider-height\n     */\n    :host {\n      display: block;\n      width: var(--picker-alt-width, 240px);\n      height: var(--picker-alt-height, 240px);\n      --_radius-m: var(--radius-m, 4px);\n      --_radius-s: var(--radius-m, 3px);\n      container-type: size;\n    }\n\n    .picker {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-s, 8px);\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .picker[horizontal] {\n      flex-direction: row;\n      align-items: stretch;\n    }\n\n    .sliders {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-s, 8px);\n      flex: 1;\n      min-height: 0;\n    }\n\n    .picker[horizontal] .sliders {\n      flex-direction: column;\n    }\n\n    .preview {\n      flex-shrink: 0;\n      height: 30%;\n      border-radius: var(--_radius-m);\n      border: 1px solid rgba(0, 0, 0, 0.2);\n    }\n\n    .preview[hidden] {\n      display: none;\n    }\n\n    .picker[horizontal] .preview {\n      width: 3em;\n      height: auto;\n      flex-shrink: 0;\n    }\n\n    ixfx-labelled-range-input {\n      flex: 1;\n      min-height: var(--picker-alt-min-slider-height, 2.5em);\n      width: 100%;\n      min-width: 0;\n      --track-thickness: 2em;\n      --track-radius: var(--_radius-s);\n      --label-width: 5em;\n      --thumb-thickness: 4px;\n      --thumb-color: rgba(255, 255, 255, 0.9);\n      --thumb-color-active: white;\n      --thumb-radius: 3px;\n      --thumb-border: 2px solid rgba(255, 255, 255, 0.85);\n      --thumb-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);\n    }\n\n    /* Vertical sliders mode: sliders are side-by-side vertical bars */\n    :host([sliders-vertical]) .sliders {\n      flex-direction: row;\n      align-items: stretch;\n    }\n\n    :host([sliders-vertical]) ixfx-labelled-range-input {\n      width: auto;\n      height: 100%;\n      min-height: 0;\n      --mini: 1;             /* force mini mode: no label, tooltip on hover */\n      --track-thickness: 100%;  /* fill full width of the narrow slider */\n    }\n\n    /* Landscape */\n    @container (aspect-ratio > 1) {\n      .picker {\n        flex-direction: row;\n        display:flex;\n        align-items: stretch;\n\n      }\n      .preview {\n        width: 30%;\n        height: unset;\n      }\n      .sliders {\n        height: 100%;\n        overflow: hidden;\n      }\n    }\n\n    /* Small height. Show as landscape */\n    @container (max-height: 150px) {\n      .picker {\n        flex-direction: row;\n        align-items: stretch;\n      }\n      ixfx-labelled-range-input {\n        --track-thickness: 1em;\n        min-height: unset;\n      }\n      .preview {\n        min-width: 50%;\n        height: auto;\n      }\n    }\n\n    /* Medium height — tighter but not extreme */\n    @container (max-height: 210px) and (min-height: 150px) {\n      ixfx-labelled-range-input {\n        --track-thickness: 1.6em;\n        min-height: 1.8em;\n      }\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-colour-picker': ColourPicker;\n  }\n}\n","/**\n * <ixfx-colour-picker-popup> — inline colour swatch that opens an ixfx-colour-picker\n * in a native popover.\n *\n * Properties:\n *   mode       — \"fluid\" (default) | \"confirm\"\n *   l, c, h, a — committed OKLCH values\n *   hide-h, hide-l, hide-c, show-a, horizontal — passed to inner picker\n *   show-preview — show the colour preview swatch inside the picker (fluid mode hides it by default)\n *\n * Getters/setters:\n *   value — committed colour as CSS string e.g. \"oklch(0.7 0.15 180)\";\n *     setting accepts any ixfx-compatible colour format (equivalent to calling setColour())\n *\n * Methods:\n *   setColour(colour: Colour.Colourish) — programmatically set committed colour\n *\n * Events:\n *   input  — (fluid mode only) CustomEvent { detail: { l, c, h, a } }\n *   change — CustomEvent { detail: { l, c, h, a } }\n *\n * CSS custom properties:\n *   --cp-popup-swatch-size    — swatch button size (default: 1.5em)\n */\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type { ColourPicker } from './colour-picker.js';\nimport type { ColourPickerEventDetail } from './types.js';\nimport { Colour } from '@ixfx/visual';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ICON_CHECK } from '../icons/defaults.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { oklchToCss } from './util.js';\nimport './colour-picker.js';\n\nlet _instanceCounter = 0;\n\nconst PICKER_SIZES = {\n  small: { width: 130, height: 100 },\n  medium: { width: 100, height: 155 },\n  large: { width: 200, height: 180 },\n  huge: { width: 290, height: 240 },\n} as const;\n\ntype PickerSize = keyof typeof PICKER_SIZES;\n\nfunction swatchBackground(l: number, c: number, h: number, a: number): string {\n  if (a < 1) {\n    return `\n      linear-gradient(oklch(${l} ${c} ${h} / ${a}), oklch(${l} ${c} ${h} / ${a})),\n      repeating-conic-gradient(\n        var(--surface-2) 0% 25%,\n        var(--surface-4) 0% 50%\n      ) 50% / 8px 8px\n    `;\n  }\n  return oklchToCss(l, c, h);\n}\n\n@customElement(`ixfx-colour-picker-popup`)\nexport class ColourPickerPopup extends LitElement {\n  @property({ type: String }) mode: `fluid` | `confirm` = `fluid`;\n\n  @property({ type: Number }) l = 0.7;\n  @property({ type: Number }) c = 0.15;\n  @property({ type: Number }) h = 180;\n  @property({ type: Number }) a = 1;\n\n  @property({ type: Boolean, attribute: `show-preview` }) showPreview = false;\n  @property({ type: Boolean, attribute: `hide-h`, reflect: true }) hideH = false;\n  @property({ type: Boolean, attribute: `hide-l`, reflect: true }) hideL = false;\n  @property({ type: Boolean, attribute: `hide-c`, reflect: true }) hideC = false;\n  @property({ type: Boolean, attribute: `show-a` }) showA = false;\n  @property({ type: Boolean, attribute: `horizontal` }) horizontal = false;\n  @property({ type: String }) size: PickerSize = `medium`;\n\n  @state() private _isOpen = false;\n  @state() private _everOpened = false;\n\n  @query(`.popup`) _popupEl!: HTMLElement;\n  @query(`ixfx-colour-picker`) _pickerEl!: ColourPicker;\n\n  private readonly _uid: string;\n  private readonly _anchorName: string;\n  private readonly _popupId: string;\n\n  // Confirm mode: values being adjusted (not yet committed)\n  private _pendingL = this.l;\n  private _pendingC = this.c;\n  private _pendingH = this.h;\n  private _pendingA = this.a;\n\n  // Confirm mode: snapshot taken on open, used for revert on dismiss\n  private _savedL = this.l;\n  private _savedC = this.c;\n  private _savedH = this.h;\n  private _savedA = this.a;\n\n  // Set to true just before hidePopover() in _onConfirm to suppress revert\n  private _pendingConfirmed = false;\n\n  constructor() {\n    super();\n    const id = ++_instanceCounter;\n    this._uid = `cp-popup-${id}`;\n    this._anchorName = `--cp-popup-anchor-${id}`;\n    this._popupId = `cp-popup-panel-${id}`;\n  }\n\n  get value(): string {\n    return oklchToCss(this.l, this.c, this.h, this.a);\n  }\n\n  set value(colour: Colour.Colourish) {\n    this.setColour(colour);\n  }\n\n  private get _innerHidePreview(): boolean {\n    // Fluid mode hides the preview by default (swatch already shows live colour).\n    // show-preview overrides this. Confirm mode shows it by default.\n    if (this.mode === `fluid`)\n      return !this.showPreview;\n    return false;\n  }\n\n  private get _pickerDimensions(): { width: number; height: number } {\n    return PICKER_SIZES[this.size] ?? PICKER_SIZES.medium;\n  }\n\n  setColour(colour: Colour.Colourish): void {\n    const c = Colour.convert(colour, `oklch-absolute`);\n    this.l = c.l;\n    this.c = c.c;\n    this.h = c.h;\n    this.a = c.opacity ?? 1;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    this._applyAnchorPositioning();\n    this._updateSwatchBackground();\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    const colourChanged = changedProperties.has(`l`) || changedProperties.has(`c`)\n      || changedProperties.has(`h`) || changedProperties.has(`a`);\n    if (colourChanged) {\n      this._updateSwatchBackground();\n    }\n  }\n\n  private _applyAnchorPositioning(): void {\n    const swatch = this.shadowRoot?.querySelector(`.swatch`) as HTMLElement | null;\n    if (swatch) {\n      swatch.style.setProperty(`anchor-name`, this._anchorName);\n    }\n    if (this._popupEl) {\n      this._popupEl.style.setProperty(`position-anchor`, this._anchorName);\n    }\n  }\n\n  private _updateSwatchBackground(): void {\n    const swatch = this.shadowRoot?.querySelector(`.swatch`) as HTMLElement | null;\n    if (swatch) {\n      swatch.style.background = swatchBackground(this.l, this.c, this.h, this.a);\n    }\n  }\n\n  private _onPopoverToggle = (e: Event): void => {\n    const te = e as ToggleEvent;\n    this._isOpen = te.newState === `open`;\n\n    if (te.newState === `open`) {\n      this._savedL = this.l;\n      this._savedC = this.c;\n      this._savedH = this.h;\n      this._savedA = this.a;\n      this._pendingL = this.l;\n      this._pendingC = this.c;\n      this._pendingH = this.h;\n      this._pendingA = this.a;\n      this._pendingConfirmed = false;\n    } else if (this.mode === `confirm` && !this._pendingConfirmed) {\n      // Dismissed without confirming — reset inner picker to saved values\n      this._pickerEl?.setColour(oklchToCss(this._savedL, this._savedC, this._savedH, this._savedA));\n    }\n  };\n\n  private _onPickerInput = (e: Event): void => {\n    e.stopPropagation();\n    const detail = (e as CustomEvent<ColourPickerEventDetail>).detail;\n\n    if (this.mode === `confirm`) {\n      this._pendingL = detail.l;\n      this._pendingC = detail.c;\n      this._pendingH = detail.h;\n      this._pendingA = detail.a ?? 1;\n      return;\n    }\n\n    this.l = detail.l;\n    this.c = detail.c;\n    this.h = detail.h;\n    this.a = detail.a ?? 1;\n    this._dispatchInput();\n  };\n\n  private _onPickerChange = (e: Event): void => {\n    e.stopPropagation();\n    const detail = (e as CustomEvent<ColourPickerEventDetail>).detail;\n\n    if (this.mode === `confirm`) {\n      this._pendingL = detail.l;\n      this._pendingC = detail.c;\n      this._pendingH = detail.h;\n      this._pendingA = detail.a ?? 1;\n      return;\n    }\n\n    this.l = detail.l;\n    this.c = detail.c;\n    this.h = detail.h;\n    this.a = detail.a ?? 1;\n    this._dispatchChange();\n  };\n\n  private _onConfirm = (): void => {\n    this.l = this._pendingL;\n    this.c = this._pendingC;\n    this.h = this._pendingH;\n    this.a = this._pendingA;\n    this._pendingConfirmed = true;\n    this._dispatchChange();\n    try {\n      (this._popupEl as HTMLElement & { hidePopover: () => void }).hidePopover();\n    } catch {\n      // Popover API not supported\n    }\n  };\n\n  private _onSwatchClick = async (): Promise<void> => {\n    if (!this._everOpened) {\n      this._everOpened = true;\n      await this.updateComplete;\n    }\n    try {\n      (this._popupEl as HTMLElement & { showPopover: () => void }).showPopover();\n    } catch {\n      // Popover API not supported\n    }\n  };\n\n  private _dispatchInput(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`input`, { detail, bubbles: true, composed: true }));\n  }\n\n  private _dispatchChange(): void {\n    const detail: ColourPickerEventDetail = { l: this.l, c: this.c, h: this.h, a: this.a, unit: `scalar`, space: `oklch` };\n    this.dispatchEvent(new CustomEvent<ColourPickerEventDetail>(`change`, { detail, bubbles: true, composed: true }));\n  }\n\n  override render() {\n    return html`\n      <button\n        class=\"swatch\"\n        @click=${this._onSwatchClick}\n        aria-label=\"Pick colour: ${this.value}\"\n        aria-expanded=\"${this._isOpen}\"\n        aria-haspopup=\"dialog\"\n      ></button>\n      <div\n        id=\"${this._popupId}\"\n        class=\"popup popup-surface\"\n        popover=\"auto\"\n        role=\"dialog\"\n        aria-label=\"Colour picker\"\n        style=\"--cp-popup-min-width:${this._pickerDimensions.width}px;--cp-popup-min-height:${this._pickerDimensions.height}px\"\n        @toggle=${this._onPopoverToggle}\n      >\n        ${this._everOpened\n          ? html`\n          <ixfx-colour-picker\n            .l=${this.l}\n            .c=${this.c}\n            .h=${this.h}\n            .a=${this.a}\n            style=\"width:${this._pickerDimensions.width}px;height:${this._pickerDimensions.height}px\"\n            ?hide-preview=${this._innerHidePreview}\n            ?hide-h=${this.hideH}\n            ?hide-l=${this.hideL}\n            ?hide-c=${this.hideC}\n            ?show-a=${this.showA}\n            ?horizontal=${this.horizontal}\n            hide-tooltips\n            @input=${this._onPickerInput}\n            @change=${this._onPickerChange}\n          ></ixfx-colour-picker>\n          ${this.mode === `confirm`\n            ? html`\n            <button class=\"confirm-btn\" @click=${this._onConfirm} aria-label=\"Confirm colour\" title=\"Confirm colour\">\n              ${unsafeHTML(ICON_CHECK)}\n            </button>\n          `\n            : nothing}\n        `\n          : nothing}\n      </div>\n    `;\n  }\n\n  static styles: CSSResultGroup = [themeFallbacks, popupSurfaceStyles, css`\n    :host {\n      display: inline-block;\n    }\n\n    .swatch {\n      display: inline-block;\n      width: var(--cp-popup-swatch-size, 1.5em);\n      height: var(--cp-popup-swatch-size, 1.5em);\n      border-radius: var(--radius-m, 4px);\n      border: 1px solid rgba(0, 0, 0, 0.2);\n      cursor: pointer;\n      padding: 0;\n      box-sizing: border-box;\n      vertical-align: middle;\n      transition: transform 0.1s ease, box-shadow 0.1s ease;\n    }\n\n    .swatch:hover {\n      transform: scale(1.1);\n    }\n\n    .swatch:focus-visible {\n      outline: 2px solid var(--accent, oklch(60% 0.15 140));\n      outline-offset: 2px;\n    }\n\n    /* Popover panel */\n    .popup {\n      display:flex;\n      flex-direction: column;\n      gap: var(--space-s);\n      /* Reset popover UA inset */\n      inset: unset;\n      margin: 0;\n\n      min-width: var(--cp-popup-min-width);\n      min-height: var(--cp-popup-min-height);\n\n      /* CSS anchor positioning — position-anchor set via inline style in JS */\n      position: fixed;\n      position-area: block-end span-inline-start;\n      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\n      margin-block-start: 4px;\n\n      padding: var(--space-l);\n      z-index: 100;\n\n      /* Animate in/out */\n      opacity: 0;\n      scale: 0.97;\n      pointer-events: none;\n      transition: opacity 0.12s ease, scale 0.12s ease;\n    }\n\n    .popup:popover-open {\n      opacity: 1;\n      scale: 1;\n      pointer-events: auto;\n    }\n\n    ixfx-colour-picker {\n      display: block;\n    }\n\n    .confirm-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-block-start: var(--space-s);\n      margin-inline-start: auto;\n      width: 1.8em;\n      height: 1.8em;\n      border-radius: 50%;\n      border: none;\n      background: var(--accent, oklch(60% 0.15 140));\n      color: var(--accent-text, #fff);\n      padding: 0;\n      cursor: pointer;\n      transition: background var(--transition, 0.15s ease-out);\n    }\n\n    .confirm-btn svg {\n      width: 1.1em;\n      height: 1.1em;\n      flex-shrink: 0;\n    }\n\n    .confirm-btn:hover {\n      background: var(--accent, oklch(70% 0.15 140));\n    }\n\n    .confirm-btn:focus-visible {\n      outline: 2px solid var(--accent, oklch(60% 0.15 140));\n      outline-offset: 2px;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-colour-picker-popup': ColourPickerPopup;\n  }\n}\n"],"mappings":"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"}

package/dist/colour-picker.js

@@ -1,2 +1,2 @@
-import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-BSDBL-QL.js";
+import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-Ddsk-7E_.js";
 export { ColourPicker, ColourPickerPopup };

package/dist/crumbs.d.ts

@@ -1,6 +1,6 @@
 import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Bc23SI94.js";
 import { a as TreeComponent, c as TreeExpandEvent, g as TreeDataModel, h as TreeTickleEvent, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, u as TreeItemClickEvent } from "./tree-component-BvV4muxx.js";
-import "./menu-item-Bs2MYyHq.js";
+import "./menu-item-CZi9vy5O.js";
 import "./narrowed-text.js";
 import { LitElement, PropertyValues } from "lit";
 //#region src/crumbs/crumb-navigation.d.ts

package/dist/crumbs.js

@@ -3,7 +3,7 @@ import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrA
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import "./interaction-D5XdKzbR.js";
-import "./menu-item-B-zYrTTi.js";
+import "./menu-item-D2S4i8u1.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { t as scrollFadeStyles } from "./scroll-fade-CAs1EabA.js";
 import "./narrowed-text.js";

package/dist/{data-grid-C8qIo1-u.d.ts → data-grid-Bh4YrQGK.d.ts}

@@ -1,4 +1,4 @@
-import "./index-CKtLhgYj.js";
+import "./index-9AhaHIT2.js";
 import { LitElement } from "lit";
 //#region src/data-grid/types.d.ts
 type DataGridSelectionMode = `none` | `single` | `multiple`;
@@ -212,4 +212,4 @@ interface DataGridElement {
 }
 //#endregion
 export { DataGridSortDetail as _, DataGridColumnReorderDetail as a, DataGridColumnResizeEvent as c, DataGridElement as d, DataGridElementEventMap as f, DataGridSelectEvent as g, DataGridSelectDetail as h, DataGridCellEditEvent as i, DataGridColumnVisibilityDetail as l, DataGridGroupChangeEvent as m, DataGridCellClickEvent as n, DataGridColumnReorderEvent as o, DataGridGroupChangeDetail as p, DataGridCellEditDetail as r, DataGridColumnResizeDetail as s, DataGridCellClickDetail as t, DataGridColumnVisibilityEvent as u, DataGridSortEvent as v };
-//# sourceMappingURL=data-grid-C8qIo1-u.d.ts.map
+//# sourceMappingURL=data-grid-Bh4YrQGK.d.ts.map

package/dist/{data-grid-C8qIo1-u.d.ts.map → data-grid-Bh4YrQGK.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"data-grid-C8qIo1-u.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":";;;KAAY;KACA;KACA;KACA;WAA+B;WAAsB,WAAW;;KAChE;KAEA,sBAAsB;WACvB,KAAK;WACL,QAAQ,eAAe;WACvB;WACA;WACA;EACT,SAAS;EACT;;KAEU,sBAAsB,gBAAgB,KAAK,sBAAsB;KAEjE,eAAe;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAU,GAAG,GAAG,GAAG;EACnB;EACA;EACA;EACA,YAAY,KAAK,GAAG,KAAK,eAAe,IAAI;EAC5C;EACA;EACA;EACA,SAAS,qBAAqB,sBAAsB;EACpD,gBAAgB;IAAyB;IAAe;;EACxD,aAAa,gBAAgB,KAAK,GAAG,KAAK,eAAe;;KAG/C,mBAAmB,gBAAgB,oBAAoB;KAEvD;KAEA;KACA;EAA4B;;KAE5B,kBAAkB,MAAM,KAAK,GAAG;KAChC,gBAAgB,gBAAgB,KAAK;KACrC,sBAAsB,kBAAkB;;;KClCxC;WAAgC,MAAM;WAA4B,UAAU;;KAC5E,oBAAoB,YAAY;KAChC;WAAkC,cAAc;WAA8B,UAAU;;KACxF,sBAAsB,YAAY;KAClC;WAAyC;WAAuB;WAAqB,kBAAkB;;KACvG,6BAA6B,YAAY;KACzC;WAAwC;WAAsB;;KAC9D,4BAA4B,YAAY;KACxC;WAA4C;WAAsB;;KAClE,gCAAgC,YAAY;KAC5C;WAAqC;WAAyB;WAAyB;WAA2B;;KAClH,yBAAyB,YAAY;KACrC;WAAoC;WAAyB;WAAyB;WAA4B;;KAClH,wBAAwB,YAAY;KAEpC;WAAuC,SAAS;;KAChD,2BAA2B,YAAY;UAClC;EACf,iBAAiB;EACjB,mBAAmB;EACnB,2BAA2B;EAC3B,0BAA0B;EAC1B,8BAA8B;EAC9B,uBAAuB;EACvB,sBAAsB;EACtB,yBAAyB;;cAId,wBAAwB;SACnB,sBAAM;EAoFK,SAAS;EACT;EAC8B,eAAe;EACb,iBAAiB;EAC5C,WAAW;EACU;EACrB,WAAW;EACX,oBAAoB;EACpB,sBAAsB,cAAc,KAAK;EAC9B,aAAa;EAExB,SAAS;EACiB;EAC1B,YAAY;;EAEZ;EACgD;EAChD,kBAAkB;UAC1C;UAES;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UAEW;UACK;UAEzB;UAKA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;EAEC;EAQA;UAOD;YAgBW;YAaA,QAAQ,SAAS;YAmBjB,WAAW,SAAS;UAmB/B;UAQA;UAiCA;UAOA;UAoBA;UAYA;UAcA;UA0BA;UAKA;UAMA;UAsFA;UAYA;UAEA;UAcA;UAKA;UAiBA;UAsBA;UAmCA;UAsKA;UAUA;UAKA;UAQA;;EAeR,UAAU,gBAAgB;;EAK1B,aAAa;EAWb;EAIA,mBAAmB,mBAAmB,aAAa,8BAA8B,6BAA6B,UAAU;UAkBhH;UAWA;UAYA;UAyBA;UACA;UA2BA;UAYA;UAkCA;EAoBR;IAAqB;IAAkB;IAAgB;IAAkB;;UASjE;UAaA;YAQW,wBAAM;;QAsMnB;YACI;IAAwB,kBAAkB;;;UAErC;EACf,oBAAoB,gBAAgB,yBAAyB,MAAM,GAAG,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aAAa,oBAAoB,sCAAsC,cAAc,UAAU,oCAAoC,oBAAoB;EAC9R,uBAAuB,gBAAgB,yBAAyB,MAAM,GAAG,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aAAa,oBAAoB,mCAAmC,cAAc,UAAU,oCAAoC,oBAAoB"}
+{"version":3,"file":"data-grid-Bh4YrQGK.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":";;;KAAY;KACA;KACA;KACA;WAA+B;WAAsB,WAAW;;KAChE;KAEA,sBAAsB;WACvB,KAAK;WACL,QAAQ,eAAe;WACvB;WACA;WACA;EACT,SAAS;EACT;;KAEU,sBAAsB,gBAAgB,KAAK,sBAAsB;KAEjE,eAAe;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAU,GAAG,GAAG,GAAG;EACnB;EACA;EACA;EACA,YAAY,KAAK,GAAG,KAAK,eAAe,IAAI;EAC5C;EACA;EACA;EACA,SAAS,qBAAqB,sBAAsB;EACpD,gBAAgB;IAAyB;IAAe;;EACxD,aAAa,gBAAgB,KAAK,GAAG,KAAK,eAAe;;KAG/C,mBAAmB,gBAAgB,oBAAoB;KAEvD;KAEA;KACA;EAA4B;;KAE5B,kBAAkB,MAAM,KAAK,GAAG;KAChC,gBAAgB,gBAAgB,KAAK;KACrC,sBAAsB,kBAAkB;;;KClCxC;WAAgC,MAAM;WAA4B,UAAU;;KAC5E,oBAAoB,YAAY;KAChC;WAAkC,cAAc;WAA8B,UAAU;;KACxF,sBAAsB,YAAY;KAClC;WAAyC;WAAuB;WAAqB,kBAAkB;;KACvG,6BAA6B,YAAY;KACzC;WAAwC;WAAsB;;KAC9D,4BAA4B,YAAY;KACxC;WAA4C;WAAsB;;KAClE,gCAAgC,YAAY;KAC5C;WAAqC;WAAyB;WAAyB;WAA2B;;KAClH,yBAAyB,YAAY;KACrC;WAAoC;WAAyB;WAAyB;WAA4B;;KAClH,wBAAwB,YAAY;KAEpC;WAAuC,SAAS;;KAChD,2BAA2B,YAAY;UAClC;EACf,iBAAiB;EACjB,mBAAmB;EACnB,2BAA2B;EAC3B,0BAA0B;EAC1B,8BAA8B;EAC9B,uBAAuB;EACvB,sBAAsB;EACtB,yBAAyB;;cAId,wBAAwB;SACnB,sBAAM;EAoFK,SAAS;EACT;EAC8B,eAAe;EACb,iBAAiB;EAC5C,WAAW;EACU;EACrB,WAAW;EACX,oBAAoB;EACpB,sBAAsB,cAAc,KAAK;EAC9B,aAAa;EAExB,SAAS;EACiB;EAC1B,YAAY;;EAEZ;EACgD;EAChD,kBAAkB;UAC1C;UAES;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UAEW;UACK;UAEzB;UAKA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;EAEC;EAQA;UAOD;YAgBW;YAaA,QAAQ,SAAS;YAmBjB,WAAW,SAAS;UAmB/B;UAQA;UAiCA;UAOA;UAoBA;UAYA;UAcA;UA0BA;UAKA;UAMA;UAsFA;UAYA;UAEA;UAcA;UAKA;UAiBA;UAsBA;UAmCA;UAsKA;UAUA;UAKA;UAQA;;EAeR,UAAU,gBAAgB;;EAK1B,aAAa;EAWb;EAIA,mBAAmB,mBAAmB,aAAa,8BAA8B,6BAA6B,UAAU;UAkBhH;UAWA;UAYA;UAyBA;UACA;UA2BA;UAYA;UAkCA;EAoBR;IAAqB;IAAkB;IAAgB;IAAkB;;UASjE;UAaA;YAQW,wBAAM;;QAsMnB;YACI;IAAwB,kBAAkB;;;UAErC;EACf,oBAAoB,gBAAgB,yBAAyB,MAAM,GAAG,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aAAa,oBAAoB,sCAAsC,cAAc,UAAU,oCAAoC,oBAAoB;EAC9R,uBAAuB,gBAAgB,yBAAyB,MAAM,GAAG,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aAAa,oBAAoB,mCAAmC,cAAc,UAAU,oCAAoC,oBAAoB"}

package/dist/data-grid.d.ts

@@ -1,2 +1,2 @@
-import { _ as DataGridSortDetail, a as DataGridColumnReorderDetail, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridSelectEvent, h as DataGridSelectDetail, i as DataGridCellEditEvent, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSortEvent } from "./data-grid-C8qIo1-u.js";
+import { _ as DataGridSortDetail, a as DataGridColumnReorderDetail, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridSelectEvent, h as DataGridSelectDetail, i as DataGridCellEditEvent, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSortEvent } from "./data-grid-Bh4YrQGK.js";
 export { DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent };

package/dist/data-grid.js

@@ -4,7 +4,7 @@ import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import "./interaction-D5XdKzbR.js";
 import { t as createDragGhost } from "./drag-ghost-DtSDvjri.js";
-import "./menu-BjRvlgPy.js";
+import "./menu-CXDFJxNm.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";

package/dist/{defaults-BkWCPJFL.js → defaults-BJwDsMH4.js}

@@ -1,4 +1,4 @@
-import { i as registerIcon } from "./registry-CkW7q09Q.js";
+import { s as registerIcon } from "./registry-BEtb8_wB.js";
 //#region src/icons/defaults.ts
 /**
 * Chevron pointing down. Used for split-button dropdown toggle.
@@ -21,6 +21,11 @@ const ICON_CHECK = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="tr
 */
 const ICON_CLOSE = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
 /**
+* Plus / add icon. Pairs with `close` for add/remove actions.
+* fill="currentColor" so it inherits CSS color.
+*/
+const ICON_ADD = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>`;
+/**
 * Error / warning icon. Useful for error notifications.
 * fill="currentColor" so it inherits CSS color.
 */
@@ -45,12 +50,31 @@ const ICON_CHEVRON_RIGHT = `<svg viewBox="0 0 20 20" fill="currentColor" aria-hi
 * fill="currentColor" so it inherits CSS color.
 */
 const ICON_FOLDER_UP = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 4L4 12h5v8h6v-8h5L12 4z"/></svg>`;
+/**
+* Folder. Useful for file explorers and sidebars.
+* fill="currentColor" so it inherits CSS color.
+*/
+const ICON_FOLDER = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 1.99-.9 1.99-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>`;
+/**
+* Document / file page. Useful for file lists and document tabs.
+* fill="currentColor" so it inherits CSS color.
+*/
+const ICON_FILE = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>`;
+/**
+* Magnifying glass. Useful for search panels and inputs.
+* fill="currentColor" so it inherits CSS color.
+*/
+const ICON_SEARCH = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>`;
 function registerDefaults() {
 	registerIcon(`chevron-down`, ICON_CHEVRON_DOWN);
 	registerIcon(`chevron-right`, ICON_CHEVRON_RIGHT);
 	registerIcon(`caret-right`, ICON_CARET_RIGHT);
 	registerIcon(`check`, ICON_CHECK);
 	registerIcon(`close`, ICON_CLOSE);
+	registerIcon(`file`, ICON_FILE);
+	registerIcon(`folder`, ICON_FOLDER);
+	registerIcon(`search`, ICON_SEARCH);
+	registerIcon(`add`, ICON_ADD);
 	registerIcon(`error`, ICON_ERROR);
 	registerIcon(`folder-up`, ICON_FOLDER_UP);
 	registerIcon(`info`, ICON_INFO);
@@ -59,4 +83,4 @@ function registerDefaults() {
 //#endregion
 export { registerDefaults as a, ICON_CLOSE as i, ICON_CHECK as n, ICON_CHEVRON_DOWN as r, ICON_CARET_RIGHT as t };
 
-//# sourceMappingURL=defaults-BkWCPJFL.js.map
+//# sourceMappingURL=defaults-BJwDsMH4.js.map

package/dist/defaults-BJwDsMH4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults-BJwDsMH4.js","names":[],"sources":["../src/icons/defaults.ts"],"sourcesContent":["import { registerIcon } from './registry.js';\n\n/**\n * Chevron pointing down. Used for split-button dropdown toggle.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CHEVRON_DOWN = `<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"/></svg>`;\n\n/**\n * Caret pointing right. Used for tree-basic expand indicator as a CSS mask.\n * fill=\"black\" is correct for CSS mask-image use (shape only, color comes from background-color).\n */\nexport const ICON_CARET_RIGHT = `<svg viewBox=\"0 0 24 24\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 7l6 5-6 5V7z\"/></svg>`;\n\n/**\n * Checkmark. Useful for menu-check-item or confirmation states.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CHECK = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/></svg>`;\n\n/**\n * Close / X icon. Useful for dialogs, notifications, dismissible elements.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CLOSE = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/></svg>`;\n\n/**\n * Plus / add icon. Pairs with `close` for add/remove actions.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_ADD = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"/></svg>`;\n\n/**\n * Error / warning icon. Useful for error notifications.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_ERROR = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>`;\n\n/**\n * Info icon. Useful for info notifications.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_INFO = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>`;\n\n/**\n * Warning icon. Useful for warning notifications.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_WARNING = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>`;\n\n/**\n * Chevron pointing right. Used for split-button switcher toggle.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CHEVRON_RIGHT = `<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"/></svg>`;\n\n/**\n * Folder with up arrow. Angled line style for navigating up one level.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_FOLDER_UP = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 4L4 12h5v8h6v-8h5L12 4z\"/></svg>`;\n\n/**\n * Folder. Useful for file explorers and sidebars.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_FOLDER = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 1.99-.9 1.99-2V8c0-1.1-.9-2-2-2h-8l-2-2z\"/></svg>`;\n\n/**\n * Document / file page. Useful for file lists and document tabs.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_FILE = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"/></svg>`;\n\n/**\n * Magnifying glass. Useful for search panels and inputs.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_SEARCH = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>`;\n\nexport function registerDefaults(): void {\n  registerIcon(`chevron-down`, ICON_CHEVRON_DOWN);\n  registerIcon(`chevron-right`, ICON_CHEVRON_RIGHT);\n  registerIcon(`caret-right`, ICON_CARET_RIGHT);\n  registerIcon(`check`, ICON_CHECK);\n  registerIcon(`close`, ICON_CLOSE);\n  registerIcon(`file`, ICON_FILE);\n  registerIcon(`folder`, ICON_FOLDER);\n  registerIcon(`search`, ICON_SEARCH);\n  registerIcon(`add`, ICON_ADD);\n  registerIcon(`error`, ICON_ERROR);\n  registerIcon(`folder-up`, ICON_FOLDER_UP);\n  registerIcon(`info`, ICON_INFO);\n  registerIcon(`warning`, ICON_WARNING);\n}\n"],"mappings":";;;;;;AAMA,MAAa,oBAAoB;;;;;AAMjC,MAAa,mBAAmB;;;;;AAMhC,MAAa,aAAa;;;;;AAM1B,MAAa,aAAa;;;;;AAM1B,MAAa,WAAW;;;;;AAMxB,MAAa,aAAa;;;;;AAM1B,MAAa,YAAY;;;;;AAMzB,MAAa,eAAe;;;;;AAM5B,MAAa,qBAAqB;;;;;AAMlC,MAAa,iBAAiB;;;;;AAM9B,MAAa,cAAc;;;;;AAM3B,MAAa,YAAY;;;;;AAMzB,MAAa,cAAc;AAE3B,SAAgB,mBAAyB;CACvC,aAAa,gBAAgB,iBAAiB;CAC9C,aAAa,iBAAiB,kBAAkB;CAChD,aAAa,eAAe,gBAAgB;CAC5C,aAAa,SAAS,UAAU;CAChC,aAAa,SAAS,UAAU;CAChC,aAAa,QAAQ,SAAS;CAC9B,aAAa,UAAU,WAAW;CAClC,aAAa,UAAU,WAAW;CAClC,aAAa,OAAO,QAAQ;CAC5B,aAAa,SAAS,UAAU;CAChC,aAAa,aAAa,cAAc;CACxC,aAAa,QAAQ,SAAS;CAC9B,aAAa,WAAW,YAAY;AACtC"}

package/dist/{hex-editor-Bk6rxhfg.js → hex-editor-BiRfwTz1.js}

@@ -1,9 +1,9 @@
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { LitElement, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
 import { Colour } from "@ixfx/visual";
 import { repeat } from "lit/directives/repeat.js";
-import { styleMap } from "lit/directives/style-map.js";
 //#region src/hex/colour.ts
 const WHITESPACE_BYTES = /* @__PURE__ */ new Set([
 	9,
@@ -1142,4 +1142,4 @@ IxfxHexEditorElement = __decorate([safeCustomElement(`ixfx-hex-editor`)], IxfxHe
 //#endregion
 export { IxfxHexEditorElement as t };
 
-//# sourceMappingURL=hex-editor-Bk6rxhfg.js.map
+//# sourceMappingURL=hex-editor-BiRfwTz1.js.map