solid-ui 3.1.3-0 → 3.1.3-2

package/dist/v2/components/actions/button/Button.esm.js

@@ -1,347 +0,0 @@
-import { LitElement as e, css as t, html as n, nothing as r } from "lit";
-//#region src/v2/components/actions/button/Button.ts
-var i = class extends e {
-	static properties = {
-		label: {
-			type: String,
-			reflect: !0
-		},
-		type: {
-			type: String,
-			reflect: !0
-		},
-		disabled: {
-			type: Boolean,
-			reflect: !0
-		},
-		selected: {
-			type: Boolean,
-			reflect: !0
-		},
-		ariaLabel: {
-			type: String,
-			attribute: "aria-label"
-		},
-		name: {
-			type: String,
-			reflect: !0
-		},
-		value: {
-			type: String,
-			reflect: !0
-		},
-		variant: {
-			type: String,
-			reflect: !0
-		},
-		size: {
-			type: String,
-			reflect: !0
-		},
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		fullWidth: {
-			type: Boolean,
-			attribute: "full-width",
-			reflect: !0
-		},
-		icon: {
-			type: String,
-			reflect: !0
-		},
-		iconPosition: {
-			type: String,
-			attribute: "icon-position",
-			reflect: !0
-		},
-		contentAlign: {
-			type: String,
-			attribute: "content-align",
-			reflect: !0
-		},
-		handleClick: { attribute: !1 },
-		_hasSlottedIcon: { state: !0 }
-	};
-	static styles = t`
-    :host {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      --button-background: var(--color-background, #f8f9fb);
-      --button-text: var(--color-text-subheading, #101828);
-      --button-border: var(--color-border-button, var(--gray-300, #D1D5DC));
-      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));
-      --button-hover-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --button-hover-text: var(--color-text-subheading, #101828);
-      --button-selected-background: var(--color-surface-selected, var(--color-surface-action, var(--color-primary, #7C4DFF)));
-      --button-selected-text: var(--color-text-selected, var(--color-text-on-action, var(--white, #FFF)));
-      --button-selected-border: var(--color-border-selected, var(--color-border-action, var(--color-primary, #7C4DFF)));
-      --button-icon-color: currentColor;
-      --button-focus-ring: var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      --button-height-sm: 1.875rem;
-      --button-height-md: var(--min-touch-target, 44px);
-      --button-height-lg: calc(var(--min-touch-target, 44px) + 0.5rem);
-      --button-padding-x-sm: var(--spacing-xs, 0.75rem);
-      --button-padding-x-md: var(--spacing-sm, 0.9375rem);
-      --button-padding-x-lg: var(--spacing-md, 1.25rem);
-      --button-font-size-sm: var(--font-size-sm, 0.875rem);
-      --button-font-size-md: var(--font-size-md, 1rem);
-      --button-font-size-lg: var(--font-size-lg, 1.125rem);
-      --button-icon-size-sm: var(--icon-xxxs, 0.75rem);
-      --button-icon-size-md: var(--icon-xxs, 1rem);
-      --button-icon-size-lg: var(--icon-xxs, 1rem);
-      --button-padding-sm: 0 var(--button-padding-x-sm);
-      --button-padding-md: 0 var(--button-padding-x-md);
-      --button-padding-lg: 0 var(--button-padding-x-lg);
-      --button-border-width: 1px;
-      --button-border-radius: var(--border-radius-base, 0.3125rem);
-      --button-font-weight: var(--font-weight-bold, 600);
-      --button-line-height: 1;
-      --button-justify-content: center;
-      --button-content-justify-content: var(--button-justify-content);
-      --button-label-text-align: center;
-      --button-box-shadow: none;
-      --button-hover-box-shadow: var(--button-box-shadow);
-      --button-active-box-shadow: var(--button-hover-box-shadow);
-      --button-active-transform: translateY(1px);
-      --button-focus-outline: 2px solid var(--button-focus-ring);
-      --button-focus-outline-offset: 2px;
-      --button-focus-box-shadow: none;
-      --button-transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
-    }
-
-    :host([hidden]) {
-      display: none;
-    }
-
-    :host([theme='dark']) {
-      --button-background: var(--color-background, #242a31);
-      --button-text: var(--color-text-subheading, #f8f9fb);
-      --button-border: var(--color-border, #46515b);
-      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));
-      --button-hover-border: var(--color-border, #46515b);
-      --button-hover-text: var(--color-text-subheading, #f8f9fb);
-    }
-
-    :host([variant='primary']) {
-      --button-background: var(--color-surface-action, var(--color-primary, #7C4DFF));
-      --button-text: var(--color-text-on-action, var(--white, #FFF));
-      --button-border: var(--color-border-action, var(--color-primary, #7C4DFF));
-      --button-hover-background: var(--color-surface-action-hover, #6d3cf2);
-      --button-hover-border: var(--color-border-action, var(--color-primary, #7C4DFF));
-      --button-hover-text: var(--color-text-on-action, var(--white, #FFF));
-    }
-
-    :host([variant='icon']) {
-      --button-padding-x-sm: var(--spacing-xxs, 0.3125rem);
-      --button-padding-x-md: var(--spacing-base, 0.5rem);
-      --button-padding-x-lg: var(--spacing-2xs, 0.625rem);
-    }
-
-    :host([full-width]) {
-      width: 100%;
-    }
-
-    :host([content-align='start']) {
-      --button-justify-content: flex-start;
-      --button-content-justify-content: flex-start;
-      --button-label-text-align: left;
-    }
-
-    :host([content-align='end']) {
-      --button-justify-content: flex-end;
-      --button-content-justify-content: flex-end;
-      --button-label-text-align: right;
-    }
-
-    :host([selected]) {
-      --button-background: var(--button-selected-background);
-      --button-text: var(--button-selected-text);
-      --button-border: var(--button-selected-border);
-    }
-
-    .button {
-      display: inline-flex;
-      width: 100%;
-      min-height: var(--button-height-md);
-      padding: var(--button-padding-md);
-      align-items: center;
-      justify-content: var(--button-justify-content);
-      gap: var(--spacing-xxs, 0.375rem);
-      border-radius: var(--button-border-radius);
-      background: var(--button-background);
-      border: var(--button-border-width) solid var(--button-border);
-      box-shadow: var(--button-box-shadow);
-      color: var(--button-text);
-      cursor: pointer;
-      font: inherit;
-      font-size: var(--button-font-size-md);
-      font-weight: var(--button-font-weight);
-      line-height: var(--button-line-height);
-      white-space: nowrap;
-      text-decoration: none;
-      box-sizing: border-box;
-      transition: var(--button-transition);
-    }
-
-    :host([size='sm']) .button {
-      min-height: var(--button-height-sm);
-      padding: var(--button-padding-sm);
-      font-size: var(--button-font-size-sm);
-    }
-
-    :host([size='lg']) .button {
-      min-height: var(--button-height-lg);
-      padding: var(--button-padding-lg);
-      font-size: var(--button-font-size-lg);
-    }
-
-    .button:hover:not(:disabled) {
-      background: var(--button-hover-background);
-      border-color: var(--button-hover-border, var(--button-border));
-      box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow));
-      color: var(--button-hover-text);
-    }
-
-    :host([selected]) .button:hover:not(:disabled) {
-      background: var(--button-hover-background);
-      border-color: var(--button-selected-border);
-      color: var(--button-selected-text);
-    }
-      
-    .button:focus-visible {
-      outline: var(--button-focus-outline);
-      outline-offset: var(--button-focus-outline-offset);
-      box-shadow: var(--button-focus-box-shadow);
-    }
-
-    .button:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-      transform: none;
-    }
-
-    .button__content {
-      display: inline-flex;
-      align-items: center;
-      justify-content: var(--button-content-justify-content);
-      gap: inherit;
-      width: 100%;
-    }
-
-    :host([icon-position='end']) .button__content {
-      flex-direction: row-reverse;
-    }
-
-    .button__icon {
-      width: var(--button-icon-size-md);
-      height: var(--button-icon-size-md);
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--button-icon-color);
-      flex-shrink: 0;
-    }
-
-    :host([size='sm']) .button__icon {
-      width: var(--button-icon-size-sm);
-      height: var(--button-icon-size-sm);
-    }
-
-    :host([size='lg']) .button__icon {
-      width: var(--button-icon-size-lg);
-      height: var(--button-icon-size-lg);
-    }
-
-    .button__icon ::slotted(*) {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
-
-    .button__icon-image {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-
-    .button__label {
-      display: inline-flex;
-      align-items: center;
-      justify-content: var(--button-content-justify-content);
-      min-width: 0;
-      width: 100%;
-      text-align: var(--button-label-text-align);
-    }
-
-    :host([variant='icon']) .button__label {
-      display: none;
-    }
-
-    .button:active {
-      transform: var(--button-active-transform);
-      box-shadow: var(--button-active-box-shadow, var(--button-hover-box-shadow, var(--button-box-shadow)));
-    }
-  `;
-	_iconSlotObserver;
-	constructor() {
-		super(), this.label = "", this.type = "button", this.disabled = !1, this.selected = !1, this.ariaLabel = "", this.name = "", this.value = "", this.variant = "secondary", this.size = "md", this.theme = "light", this.fullWidth = !1, this.icon = "", this.iconPosition = "start", this.contentAlign = "center", this.handleClick = void 0, this._hasSlottedIcon = !1;
-	}
-	connectedCallback() {
-		super.connectedCallback(), this._syncSlottedIconPresence(), this._iconSlotObserver = new MutationObserver(() => {
-			this._syncSlottedIconPresence();
-		}), this._iconSlotObserver.observe(this, {
-			childList: !0,
-			attributes: !0,
-			attributeFilter: ["slot"]
-		});
-	}
-	disconnectedCallback() {
-		this._iconSlotObserver?.disconnect(), this._iconSlotObserver = void 0, super.disconnectedCallback();
-	}
-	_handleButtonClick(e) {
-		this.handleClick?.(e);
-	}
-	_handleIconSlotChange(e) {
-		let t = e.target;
-		this._hasSlottedIcon = t.assignedNodes({ flatten: !0 }).length > 0;
-	}
-	_syncSlottedIconPresence() {
-		this._hasSlottedIcon = this.querySelector("[slot=\"icon\"]") !== null;
-	}
-	_renderIcon() {
-		return !this._hasSlottedIcon && !this.icon ? r : n`
-      <span class="button__icon" part="icon">
-        <slot name="icon" @slotchange=${this._handleIconSlotChange}></slot>
-        ${!this._hasSlottedIcon && this.icon ? n`<img class="button__icon-image" src=${this.icon} alt="" aria-hidden="true" />` : r}
-      </span>
-    `;
-	}
-	render() {
-		return n`
-      <button
-        class="button"
-        type=${this.type}
-        ?disabled=${this.disabled}
-        aria-label=${this.ariaLabel || r}
-        name=${this.name || r}
-        value=${this.value || r}
-        part="button"
-        @click=${this._handleButtonClick}
-      >
-        <span class="button__content">
-          ${this._renderIcon()}
-          <span class="button__label" part="label">
-            <slot>${this.label}</slot>
-          </span>
-        </span>
-      </button>
-    `;
-	}
-};
-//#endregion
-export { i as Button };
-
-//# sourceMappingURL=Button.esm.js.map

package/dist/v2/components/actions/button/Button.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.esm.js","names":[],"sources":["../../../../../src/v2/components/actions/button/Button.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\n\nexport class Button extends LitElement {\n  static properties = {\n    label: { type: String, reflect: true },\n    type: { type: String, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    selected: { type: Boolean, reflect: true },\n    ariaLabel: { type: String, attribute: 'aria-label' },\n    name: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    variant: { type: String, reflect: true },\n    size: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    fullWidth: { type: Boolean, attribute: 'full-width', reflect: true },\n    icon: { type: String, reflect: true },\n    iconPosition: { type: String, attribute: 'icon-position', reflect: true },\n    contentAlign: { type: String, attribute: 'content-align', reflect: true },\n    handleClick: { attribute: false },\n    _hasSlottedIcon: { state: true }\n  }\n\n  static styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      --button-background: var(--color-background, #f8f9fb);\n      --button-text: var(--color-text-subheading, #101828);\n      --button-border: var(--color-border-button, var(--gray-300, #D1D5DC));\n      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));\n      --button-hover-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n      --button-hover-text: var(--color-text-subheading, #101828);\n      --button-selected-background: var(--color-surface-selected, var(--color-surface-action, var(--color-primary, #7C4DFF)));\n      --button-selected-text: var(--color-text-selected, var(--color-text-on-action, var(--white, #FFF)));\n      --button-selected-border: var(--color-border-selected, var(--color-border-action, var(--color-primary, #7C4DFF)));\n      --button-icon-color: currentColor;\n      --button-focus-ring: var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      --button-height-sm: 1.875rem;\n      --button-height-md: var(--min-touch-target, 44px);\n      --button-height-lg: calc(var(--min-touch-target, 44px) + 0.5rem);\n      --button-padding-x-sm: var(--spacing-xs, 0.75rem);\n      --button-padding-x-md: var(--spacing-sm, 0.9375rem);\n      --button-padding-x-lg: var(--spacing-md, 1.25rem);\n      --button-font-size-sm: var(--font-size-sm, 0.875rem);\n      --button-font-size-md: var(--font-size-md, 1rem);\n      --button-font-size-lg: var(--font-size-lg, 1.125rem);\n      --button-icon-size-sm: var(--icon-xxxs, 0.75rem);\n      --button-icon-size-md: var(--icon-xxs, 1rem);\n      --button-icon-size-lg: var(--icon-xxs, 1rem);\n      --button-padding-sm: 0 var(--button-padding-x-sm);\n      --button-padding-md: 0 var(--button-padding-x-md);\n      --button-padding-lg: 0 var(--button-padding-x-lg);\n      --button-border-width: 1px;\n      --button-border-radius: var(--border-radius-base, 0.3125rem);\n      --button-font-weight: var(--font-weight-bold, 600);\n      --button-line-height: 1;\n      --button-justify-content: center;\n      --button-content-justify-content: var(--button-justify-content);\n      --button-label-text-align: center;\n      --button-box-shadow: none;\n      --button-hover-box-shadow: var(--button-box-shadow);\n      --button-active-box-shadow: var(--button-hover-box-shadow);\n      --button-active-transform: translateY(1px);\n      --button-focus-outline: 2px solid var(--button-focus-ring);\n      --button-focus-outline-offset: 2px;\n      --button-focus-box-shadow: none;\n      --button-transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n\n    :host([theme='dark']) {\n      --button-background: var(--color-background, #242a31);\n      --button-text: var(--color-text-subheading, #f8f9fb);\n      --button-border: var(--color-border, #46515b);\n      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));\n      --button-hover-border: var(--color-border, #46515b);\n      --button-hover-text: var(--color-text-subheading, #f8f9fb);\n    }\n\n    :host([variant='primary']) {\n      --button-background: var(--color-surface-action, var(--color-primary, #7C4DFF));\n      --button-text: var(--color-text-on-action, var(--white, #FFF));\n      --button-border: var(--color-border-action, var(--color-primary, #7C4DFF));\n      --button-hover-background: var(--color-surface-action-hover, #6d3cf2);\n      --button-hover-border: var(--color-border-action, var(--color-primary, #7C4DFF));\n      --button-hover-text: var(--color-text-on-action, var(--white, #FFF));\n    }\n\n    :host([variant='icon']) {\n      --button-padding-x-sm: var(--spacing-xxs, 0.3125rem);\n      --button-padding-x-md: var(--spacing-base, 0.5rem);\n      --button-padding-x-lg: var(--spacing-2xs, 0.625rem);\n    }\n\n    :host([full-width]) {\n      width: 100%;\n    }\n\n    :host([content-align='start']) {\n      --button-justify-content: flex-start;\n      --button-content-justify-content: flex-start;\n      --button-label-text-align: left;\n    }\n\n    :host([content-align='end']) {\n      --button-justify-content: flex-end;\n      --button-content-justify-content: flex-end;\n      --button-label-text-align: right;\n    }\n\n    :host([selected]) {\n      --button-background: var(--button-selected-background);\n      --button-text: var(--button-selected-text);\n      --button-border: var(--button-selected-border);\n    }\n\n    .button {\n      display: inline-flex;\n      width: 100%;\n      min-height: var(--button-height-md);\n      padding: var(--button-padding-md);\n      align-items: center;\n      justify-content: var(--button-justify-content);\n      gap: var(--spacing-xxs, 0.375rem);\n      border-radius: var(--button-border-radius);\n      background: var(--button-background);\n      border: var(--button-border-width) solid var(--button-border);\n      box-shadow: var(--button-box-shadow);\n      color: var(--button-text);\n      cursor: pointer;\n      font: inherit;\n      font-size: var(--button-font-size-md);\n      font-weight: var(--button-font-weight);\n      line-height: var(--button-line-height);\n      white-space: nowrap;\n      text-decoration: none;\n      box-sizing: border-box;\n      transition: var(--button-transition);\n    }\n\n    :host([size='sm']) .button {\n      min-height: var(--button-height-sm);\n      padding: var(--button-padding-sm);\n      font-size: var(--button-font-size-sm);\n    }\n\n    :host([size='lg']) .button {\n      min-height: var(--button-height-lg);\n      padding: var(--button-padding-lg);\n      font-size: var(--button-font-size-lg);\n    }\n\n    .button:hover:not(:disabled) {\n      background: var(--button-hover-background);\n      border-color: var(--button-hover-border, var(--button-border));\n      box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow));\n      color: var(--button-hover-text);\n    }\n\n    :host([selected]) .button:hover:not(:disabled) {\n      background: var(--button-hover-background);\n      border-color: var(--button-selected-border);\n      color: var(--button-selected-text);\n    }\n      \n    .button:focus-visible {\n      outline: var(--button-focus-outline);\n      outline-offset: var(--button-focus-outline-offset);\n      box-shadow: var(--button-focus-box-shadow);\n    }\n\n    .button:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .button__content {\n      display: inline-flex;\n      align-items: center;\n      justify-content: var(--button-content-justify-content);\n      gap: inherit;\n      width: 100%;\n    }\n\n    :host([icon-position='end']) .button__content {\n      flex-direction: row-reverse;\n    }\n\n    .button__icon {\n      width: var(--button-icon-size-md);\n      height: var(--button-icon-size-md);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--button-icon-color);\n      flex-shrink: 0;\n    }\n\n    :host([size='sm']) .button__icon {\n      width: var(--button-icon-size-sm);\n      height: var(--button-icon-size-sm);\n    }\n\n    :host([size='lg']) .button__icon {\n      width: var(--button-icon-size-lg);\n      height: var(--button-icon-size-lg);\n    }\n\n    .button__icon ::slotted(*) {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n\n    .button__icon-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n\n    .button__label {\n      display: inline-flex;\n      align-items: center;\n      justify-content: var(--button-content-justify-content);\n      min-width: 0;\n      width: 100%;\n      text-align: var(--button-label-text-align);\n    }\n\n    :host([variant='icon']) .button__label {\n      display: none;\n    }\n\n    .button:active {\n      transform: var(--button-active-transform);\n      box-shadow: var(--button-active-box-shadow, var(--button-hover-box-shadow, var(--button-box-shadow)));\n    }\n  `\n\n  declare label: string\n  declare type: 'button' | 'submit' | 'reset'\n  declare disabled: boolean\n  declare selected: boolean\n  declare ariaLabel: string\n  declare name: string\n  declare value: string\n  declare variant: 'primary' | 'secondary' | 'icon'\n  declare size: 'sm' | 'md' | 'lg'\n  declare theme: 'light' | 'dark'\n  declare fullWidth: boolean\n  declare icon: string\n  declare iconPosition: 'start' | 'end'\n  declare contentAlign: 'start' | 'center' | 'end'\n  declare handleClick?: (event: MouseEvent) => void\n  declare _hasSlottedIcon: boolean\n  private _iconSlotObserver?: MutationObserver\n\n  constructor () {\n    super()\n    this.label = ''\n    this.type = 'button'\n    this.disabled = false\n    this.selected = false\n    this.ariaLabel = ''\n    this.name = ''\n    this.value = ''\n    this.variant = 'secondary'\n    this.size = 'md'\n    this.theme = 'light'\n    this.fullWidth = false\n    this.icon = ''\n    this.iconPosition = 'start'\n    this.contentAlign = 'center'\n    this.handleClick = undefined\n    this._hasSlottedIcon = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    this._syncSlottedIconPresence()\n\n    this._iconSlotObserver = new MutationObserver(() => {\n      this._syncSlottedIconPresence()\n    })\n\n    this._iconSlotObserver.observe(this, {\n      childList: true,\n      attributes: true,\n      attributeFilter: ['slot']\n    })\n  }\n\n  disconnectedCallback () {\n    this._iconSlotObserver?.disconnect()\n    this._iconSlotObserver = undefined\n    super.disconnectedCallback()\n  }\n\n  private _handleButtonClick (event: MouseEvent) {\n    this.handleClick?.(event)\n  }\n\n  private _handleIconSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this._hasSlottedIcon = slot.assignedNodes({ flatten: true }).length > 0\n  }\n\n  private _syncSlottedIconPresence () {\n    this._hasSlottedIcon = this.querySelector('[slot=\"icon\"]') !== null\n  }\n\n  private _renderIcon () {\n    if (!this._hasSlottedIcon && !this.icon) {\n      return nothing\n    }\n\n    return html`\n      <span class=\"button__icon\" part=\"icon\">\n        <slot name=\"icon\" @slotchange=${this._handleIconSlotChange}></slot>\n        ${!this._hasSlottedIcon && this.icon\n          ? html`<img class=\"button__icon-image\" src=${this.icon} alt=\"\" aria-hidden=\"true\" />`\n          : nothing}\n      </span>\n    `\n  }\n\n  render () {\n    return html`\n      <button\n        class=\"button\"\n        type=${this.type}\n        ?disabled=${this.disabled}\n        aria-label=${this.ariaLabel || nothing}\n        name=${this.name || nothing}\n        value=${this.value || nothing}\n        part=\"button\"\n        @click=${this._handleButtonClick}\n      >\n        <span class=\"button__content\">\n          ${this._renderIcon()}\n          <span class=\"button__label\" part=\"label\">\n            <slot>${this.label}</slot>\n          </span>\n        </span>\n      </button>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/v2/components/actions/button/index.cjs.js

@@ -1,2 +0,0 @@
-const e=require("./Button.cjs.js");var t=`solid-ui-button`;customElements.get(t)||customElements.define(t,e.Button);
-//# sourceMappingURL=index.cjs.js.map

package/dist/v2/components/actions/button/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../../../../../src/v2/components/actions/button/index.ts"],"sourcesContent":["import { Button } from './Button'\n\nexport { Button }\n\nconst BUTTON_TAG_NAME = 'solid-ui-button'\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'solid-ui-button': Button\n  }\n}\n\nif (!customElements.get(BUTTON_TAG_NAME)) {\n  customElements.define(BUTTON_TAG_NAME, Button)\n}\n"],"mappings":"mCAIA,IAAM,EAAkB,kBAQnB,eAAe,IAAI,CAAe,GACrC,eAAe,OAAO,EAAiB,EAAA,MAAM"}

package/dist/v2/components/actions/button/index.esm.js

@@ -1,7 +0,0 @@
-import { Button as e } from "./Button.esm.js";
-//#region src/v2/components/actions/button/index.ts
-var t = "solid-ui-button";
-customElements.get(t) || customElements.define(t, e);
-//#endregion
-
-//# sourceMappingURL=index.esm.js.map

package/dist/v2/components/actions/button/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../../src/v2/components/actions/button/index.ts"],"sourcesContent":["import { Button } from './Button'\n\nexport { Button }\n\nconst BUTTON_TAG_NAME = 'solid-ui-button'\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'solid-ui-button': Button\n  }\n}\n\nif (!customElements.get(BUTTON_TAG_NAME)) {\n  customElements.define(BUTTON_TAG_NAME, Button)\n}\n"],"mappings":";;AAIA,IAAM,IAAkB;AAQnB,eAAe,IAAI,CAAe,KACrC,eAAe,OAAO,GAAiB,CAAM"}

package/dist/v2/components/forms/combobox/Combobox.cjs.js

@@ -1,194 +0,0 @@
-const e=require("../shared/downArrow.cjs.js"),t=require("../shared/listboxStyles.cjs.js"),n=require("../shared/keyboard.cjs.js"),r=require("../shared/listboxTemplate.cjs.js");let i=require("lit"),a=require("lit/html.js");var o=class o extends i.LitElement{static _nextId=0;_popupPortalHost=null;_popupPortalRoot=null;_popupPortalContainer=null;_handleDocumentPointerDown=e=>{let t=e.target;if(!this._popupOpen||!(t instanceof Node))return;let n=`composedPath`in e?e.composedPath():[];n.includes(this)||this._popupPortalHost&&n.includes(this._popupPortalHost)||this._popupPortalRoot&&n.includes(this._popupPortalRoot)||this.contains(t)||this._closePopup()};_handleViewportChange=()=>{this._popupOpen&&this._updatePopupPosition()};suggestionProvider;static properties={label:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},theme:{type:String,reflect:!0},layout:{type:String,reflect:!0},value:{type:String,reflect:!0},inputValue:{type:String},options:{type:Array,attribute:!1},_popupOpen:{state:!0},_activeIndex:{state:!0}};static styles=[t.listboxStyles,i.css`
-    :host {
-      /* default theme */
-      display: block;
-      width: 100%;
-      min-width: 0;
-      max-width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      --popup-background: var(--color-background, #F8F9FB);
-      --popup-text: var(--color-text, #1A1A1A);
-      --popup-border: var(--color-border, #E5E7EB);
-      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
-      --input-background: var(--color-background, #F8F9FB);
-      --input-text: var(--color-text, #1A1A1A);
-      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --label-color: var(--grey-purple-700, #1A1A1A);
-      --placeholder-color: var(--grey-purple-700, #5e546d);
-      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
-    }
-
-    :host([theme='dark']) {
-      display: block;
-      width: 100%;
-      min-width: 0;
-      max-width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      --popup-background: var(--color-background, #F8F9FB);
-      --popup-text: var(--color-text, #1A1A1A);
-      --popup-border: var(--color-border, #E5E7EB);
-      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
-      --input-background: var(--color-background, #F8F9FB);
-      --input-text: var(--color-text, #1A1A1A);
-      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --label-color: var(--grey-purple-700, #1A1A1A);
-      --placeholder-color: var(--grey-purple-700, #5e546d);
-      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
-    }
-
-    .popup-box {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      background: var(--popup-background);
-      color: var(--popup-text);
-      box-shadow: var(--popup-shadow);
-      border: 1px solid var(--popup-border);
-      border-radius: var(--border-radius-md, 0.5rem);
-      min-width: 100%;
-      overflow: hidden;
-      box-sizing: border-box;
-      isolation: isolate;
-    }
-
-    .select-options-section {
-      position: relative;
-      background: var(--popup-background);
-      border-radius: inherit;
-      isolation: isolate;
-    }
-
-    .combobox-root {
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-    }
-
-    .text-label {
-      color: var(--label-color);
-      margin-bottom: 6px;
-    }
-
-    .input-field-row {
-      display: flex;
-      flex-direction: row;
-      position: relative;
-      width: 100%;
-      min-width: 0;
-    }
-
-    .text-input {
-      display: block;
-      flex: 1;
-      width: 100%;
-      min-width: 0;
-      min-height: var(--combobox-input-height);
-      height: var(--combobox-input-height);
-      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);
-      border: 1px solid var(--input-border);
-      border-radius: var(--border-radius-base, 0.3125rem);
-      background: var(--input-background);
-      color: var(--input-text);
-      font: inherit;
-      font-size: var(--font-size-sm, 0.875rem);
-      font-weight: var(--font-weight-md, 500);
-      line-height: normal;
-      appearance: none;
-      -webkit-appearance: none;
-      box-sizing: border-box;
-    }
-
-    .text-input::placeholder {
-      color: var(--placeholder-color);
-    }
-
-    .text-input:focus-visible {
-      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      outline-offset: 2px;
-    }
-
-    .dropdown-toggle {
-      position: absolute;
-      right: 6px;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 26px;
-      height: 26px;
-      padding: 0;
-      border: none;
-      background: transparent;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      border-radius: var(--border-radius-base, 0.3125rem);
-    }
-
-    .dropdown-toggle:hover {
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
-
-    .input-field-row:focus-within .dropdown-toggle {
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
-
-    .dropdown-toggle:focus-visible {
-      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      outline-offset: 2px;
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
-
-    .dropdown-toggle svg {
-      width: 14px;
-      height: 14px;
-      display: block;
-    }
-  }
-  `];_inputId=`solid-ui-combobox-input-${o._nextId++}`;_listboxId=`solid-ui-combobox-listbox-${o._nextId++}`;_suggestionRequestId=0;constructor(){super(),this.label=`Select an option`,this.placeholder=`Type to search`,this.theme=`light`,this.layout=`desktop`,this.options=[],this.value=``,this.inputValue=``,this._popupOpen=!1,this._activeIndex=-1}connectedCallback(){super.connectedCallback(),document.addEventListener(`pointerdown`,this._handleDocumentPointerDown),window.addEventListener(`resize`,this._handleViewportChange),window.addEventListener(`scroll`,this._handleViewportChange,!0)}disconnectedCallback(){this._detachPopupPortal(),document.removeEventListener(`pointerdown`,this._handleDocumentPointerDown),window.removeEventListener(`resize`,this._handleViewportChange),window.removeEventListener(`scroll`,this._handleViewportChange,!0),super.disconnectedCallback()}_getPopupPortalContainer(){return this.closest(`dialog[open]`)||document.body}_ensurePopupPortal(){let e=this._getPopupPortalContainer();if(this._popupPortalHost&&this._popupPortalRoot&&this._popupPortalContainer===e)return;this._detachPopupPortal(),this._popupPortalHost=document.createElement(`div`),this._popupPortalHost.setAttribute(`data-solid-ui-combobox-portal`,``),this._popupPortalHost.style.position=`fixed`,this._popupPortalHost.style.inset=`0 auto auto 0`,this._popupPortalHost.style.zIndex=`2147483647`,this._popupPortalHost.style.pointerEvents=`none`,this._popupPortalHost.style.boxSizing=`border-box`,this._popupPortalRoot=this._popupPortalHost.attachShadow({mode:`open`});let t=(Array.isArray(o.styles)?o.styles:[o.styles]).map(e=>e?.styleSheet).filter(e=>!!e);t.length>0&&(this._popupPortalRoot.adoptedStyleSheets=t),e.appendChild(this._popupPortalHost),this._popupPortalContainer=e}_detachPopupPortal(){this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot),this._popupPortalHost?.parentNode&&this._popupPortalHost.parentNode.removeChild(this._popupPortalHost),this._popupPortalHost=null,this._popupPortalRoot=null,this._popupPortalContainer=null}_updatePopupPosition(){this._ensurePopupPortal();let e=this.getBoundingClientRect(),t=Math.min(288,Math.max(120,window.innerHeight-e.bottom-12));this._popupPortalHost&&(this._popupPortalHost.style.top=`${Math.round(e.bottom+2)}px`,this._popupPortalHost.style.left=`${Math.round(e.left)}px`,this._popupPortalHost.style.width=`${Math.round(e.width)}px`,this._popupPortalHost.style.maxHeight=`${Math.round(t)}px`,this._popupPortalHost.style.height=`0px`)}_openPopup(){let e=this._getDisplayedOptions();this._popupOpen=!0,this._updatePopupPosition(),this._activeIndex=n.findOptionIndexByValue(e,this.value),this._activeIndex<0&&(this._activeIndex=n.getFirstEnabledIndex(e))}_closePopup(){this._popupOpen=!1,this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}updated(e){if(this._popupOpen?(this._updatePopupPosition(),this._popupPortalRoot&&(0,a.render)(this._renderPopup(),this._popupPortalRoot)):this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot),(e.has(`value`)||e.has(`options`))&&this.value){let e=this.options.find(e=>e.value===this.value);e&&this.inputValue!==e.label&&(this.inputValue=e.label)}}_getSelectedIndex(){return n.findOptionIndexByValue(this.options,this.value)}_getSelectedOption(){let e=this._getSelectedIndex();return e>=0?this.options[e]:this.options[0]}_getDisplayedOptions(){let e=this._getSelectedOption();return e?[e,...this.options.filter(t=>t.value!==e.value)]:this.options}_getActiveOption(){let e=this._getDisplayedOptions();if(!(this._activeIndex<0))return e[this._activeIndex]}async _loadSuggestions(e){if(!this.suggestionProvider){this._openPopup();return}let t=++this._suggestionRequestId,n=await this.suggestionProvider(e);t===this._suggestionRequestId&&(this.options=n,this._openPopup())}async _handleInputChange(e){let t=e.target.value;this.inputValue=t,this.value=``,this.dispatchEvent(new CustomEvent(`input`,{detail:{value:t},bubbles:!0,composed:!0})),await this._loadSuggestions(t)}_handleInputKeydown(e){if(e.key===` `||e.key===`Spacebar`)return;let t=this._getDisplayedOptions(),r=n.getListboxActionFromKey(e.key);if(r!==`none`)switch(e.preventDefault(),r){case`close`:this._closePopup();break;case`first`:this._popupOpen||this._openPopup(),this._activeIndex=n.getFirstEnabledIndex(t);break;case`last`:this._popupOpen||this._openPopup(),this._activeIndex=n.getLastEnabledIndex(t);break;case`next`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=n.getNextEnabledIndex(this._activeIndex,t,1);break;case`previous`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=n.getNextEnabledIndex(this._activeIndex,t,-1);break;case`select`:if(!this._popupOpen){this._openPopup();break}this._selectActiveOption();break;default:break}}_getOptionId(e,t){return`${this._listboxId}-option-${t}-${e.value}`}_selectValueFromDropdown(e){let t=this.options.find(t=>t.value===e);this.value=e,this.inputValue=t?.label??e,this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e,label:this.inputValue,option:t},bubbles:!0,composed:!0})),this._closePopup()}_selectActiveOption(){let e=this._getActiveOption();e&&!e.disabled&&this._selectValueFromDropdown(e.value)}_renderPopup(){let e=this._getDisplayedOptions();return i.html`
-      <div class="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${r.renderListbox({selectedOption:this._getSelectedOption(),activeOption:this._activeIndex>=0?e[this._activeIndex]:void 0,options:e,listboxId:this._listboxId,getOptionId:(e,t)=>this._getOptionId(e,t),onOptionSelect:e=>this._selectValueFromDropdown(e.value)})}
-        </div>
-      </div>
-    `}render(){let t=this._getActiveOption(),n=this._popupOpen&&t?this._getOptionId(t,this._activeIndex):void 0,r=this.label?i.nothing:this.getAttribute(`aria-label`)||this.placeholder||`Combobox`;return i.html`
-      <div class="combobox-root">
-        ${this.label?i.html`<label class="text-label" for="${this._inputId}">${this.label}</label>`:null}
-        <div class="input-field-row">
-          <input
-            id="${this._inputId}"
-            class="text-input"
-            part="input"
-            type="text"
-            role="combobox"
-            aria-autocomplete="list"
-            aria-label="${r}"
-            aria-expanded="${this._popupOpen}"
-            aria-controls="${this._listboxId}"
-            aria-activedescendant="${n??``}"
-            placeholder="${this.placeholder}"
-            .value="${this.inputValue}"
-            @focus="${()=>this._openPopup()}"
-            @input="${this._handleInputChange}"
-            @keydown="${this._handleInputKeydown}"
-          />
-          <button
-            class="dropdown-toggle"
-            type="button"
-            aria-label="Show options"
-            aria-expanded="${this._popupOpen}"
-            @click="${()=>this._popupOpen?this._closePopup():this._openPopup()}"
-          >
-            ${e.downArrowIcon}
-          </button>
-        </div>
-      </div>
-    `}};exports.Combobox=o;
-//# sourceMappingURL=Combobox.cjs.js.map

package/dist/v2/components/forms/combobox/Combobox.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.cjs.js","names":[],"sources":["../../../../../src/v2/components/forms/combobox/Combobox.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { render as renderPortal } from 'lit/html.js'\nimport { downArrowIcon } from '../shared/downArrow'\nimport { listboxStyles } from '../shared/listboxStyles'\nimport { findOptionIndexByValue, getFirstEnabledIndex, getLastEnabledIndex, getListboxActionFromKey, getNextEnabledIndex } from '../shared/keyboard'\nimport { ComboboxSuggestion } from './comboboxTypes'\nimport { renderListbox } from '../shared/listboxTemplate'\n\nexport class Combobox extends LitElement {\n  private static _nextId = 0\n  private _popupPortalHost: HTMLDivElement | null = null\n  private _popupPortalRoot: ShadowRoot | null = null\n  private _popupPortalContainer: Element | null = null\n  private readonly _handleDocumentPointerDown = (event: Event) => {\n    const eventTarget = event.target\n\n    if (!this._popupOpen || !(eventTarget instanceof Node)) {\n      return\n    }\n\n    const eventPath =\n      'composedPath' in event\n        ? (event as Event & { composedPath: () => EventTarget[] }).composedPath()\n        : []\n\n    if (eventPath.includes(this)) {\n      return\n    }\n\n    if (\n      (this._popupPortalHost && eventPath.includes(this._popupPortalHost)) ||\n      (this._popupPortalRoot && eventPath.includes(this._popupPortalRoot))\n    ) {\n      return\n    }\n\n    if (!this.contains(eventTarget)) {\n      this._closePopup()\n    }\n  }\n\n  private readonly _handleViewportChange = () => {\n    if (!this._popupOpen) return\n    this._updatePopupPosition()\n  }\n\n  suggestionProvider?: (query: string) => Promise<ComboboxSuggestion[]>\n\n  static properties = {\n    label: { type: String, reflect: true },\n    placeholder: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    inputValue: { type: String },\n    options: { type: Array, attribute: false },\n    _popupOpen: { state: true },\n    _activeIndex: { state: true }\n  }\n\n  static styles = [\n    listboxStyles,\n    css`\n    :host {\n      /* default theme */\n      display: block;\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      position: relative;\n      box-sizing: border-box;\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --input-background: var(--color-background, #F8F9FB);\n      --input-text: var(--color-text, #1A1A1A);\n      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n      --label-color: var(--grey-purple-700, #1A1A1A);\n      --placeholder-color: var(--grey-purple-700, #5e546d);\n      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);\n    }\n\n    :host([theme='dark']) {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      position: relative;\n      box-sizing: border-box;\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --input-background: var(--color-background, #F8F9FB);\n      --input-text: var(--color-text, #1A1A1A);\n      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n      --label-color: var(--grey-purple-700, #1A1A1A);\n      --placeholder-color: var(--grey-purple-700, #5e546d);\n      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);\n    }\n\n    .popup-box {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      background: var(--popup-background);\n      color: var(--popup-text);\n      box-shadow: var(--popup-shadow);\n      border: 1px solid var(--popup-border);\n      border-radius: var(--border-radius-md, 0.5rem);\n      min-width: 100%;\n      overflow: hidden;\n      box-sizing: border-box;\n      isolation: isolate;\n    }\n\n    .select-options-section {\n      position: relative;\n      background: var(--popup-background);\n      border-radius: inherit;\n      isolation: isolate;\n    }\n\n    .combobox-root {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .text-label {\n      color: var(--label-color);\n      margin-bottom: 6px;\n    }\n\n    .input-field-row {\n      display: flex;\n      flex-direction: row;\n      position: relative;\n      width: 100%;\n      min-width: 0;\n    }\n\n    .text-input {\n      display: block;\n      flex: 1;\n      width: 100%;\n      min-width: 0;\n      min-height: var(--combobox-input-height);\n      height: var(--combobox-input-height);\n      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);\n      border: 1px solid var(--input-border);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--input-background);\n      color: var(--input-text);\n      font: inherit;\n      font-size: var(--font-size-sm, 0.875rem);\n      font-weight: var(--font-weight-md, 500);\n      line-height: normal;\n      appearance: none;\n      -webkit-appearance: none;\n      box-sizing: border-box;\n    }\n\n    .text-input::placeholder {\n      color: var(--placeholder-color);\n    }\n\n    .text-input:focus-visible {\n      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      outline-offset: 2px;\n    }\n\n    .dropdown-toggle {\n      position: absolute;\n      right: 6px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 26px;\n      height: 26px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border-radius: var(--border-radius-base, 0.3125rem);\n    }\n\n    .dropdown-toggle:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .input-field-row:focus-within .dropdown-toggle {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .dropdown-toggle:focus-visible {\n      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      outline-offset: 2px;\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .dropdown-toggle svg {\n      width: 14px;\n      height: 14px;\n      display: block;\n    }\n  }\n  `\n  ]\n\n  declare label: string\n  declare placeholder: string\n  declare theme: 'light' | 'dark'\n  declare options: Array<ComboboxSuggestion>\n  declare layout: 'desktop' | 'mobile'\n  declare value: string\n  declare inputValue: string\n  declare _popupOpen: boolean\n  declare _activeIndex: number\n\n  private readonly _inputId = `solid-ui-combobox-input-${Combobox._nextId++}`\n  private readonly _listboxId = `solid-ui-combobox-listbox-${Combobox._nextId++}`\n  private _suggestionRequestId = 0\n\n  constructor () {\n    super()\n    this.label = 'Select an option'\n    this.placeholder = 'Type to search'\n    this.theme = 'light'\n    this.layout = 'desktop'\n    this.options = []\n    this.value = ''\n    this.inputValue = ''\n    this._popupOpen = false\n    this._activeIndex = -1\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.addEventListener('resize', this._handleViewportChange)\n    window.addEventListener('scroll', this._handleViewportChange, true)\n  }\n\n  disconnectedCallback () {\n    this._detachPopupPortal()\n    document.removeEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.removeEventListener('resize', this._handleViewportChange)\n    window.removeEventListener('scroll', this._handleViewportChange, true)\n    super.disconnectedCallback()\n  }\n\n  private _getPopupPortalContainer () {\n    return this.closest('dialog[open]') || document.body\n  }\n\n  private _ensurePopupPortal () {\n    const nextContainer = this._getPopupPortalContainer()\n\n    if (\n      this._popupPortalHost &&\n      this._popupPortalRoot &&\n      this._popupPortalContainer === nextContainer\n    ) {\n      return\n    }\n\n    this._detachPopupPortal()\n\n    this._popupPortalHost = document.createElement('div')\n    this._popupPortalHost.setAttribute('data-solid-ui-combobox-portal', '')\n    this._popupPortalHost.style.position = 'fixed'\n    this._popupPortalHost.style.inset = '0 auto auto 0'\n    this._popupPortalHost.style.zIndex = '2147483647'\n    this._popupPortalHost.style.pointerEvents = 'none'\n    this._popupPortalHost.style.boxSizing = 'border-box'\n\n    this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: 'open' })\n    const styleSheets = (Array.isArray(Combobox.styles) ? Combobox.styles : [Combobox.styles])\n      .map((style) => style?.styleSheet)\n      .filter((styleSheet): styleSheet is CSSStyleSheet => Boolean(styleSheet))\n\n    if (styleSheets.length > 0) {\n      this._popupPortalRoot.adoptedStyleSheets = styleSheets\n    }\n\n    nextContainer.appendChild(this._popupPortalHost)\n    this._popupPortalContainer = nextContainer\n  }\n\n  private _detachPopupPortal () {\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if (this._popupPortalHost?.parentNode) {\n      this._popupPortalHost.parentNode.removeChild(this._popupPortalHost)\n    }\n\n    this._popupPortalHost = null\n    this._popupPortalRoot = null\n    this._popupPortalContainer = null\n  }\n\n  private _updatePopupPosition () {\n    this._ensurePopupPortal()\n\n    const rect = this.getBoundingClientRect()\n    const maxHeight = Math.min(288, Math.max(120, window.innerHeight - rect.bottom - 12))\n\n    if (this._popupPortalHost) {\n      this._popupPortalHost.style.top = `${Math.round(rect.bottom + 2)}px`\n      this._popupPortalHost.style.left = `${Math.round(rect.left)}px`\n      this._popupPortalHost.style.width = `${Math.round(rect.width)}px`\n      this._popupPortalHost.style.maxHeight = `${Math.round(maxHeight)}px`\n      this._popupPortalHost.style.height = '0px'\n    }\n  }\n\n  private _openPopup () {\n    const popupOptions = this._getDisplayedOptions()\n\n    this._popupOpen = true\n    this._updatePopupPosition()\n    this._activeIndex = findOptionIndexByValue(popupOptions, this.value)\n\n    if (this._activeIndex < 0) {\n      this._activeIndex = getFirstEnabledIndex(popupOptions)\n    }\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  protected updated (changedProperties: Map<string, unknown>) {\n    if (this._popupOpen) {\n      this._updatePopupPosition()\n      if (this._popupPortalRoot) {\n        renderPortal(this._renderPopup(), this._popupPortalRoot)\n      }\n    } else if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if ((changedProperties.has('value') || changedProperties.has('options')) && this.value) {\n      const selectedOption = this.options.find((option) => option.value === this.value)\n      if (selectedOption && this.inputValue !== selectedOption.label) {\n        this.inputValue = selectedOption.label\n      }\n    }\n  }\n\n  private _getSelectedIndex () {\n    return findOptionIndexByValue(this.options, this.value)\n  }\n\n  private _getSelectedOption () {\n    const selectedIndex = this._getSelectedIndex()\n\n    if (selectedIndex >= 0) {\n      return this.options[selectedIndex]\n    }\n\n    return this.options[0]\n  }\n\n  private _getDisplayedOptions () {\n    const selectedOption = this._getSelectedOption()\n\n    if (!selectedOption) {\n      return this.options\n    }\n\n    return [\n      selectedOption,\n      ...this.options.filter((option) => option.value !== selectedOption.value)\n    ]\n  }\n\n  private _getActiveOption () {\n    const popupOptions = this._getDisplayedOptions()\n\n    if (this._activeIndex < 0) {\n      return undefined\n    }\n\n    return popupOptions[this._activeIndex]\n  }\n\n  private async _loadSuggestions (query: string) {\n    if (!this.suggestionProvider) {\n      this._openPopup()\n      return\n    }\n\n    const requestId = ++this._suggestionRequestId\n    const suggestions = await this.suggestionProvider(query)\n\n    if (requestId !== this._suggestionRequestId) {\n      return\n    }\n\n    this.options = suggestions\n    this._openPopup()\n  }\n\n  private async _handleInputChange (e: Event) {\n    const query = (e.target as HTMLInputElement).value\n\n    this.inputValue = query\n    this.value = ''\n    this.dispatchEvent(new CustomEvent('input', {\n      detail: { value: query },\n      bubbles: true,\n      composed: true\n    }))\n    await this._loadSuggestions(query)\n  }\n\n  private _handleInputKeydown (e: KeyboardEvent) {\n    if (e.key === ' ' || e.key === 'Spacebar') {\n      return\n    }\n\n    const popupOptions = this._getDisplayedOptions()\n    const action = getListboxActionFromKey(e.key)\n\n    if (action === 'none') {\n      return\n    }\n\n    e.preventDefault()\n\n    switch (action) {\n      case 'close':\n        this._closePopup()\n        break\n      case 'first':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getFirstEnabledIndex(popupOptions)\n        break\n      case 'last':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getLastEnabledIndex(popupOptions)\n        break\n      case 'next':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(this._activeIndex, popupOptions, 1)\n        break\n      case 'previous':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(this._activeIndex, popupOptions, -1)\n        break\n      case 'select':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._selectActiveOption()\n        break\n      default:\n        break\n    }\n  }\n\n  private _getOptionId (option: ComboboxSuggestion, index: number) {\n    return `${this._listboxId}-option-${index}-${option.value}`\n  }\n\n  private _selectValueFromDropdown (value: string) {\n    const selectedOption = this.options.find(option => option.value === value)\n\n    this.value = value\n    this.inputValue = selectedOption?.label ?? value\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: {\n        value,\n        label: this.inputValue,\n        option: selectedOption\n      },\n      bubbles: true,\n      composed: true\n    }))\n    this._closePopup()\n  }\n\n  private _selectActiveOption () {\n    const activeOption = this._getActiveOption()\n\n    if (activeOption && !activeOption.disabled) {\n      this._selectValueFromDropdown(activeOption.value)\n    }\n  }\n\n  private _renderPopup () {\n    const popupOptions = this._getDisplayedOptions()\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._activeIndex >= 0 ? popupOptions[this._activeIndex] : undefined\n\n    return html`\n      <div class=\"popup-box\" style=\"pointer-events: auto; max-height: inherit; overflow: auto;\">\n        <div class=\"select-options-section\">\n          ${renderListbox({\n            selectedOption,\n            activeOption,\n            options: popupOptions,\n            listboxId: this._listboxId,\n            getOptionId: (option, index) => this._getOptionId(option, index),\n            onOptionSelect: (option) =>\n              this._selectValueFromDropdown(option.value)\n          })}\n        </div>\n      </div>\n    `\n  }\n\n  render () {\n    const activeOption = this._getActiveOption()\n    const activeDescendant = this._popupOpen && activeOption\n      ? this._getOptionId(activeOption, this._activeIndex)\n      : undefined\n    const ariaLabel = this.label ? nothing : (this.getAttribute('aria-label') || this.placeholder || 'Combobox')\n\n    return html`\n      <div class=\"combobox-root\">\n        ${this.label\n          ? html`<label class=\"text-label\" for=\"${this._inputId}\">${this.label}</label>`\n          : null}\n        <div class=\"input-field-row\">\n          <input\n            id=\"${this._inputId}\"\n            class=\"text-input\"\n            part=\"input\"\n            type=\"text\"\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-label=\"${ariaLabel}\"\n            aria-expanded=\"${this._popupOpen}\"\n            aria-controls=\"${this._listboxId}\"\n            aria-activedescendant=\"${activeDescendant ?? ''}\"\n            placeholder=\"${this.placeholder}\"\n            .value=\"${this.inputValue}\"\n            @focus=\"${() => this._openPopup()}\"\n            @input=\"${this._handleInputChange}\"\n            @keydown=\"${this._handleInputKeydown}\"\n          />\n          <button\n            class=\"dropdown-toggle\"\n            type=\"button\"\n            aria-label=\"Show options\"\n            aria-expanded=\"${this._popupOpen}\"\n            @click=\"${() => this._popupOpen ? this._closePopup() : this._openPopup()}\"\n          >\n            ${downArrowIcon}\n          </button>\n        </div>\n      </div>\n    `\n  }\n}\n"],"mappings":"6NAQA,IAAa,EAAb,MAAa,UAAiB,EAAA,UAAW,CACvC,OAAe,QAAU,EACzB,iBAAkD,KAClD,iBAA8C,KAC9C,sBAAgD,KAChD,2BAA+C,GAAiB,CAC9D,IAAM,EAAc,EAAM,OAE1B,GAAI,CAAC,KAAK,YAAc,EAAE,aAAuB,MAC/C,OAGF,IAAM,EACJ,iBAAkB,EACb,EAAwD,aAAa,EACtE,CAAC,EAEH,EAAU,SAAS,IAAI,GAKxB,KAAK,kBAAoB,EAAU,SAAS,KAAK,gBAAgB,GACjE,KAAK,kBAAoB,EAAU,SAAS,KAAK,gBAAgB,GAK/D,KAAK,SAAS,CAAW,GAC5B,KAAK,YAAY,CAErB,EAEA,0BAA+C,CACxC,KAAK,YACV,KAAK,qBAAqB,CAC5B,EAEA,mBAEA,OAAO,WAAa,CAClB,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,YAAa,CAAE,KAAM,OAAQ,QAAS,EAAK,EAC3C,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,OAAQ,CAAE,KAAM,OAAQ,QAAS,EAAK,EACtC,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,WAAY,CAAE,KAAM,MAAO,EAC3B,QAAS,CAAE,KAAM,MAAO,UAAW,EAAM,EACzC,WAAY,CAAE,MAAO,EAAK,EAC1B,aAAc,CAAE,MAAO,EAAK,CAC9B,EAEA,OAAO,OAAS,CACd,EAAA,cACA,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2JL,EAYA,SAA4B,2BAA2B,EAAS,YAChE,WAA8B,6BAA6B,EAAS,YACpE,qBAA+B,EAE/B,aAAe,CACb,MAAM,EACN,KAAK,MAAQ,mBACb,KAAK,YAAc,iBACnB,KAAK,MAAQ,QACb,KAAK,OAAS,UACd,KAAK,QAAU,CAAC,EAChB,KAAK,MAAQ,GACb,KAAK,WAAa,GAClB,KAAK,WAAa,GAClB,KAAK,aAAe,EACtB,CAEA,mBAAqB,CACnB,MAAM,kBAAkB,EACxB,SAAS,iBAAiB,cAAe,KAAK,0BAA0B,EACxE,OAAO,iBAAiB,SAAU,KAAK,qBAAqB,EAC5D,OAAO,iBAAiB,SAAU,KAAK,sBAAuB,EAAI,CACpE,CAEA,sBAAwB,CACtB,KAAK,mBAAmB,EACxB,SAAS,oBAAoB,cAAe,KAAK,0BAA0B,EAC3E,OAAO,oBAAoB,SAAU,KAAK,qBAAqB,EAC/D,OAAO,oBAAoB,SAAU,KAAK,sBAAuB,EAAI,EACrE,MAAM,qBAAqB,CAC7B,CAEA,0BAAoC,CAClC,OAAO,KAAK,QAAQ,cAAc,GAAK,SAAS,IAClD,CAEA,oBAA8B,CAC5B,IAAM,EAAgB,KAAK,yBAAyB,EAEpD,GACE,KAAK,kBACL,KAAK,kBACL,KAAK,wBAA0B,EAE/B,OAGF,KAAK,mBAAmB,EAExB,KAAK,iBAAmB,SAAS,cAAc,KAAK,EACpD,KAAK,iBAAiB,aAAa,gCAAiC,EAAE,EACtE,KAAK,iBAAiB,MAAM,SAAW,QACvC,KAAK,iBAAiB,MAAM,MAAQ,gBACpC,KAAK,iBAAiB,MAAM,OAAS,aACrC,KAAK,iBAAiB,MAAM,cAAgB,OAC5C,KAAK,iBAAiB,MAAM,UAAY,aAExC,KAAK,iBAAmB,KAAK,iBAAiB,aAAa,CAAE,KAAM,MAAO,CAAC,EAC3E,IAAM,GAAe,MAAM,QAAQ,EAAS,MAAM,EAAI,EAAS,OAAS,CAAC,EAAS,MAAM,GACrF,IAAK,GAAU,GAAO,UAAU,EAChC,OAAQ,GAA4C,EAAQ,CAAW,EAEtE,EAAY,OAAS,IACvB,KAAK,iBAAiB,mBAAqB,GAG7C,EAAc,YAAY,KAAK,gBAAgB,EAC/C,KAAK,sBAAwB,CAC/B,CAEA,oBAA8B,CACxB,KAAK,mBACP,EAAA,EAAA,QAAa,KAAM,KAAK,gBAAgB,EAGtC,KAAK,kBAAkB,YACzB,KAAK,iBAAiB,WAAW,YAAY,KAAK,gBAAgB,EAGpE,KAAK,iBAAmB,KACxB,KAAK,iBAAmB,KACxB,KAAK,sBAAwB,IAC/B,CAEA,sBAAgC,CAC9B,KAAK,mBAAmB,EAExB,IAAM,EAAO,KAAK,sBAAsB,EAClC,EAAY,KAAK,IAAI,IAAK,KAAK,IAAI,IAAK,OAAO,YAAc,EAAK,OAAS,EAAE,CAAC,EAEhF,KAAK,mBACP,KAAK,iBAAiB,MAAM,IAAM,GAAG,KAAK,MAAM,EAAK,OAAS,CAAC,EAAE,IACjE,KAAK,iBAAiB,MAAM,KAAO,GAAG,KAAK,MAAM,EAAK,IAAI,EAAE,IAC5D,KAAK,iBAAiB,MAAM,MAAQ,GAAG,KAAK,MAAM,EAAK,KAAK,EAAE,IAC9D,KAAK,iBAAiB,MAAM,UAAY,GAAG,KAAK,MAAM,CAAS,EAAE,IACjE,KAAK,iBAAiB,MAAM,OAAS,MAEzC,CAEA,YAAsB,CACpB,IAAM,EAAe,KAAK,qBAAqB,EAE/C,KAAK,WAAa,GAClB,KAAK,qBAAqB,EAC1B,KAAK,aAAe,EAAA,uBAAuB,EAAc,KAAK,KAAK,EAE/D,KAAK,aAAe,IACtB,KAAK,aAAe,EAAA,qBAAqB,CAAY,EAEzD,CAEA,aAAuB,CACrB,KAAK,WAAa,GACd,KAAK,mBACP,EAAA,EAAA,QAAa,KAAM,KAAK,gBAAgB,CAE5C,CAEA,QAAmB,EAAyC,CAU1D,GATI,KAAK,YACP,KAAK,qBAAqB,EACtB,KAAK,mBACP,EAAA,EAAA,QAAa,KAAK,aAAa,EAAG,KAAK,gBAAgB,GAEhD,KAAK,mBACd,EAAA,EAAA,QAAa,KAAM,KAAK,gBAAgB,GAGrC,EAAkB,IAAI,OAAO,GAAK,EAAkB,IAAI,SAAS,IAAM,KAAK,MAAO,CACtF,IAAM,EAAiB,KAAK,QAAQ,KAAM,GAAW,EAAO,QAAU,KAAK,KAAK,EAC5E,GAAkB,KAAK,aAAe,EAAe,QACvD,KAAK,WAAa,EAAe,MAErC,CACF,CAEA,mBAA6B,CAC3B,OAAO,EAAA,uBAAuB,KAAK,QAAS,KAAK,KAAK,CACxD,CAEA,oBAA8B,CAC5B,IAAM,EAAgB,KAAK,kBAAkB,EAM7C,OAJI,GAAiB,EACZ,KAAK,QAAQ,GAGf,KAAK,QAAQ,EACtB,CAEA,sBAAgC,CAC9B,IAAM,EAAiB,KAAK,mBAAmB,EAM/C,OAJK,EAIE,CACL,EACA,GAAG,KAAK,QAAQ,OAAQ,GAAW,EAAO,QAAU,EAAe,KAAK,CAC1E,EANS,KAAK,OAOhB,CAEA,kBAA4B,CAC1B,IAAM,EAAe,KAAK,qBAAqB,EAE3C,UAAK,aAAe,GAIxB,OAAO,EAAa,KAAK,aAC3B,CAEA,MAAc,iBAAkB,EAAe,CAC7C,GAAI,CAAC,KAAK,mBAAoB,CAC5B,KAAK,WAAW,EAChB,MACF,CAEA,IAAM,EAAY,EAAE,KAAK,qBACnB,EAAc,MAAM,KAAK,mBAAmB,CAAK,EAEnD,IAAc,KAAK,uBAIvB,KAAK,QAAU,EACf,KAAK,WAAW,EAClB,CAEA,MAAc,mBAAoB,EAAU,CAC1C,IAAM,EAAS,EAAE,OAA4B,MAE7C,KAAK,WAAa,EAClB,KAAK,MAAQ,GACb,KAAK,cAAc,IAAI,YAAY,QAAS,CAC1C,OAAQ,CAAE,MAAO,CAAM,EACvB,QAAS,GACT,SAAU,EACZ,CAAC,CAAC,EACF,MAAM,KAAK,iBAAiB,CAAK,CACnC,CAEA,oBAA6B,EAAkB,CAC7C,GAAI,EAAE,MAAQ,KAAO,EAAE,MAAQ,WAC7B,OAGF,IAAM,EAAe,KAAK,qBAAqB,EACzC,EAAS,EAAA,wBAAwB,EAAE,GAAG,EAExC,OAAW,OAMf,OAFA,EAAE,eAAe,EAET,EAAR,CACE,IAAK,QACH,KAAK,YAAY,EACjB,MACF,IAAK,QACE,KAAK,YACR,KAAK,WAAW,EAElB,KAAK,aAAe,EAAA,qBAAqB,CAAY,EACrD,MACF,IAAK,OACE,KAAK,YACR,KAAK,WAAW,EAElB,KAAK,aAAe,EAAA,oBAAoB,CAAY,EACpD,MACF,IAAK,OACH,GAAI,CAAC,KAAK,WAAY,CACpB,KAAK,WAAW,EAChB,KACF,CACA,KAAK,aAAe,EAAA,oBAAoB,KAAK,aAAc,EAAc,CAAC,EAC1E,MACF,IAAK,WACH,GAAI,CAAC,KAAK,WAAY,CACpB,KAAK,WAAW,EAChB,KACF,CACA,KAAK,aAAe,EAAA,oBAAoB,KAAK,aAAc,EAAc,EAAE,EAC3E,MACF,IAAK,SACH,GAAI,CAAC,KAAK,WAAY,CACpB,KAAK,WAAW,EAChB,KACF,CACA,KAAK,oBAAoB,EACzB,MACF,QACE,KACJ,CACF,CAEA,aAAsB,EAA4B,EAAe,CAC/D,MAAO,GAAG,KAAK,WAAW,UAAU,EAAM,GAAG,EAAO,OACtD,CAEA,yBAAkC,EAAe,CAC/C,IAAM,EAAiB,KAAK,QAAQ,KAAK,GAAU,EAAO,QAAU,CAAK,EAEzE,KAAK,MAAQ,EACb,KAAK,WAAa,GAAgB,OAAS,EAC3C,KAAK,cAAc,IAAI,YAAY,SAAU,CAC3C,OAAQ,CACN,QACA,MAAO,KAAK,WACZ,OAAQ,CACV,EACA,QAAS,GACT,SAAU,EACZ,CAAC,CAAC,EACF,KAAK,YAAY,CACnB,CAEA,qBAA+B,CAC7B,IAAM,EAAe,KAAK,iBAAiB,EAEvC,GAAgB,CAAC,EAAa,UAChC,KAAK,yBAAyB,EAAa,KAAK,CAEpD,CAEA,cAAwB,CACtB,IAAM,EAAe,KAAK,qBAAqB,EAI/C,MAAO,GAAA,IAAI;;;YAGH,EAAA,cAAc,CACd,eAPe,KAAK,mBAOpB,EACA,aAPa,KAAK,cAAgB,EAAI,EAAa,KAAK,cAAgB,IAAA,GAQxE,QAAS,EACT,UAAW,KAAK,WAChB,aAAc,EAAQ,IAAU,KAAK,aAAa,EAAQ,CAAK,EAC/D,eAAiB,GACf,KAAK,yBAAyB,EAAO,KAAK,CAC9C,CAAC,EAAE;;;KAIX,CAEA,QAAU,CACR,IAAM,EAAe,KAAK,iBAAiB,EACrC,EAAmB,KAAK,YAAc,EACxC,KAAK,aAAa,EAAc,KAAK,YAAY,EACjD,IAAA,GACE,EAAY,KAAK,MAAQ,EAAA,QAAW,KAAK,aAAa,YAAY,GAAK,KAAK,aAAe,WAEjG,MAAO,GAAA,IAAI;;UAEL,KAAK,MACH,EAAA,IAAI,kCAAkC,KAAK,SAAS,IAAI,KAAK,MAAM,UACnE,KAAK;;;kBAGC,KAAK,SAAS;;;;;;0BAMN,EAAU;6BACP,KAAK,WAAW;6BAChB,KAAK,WAAW;qCACR,GAAoB,GAAG;2BACjC,KAAK,YAAY;sBACtB,KAAK,WAAW;0BACV,KAAK,WAAW,EAAE;sBACxB,KAAK,mBAAmB;wBACtB,KAAK,oBAAoB;;;;;;6BAMpB,KAAK,WAAW;0BACjB,KAAK,WAAa,KAAK,YAAY,EAAI,KAAK,WAAW,EAAE;;cAEvE,EAAA,cAAc;;;;KAK1B,CACF"}