@mhmo91/schmancy 0.2.125 → 0.2.127

package/dist/radio-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-group-BV6zZQBP.cjs");Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-group-CLt-d-Ni.cjs");Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup});
 //# sourceMappingURL=radio-group.cjs.map

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { R as a } from "./radio-group-BPFwj4dx.js";
+import { R as a } from "./radio-group-DRXtgyf5.js";
 export {
   a as RadioGroup
 };

package/dist/{schmancy-steps-container-CT4W6h4t.js → schmancy-steps-container-D1k0kjKI.js}

@@ -2,7 +2,7 @@ import { c as f } from "./consume-fRVATvdE.js";
 import { css as y, html as c } from "lit";
 import { property as l, state as S, customElement as b } from "lit/decorators.js";
 import { when as d } from "lit/directives/when.js";
-import { $ as m } from "./litElement.mixin-KVNPHS0h.js";
+import { $ as m } from "./litElement.mixin-PXLBM6N4.js";
 import { n as v, e as x } from "./provide-BLSgVvMJ.js";
 import { BehaviorSubject as k } from "rxjs";
 class C {
@@ -144,4 +144,4 @@ export {
   C as b,
   g as s
 };
-//# sourceMappingURL=schmancy-steps-container-CT4W6h4t.js.map
+//# sourceMappingURL=schmancy-steps-container-D1k0kjKI.js.map

package/dist/{schmancy-steps-container-CT4W6h4t.js.map → schmancy-steps-container-D1k0kjKI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-CT4W6h4t.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","render","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","provide"],"mappings":"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"}
+{"version":3,"file":"schmancy-steps-container-D1k0kjKI.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","render","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","provide"],"mappings":"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"}

package/dist/{schmancy-steps-container-CQp7mdgo.cjs → schmancy-steps-container-DguK5NK4.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./consume-Bb7_UzYd.cjs"),i=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/when.js"),S=require("./litElement.mixin-CsMY3rsN.cjs"),d=require("./provide-DSU87U5x.cjs"),b=require("rxjs");class y{constructor(){this._currentStep=new b.BehaviorSubject(1)}get currentStep$(){return this._currentStep.asObservable()}get currentStep(){return this._currentStep.value}setStep(e){this._currentStep.next(e)}}const h=d.n(Symbol("SchmancyStepsContext"));var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(t,e,n,s)=>{for(var p,r=s>1?void 0:s?f(e,n):e,a=t.length-1;a>=0;a--)(p=t[a])&&(r=(s?p(e,n,r):p(r))||r);return s&&r&&g(e,n,r),r};exports.SchmancyStep=class extends S.$LitElement(i.css`
+"use strict";const m=require("./consume-Bb7_UzYd.cjs"),i=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/when.js"),S=require("./litElement.mixin-CfkMd-bR.cjs"),d=require("./provide-DSU87U5x.cjs"),b=require("rxjs");class y{constructor(){this._currentStep=new b.BehaviorSubject(1)}get currentStep$(){return this._currentStep.asObservable()}get currentStep(){return this._currentStep.value}setStep(e){this._currentStep.next(e)}}const h=d.n(Symbol("SchmancyStepsContext"));var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(t,e,n,s)=>{for(var p,r=s>1?void 0:s?f(e,n):e,a=t.length-1;a>=0;a--)(p=t[a])&&(r=(s?p(e,n,r):p(r))||r);return s&&r&&g(e,n,r),r};exports.SchmancyStep=class extends S.$LitElement(i.css`
 	:host {
 		display: grid;
 		/* Base display is just grid, flex properties will be applied dynamically */
@@ -61,4 +61,4 @@
 				</ol>
 			</nav>
 		`}},l([d.e({context:h})],exports.SchmancyStepsContainer.prototype,"stepsController",2),l([c.property({type:Number,reflect:!0})],exports.SchmancyStepsContainer.prototype,"currentStep",1),exports.SchmancyStepsContainer=l([c.customElement("schmancy-steps-container")],exports.SchmancyStepsContainer),exports.StepsController=y,exports.stepsContext=h;
-//# sourceMappingURL=schmancy-steps-container-CQp7mdgo.cjs.map
+//# sourceMappingURL=schmancy-steps-container-DguK5NK4.cjs.map

package/dist/{schmancy-steps-container-CQp7mdgo.cjs.map → schmancy-steps-container-DguK5NK4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-CQp7mdgo.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","currentStep$","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","render","provide"],"mappings":"4OAGO,EAAA,MAAMA,CAAN,CAAA,aACEC,CAAAA,KAAAC,aAAe,IAAIC,EAAAA,gBAAgB,CAAA,CAAC,CAE5C,IAAA,cACQ,CAAA,OAAAF,KAAKC,aAAaE,aAAa,CAAA,CAGvC,IAAIC,aAAAA,CACH,OAAOJ,KAAKC,aAAaI,KAAA,CAG1B,QAAQC,EAAAA,CACFN,KAAAC,aAAaM,KAAKD,CAAAA,CAAI,CAOtB,CAAA,MAAME,EAAeC,EAAAA,EAA+BC,OAAO,yNCbrDC,QAAAA,aAAN,cAA2BC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAvC,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAWiCf,EAAAA,KAAAgB,SAAA,EAEHhB,KAAAiB,MAAA,GACMjB,KAAAkB,YAAA,GAGclB,KAAAmB,aAMhBnB,KAAAoB,SAAA,GAYxCpB,KAAQI,YAAc,CAAA,CAOtB,mBACCU,CAAAA,MAAMO,kBAENrB,EAAAA,KAAKsB,aAAetB,KAAKuB,MAAMC,aAAaC,UAAkBnB,IAC7DN,KAAKI,YAAcE,EAEnBN,KAAK0B,qBAAqB,CAAA,CAAA,EAG3B1B,KAAK0B,qBAAAA,CAAqB,CAG3B,sBAAAC,QACC3B,EAAAA,KAAKsB,eAALtB,MAAAA,EAAmB4B,cACnBd,MAAMa,qBAAAA,CAAqB,CAMpB,uBACD,MAAAE,EAAW7B,KAAKgB,WAAahB,KAAKI,YAIvCJ,KAAK8B,MAAMC,KAFRF,EAEe,WAGA,UACnB,CAOD,YACC,CAAA,OAAI7B,KAAKmB,WAAanB,KAAKgB,SAAWhB,KAAKuB,MAAMnB,YAAoB,WACjEJ,KAAKgB,WAAahB,KAAKuB,MAAMnB,YAAoB,UAC9C,UAAA,CAOA,aAAa4B,EAAAA,CAEhBhC,KAAKoB,UAAYpB,KAAKgB,SAAWhB,KAAKuB,MAAMnB,aAG5CJ,KAAKiC,SAAW,YACdjC,KAAAuB,MAAMW,QAAQlC,KAAKgB,QACzB,CAAA,CAGD,QAEO,CAAA,MAAAa,EAAW7B,KAAKgB,WAAahB,KAAKI,YAGlC+B,EAAanC,KAAKiC,SAAW,WAI7BG,EAAmB,CACxB,sBAAuBD,EACvB,cAAA,CAAgBA,CAGXE,EAAAA,EAAuB,CAC5B,kFAAmF,GACnF,0DAA2DF,EAC3D,6CAA8CA,GAAcN,EAC5D,gEAZkB7B,KAAKiC,SAAW,UAAXA,EAelBK,EAAc,CACnB,wBAAyBT,EACzB,gBAAA,CAAkBA,CAIbU,EAAAA,EAAiBV,GAAYM,EAAa,iBAAmB,GAE5D,OAAAK,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iEAIwDxC,KAAKyC,SAASL,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,mCAK5CpC,KAAK0C,YAAwDH,4CAAAA,CAAAA;AAAAA;AAAAA,oBAE5EvC,KAAKyC,SAASJ,CAAAA,CAAAA;AAAAA,SACzBF,EACCK,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WASAA,EAAAA;AAAAA;AAAAA,0CAEgCX,EAC5B,sBACA,wCAAA;AAAA;AAAA;;;;;;qBAQO7B,KAAKyC,SAASH,MAAgBtC,KAAKiB,KAAAA;AAAAA;AAAAA,QAEhD0B,EAAAA,KACD3C,KAAKkB,YACL,IAAMsB,EAAAA;AAAAA;AAAAA,uCAE0BxC,KAAKkB,WAAAA;AAAAA;AAAAA;;;;;MAQtCyB,EAAAA,KACDd,EACA,IAAMW,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;GAKN,CAAA,EA3KwBI,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAXNpC,qBAWgBqC,UAAA,WAAA,CAAA,EAEAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMG,MAAAA,CAAAA,CAAAA,EAbNtC,qBAagBqC,UAAA,QAAA,GACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMG,MAAAA,CAAAA,CAAAA,EAdNtC,qBAcgBqC,UAAA,cAAA,CAAA,EAGgBJ,EAAA,CAA3CC,EAAAA,SAAS,CAAEC,KAAMI,QAASC,QAAS,EAAA,CAAA,CAAA,EAjBxBxC,qBAiBgCqC,UAAA,YAAA,CAAA,EAMfJ,EAAA,CAA5BC,WAAS,CAAEC,KAAMI,OAAAA,CAAAA,CAAAA,EAvBNvC,qBAuBiBqC,UAAA,WAAA,CAAA,EAMrBJ,EAAA,CADPQ,IAAQ,CAAEC,QAAS7C,CA5BRG,CAAAA,CAAAA,EAAAA,qBA6BJqC,UAAA,QAAA,CAMAJ,EAAAA,EAAA,CADPU,EAAMA,MAlCK3C,CAAAA,EAAAA,qBAmCJqC,UAAA,cAAA,CAnCIrC,EAAAA,QAANA,aAAAiC,EAAA,CADNW,EAAAA,cAAc,eACF5C,CAAAA,EAAAA,sNCFA6C,QAAAA,uBAAN,cAAqC5C,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAjD,aAAA4C,CAAA3C,MAAAC,GAAAA,SAAAA,EAKEf,KAAA0D,WAAa,IAAI3D,EAGzBC,KAAA2D,gBAAkB3D,KAAK0D,WAcvB1D,KAAQC,aAAe,CAAA,CAXvB,IAAIG,YAAYC,EACf,CAAA,MAAMuD,EAAW5D,KAAKC,aACtBD,KAAKC,aAAeI,EACfL,KAAA0D,WAAWxB,QAAQ7B,CACnBL,EAAAA,KAAA6D,cAAc,cAAeD,CAAQ,CAAA,CAG3C,iBACC,CAAA,OAAO5D,KAAKC,YAAA,CAKb,oBACCa,MAAMO,kBAAAA,EACDrB,KAAA0D,WAAWxB,QAAQlC,KAAKI,WAAW,CAAA,CAGzC,QAAA0D,CACQ,OAAAtB,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAA,CAAA,EAtBRI,EAAA,CADCmB,IAAQ,CAAEV,QAAS7C,CAPRgD,CAAAA,CAAAA,EAAAA,+BAQZR,UAAA,kBAAA,CAGIJ,EAAAA,EAAA,CADHC,EAAAA,SAAS,CAAEC,KAAMC,OAAQI,QAAS,EAAA,CAAA,CAAA,EAVvBK,+BAWRR,UAAA,cAAA,CAXQQ,EAAAA,QAANA,uBAAAZ,EAAA,CADNW,EAAAA,cAAc,6BACFC"}
+{"version":3,"file":"schmancy-steps-container-DguK5NK4.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","currentStep$","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","render","provide"],"mappings":"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"}

package/dist/{select-dLquQtbc.cjs → select-BUUelLow.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("@floating-ui/dom");require("rxjs");const d=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const p=require("./litElement.mixin-CsMY3rsN.cjs");require("./tailwind.mixin-BAMa8YNR.cjs");const u=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),a=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var o,r=s>1?void 0:s?v(e,i):e,h=t.length-1;h>=0;h--)(o=t[h])&&(r=(s?o(e,i,r):o(r))||r);return s&&r&&m(e,i,r),r};exports.SchmancySelect=class extends p.$LitElement(c.css`
+"use strict";const l=require("@floating-ui/dom");require("rxjs");const d=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const p=require("./litElement.mixin-CfkMd-bR.cjs");require("./tailwind.mixin-CjSVtdHt.cjs");const u=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),a=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var o,r=s>1?void 0:s?v(e,i):e,h=t.length-1;h>=0;h--)(o=t[h])&&(r=(s?o(e,i,r):o(r))||r);return s&&r&&m(e,i,r),r};exports.SchmancySelect=class extends p.$LitElement(c.css`
 	:host {
 		display: block;
 		position: relative;
@@ -8,7 +8,7 @@
 		overflow-y: auto;
 		outline: none;
 	}
-`){constructor(){super(),this.required=!1,this.placeholder="",this.value="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this.handleKeyDown=t=>{if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=this.options.findIndex(i=>i.matches(":focus"))??-1;switch(t.key){case"Escape":case"Tab":this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(this.options,Math.min(e+1,this.options.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(this.options,Math.max(e-1,0));break;case"Enter":case" ":t.preventDefault(),e>=0&&this.handleOptionSelect(this.options[e].value)}};try{this.internals=this.attachInternals()}catch{}}get form(){var t;return(t=this.internals)==null?void 0:t.form}connectedCallback(){var t;super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substr(2,9)}`),this.addEventListener("keydown",this.handleKeyDown),(t=this.internals)!=null&&t.form&&(this.internals.form.addEventListener("submit",()=>{this._submitted=!0,this.checkValidity()}),this.internals.form.addEventListener("reset",()=>{this.reset()}))}disconnectedCallback(){var t,e;super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),(t=this.cleanupPositioner)==null||t.call(this),(e=this.internals)!=null&&e.form&&(this.internals.form.removeEventListener("submit",()=>{this._submitted=!0}),this.internals.form.removeEventListener("reset",()=>{this.reset()}))}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(t){var e;if(super.updated(t),t.has("value")){const i=Array.isArray(this.value)?this.value.join(","):this.value;(e=this.internals)==null||e.setFormValue(i),this.hasUpdated&&(this._dirty=!0),this.hasUpdated&&this.checkValidity()}}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=Array.isArray(this.value)?this.value:[];this.options.forEach(e=>e.selected=t.includes(e.value)),this.valueLabel=t.length>0?this.options.filter(e=>t.includes(e.value)).map(e=>e.label).join(", "):this.placeholder}else{const t=this.options.find(e=>e.value===this.value);this.valueLabel=(t==null?void 0:t.label)||this.placeholder}}setupOptionsAccessibility(){this.options.forEach((t,e)=>{t.setAttribute("role","option"),t.id||(t.id=`${this.id}-option-${e}`),t.tabIndex=-1;const i=Array.isArray(this.value)?this.value:[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");if(!t||!this.ul)return;const e=window.innerHeight-t.getBoundingClientRect().bottom-10;this.ul.style.maxHeight=`${e}px`,this.cleanupPositioner=l.autoUpdate(t,this.ul,async()=>{const{x:i,y:s}=await l.computePosition(t,this.ul,{placement:"bottom-start",middleware:[l.offset(5),l.flip(),l.shift({padding:5})]});Object.assign(this.ul.style,{left:`${i}px`,top:`${s}px`,position:"absolute"})})}focusOption(t,e){const i=t[e];if(i){i.focus();const s=this.renderRoot.querySelector(".trigger");s==null||s.setAttribute("aria-activedescendant",i.id)}}async openDropdown(t=!1){this._touched=!0,this.isOpen=!0,await this.updateComplete,this.positionDropdown(),this.setupOptionsAccessibility();const e=Array.from(this.ul.querySelectorAll('[role="option"]')),i=this.multi?0:e.findIndex(s=>s.getAttribute("value")===this.value);this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){var e;this._touched=!0,this.isOpen=!1,(e=this.cleanupPositioner)==null||e.call(this);const t=this.renderRoot.querySelector(".trigger");t==null||t.removeAttribute("aria-activedescendant"),t==null||t.focus(),this.shouldShowValidation()&&this.checkValidity()}handleOptionSelect(t){var e;if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const i=this.options.find(o=>o.value===t);if(!i)return;i.selected=!i.selected;let s=Array.isArray(this.value)?[...this.value]:[];s=i.selected?[...s,t]:s.filter(o=>o!==t),this.value=s,this.valueLabel=s.length>0?this.options.filter(o=>s.includes(o.value)).map(o=>o.label).join(", "):this.placeholder,this.dispatchChange(s)}else this.options.forEach(i=>i.selected=i.value===t),this.value=t,this.valueLabel=((e=this.options.find(i=>i.value===t))==null?void 0:e.label)||this.placeholder,this.dispatchChange(t),this.closeDropdown();this.setupOptionsAccessibility(),this.checkValidity()}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})),this.checkValidity()}checkValidity(){var i,s;const t=this.multi?!Array.isArray(this.value)||this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",(i=this.internals)==null||i.setValidity({})):(this.validationMessage="Please select an option.",(s=this.internals)==null||s.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const o=!this.isValid&&this.shouldShowValidation();this.inputRef.error=o}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.inputRef.reportValidity()),t}setCustomValidity(t){var e,i;this.validationMessage=t,t?(this.isValid=!1,(e=this.internals)==null||e.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,(i=this.internals)==null||i.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){var t;this.value="",this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,(t=this.internals)==null||t.setValidity({}),this.options.forEach(e=>e.selected=!1),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation();return c.html`
+`){constructor(){super(),this.required=!1,this.placeholder="",this.value="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this.handleKeyDown=t=>{if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=this.options.findIndex(i=>i.matches(":focus"))??-1;switch(t.key){case"Escape":case"Tab":this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(this.options,Math.min(e+1,this.options.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(this.options,Math.max(e-1,0));break;case"Enter":case" ":t.preventDefault(),e>=0&&this.handleOptionSelect(this.options[e].value)}};try{this.internals=this.attachInternals()}catch{}}get form(){var t;return(t=this.internals)==null?void 0:t.form}connectedCallback(){var t;super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substr(2,9)}`),this.addEventListener("keydown",this.handleKeyDown),(t=this.internals)!=null&&t.form&&(this.internals.form.addEventListener("submit",()=>{this._submitted=!0,this.checkValidity()}),this.internals.form.addEventListener("reset",()=>{this.reset()}))}disconnectedCallback(){var t,e;super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),(t=this.cleanupPositioner)==null||t.call(this),(e=this.internals)!=null&&e.form&&(this.internals.form.removeEventListener("submit",()=>{this._submitted=!0}),this.internals.form.removeEventListener("reset",()=>{this.reset()}))}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(t){var e;if(super.updated(t),t.has("value")){const i=Array.isArray(this.value)?this.value.join(","):this.value;(e=this.internals)==null||e.setFormValue(i),this.hasUpdated&&(this._dirty=!0),this.hasUpdated&&this.checkValidity()}}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=Array.isArray(this.value)?this.value:[];this.options.forEach(e=>e.selected=t.includes(e.value)),this.valueLabel=t.length>0?this.options.filter(e=>t.includes(e.value)).map(e=>e.label).join(", "):this.placeholder}else{const t=this.options.find(e=>e.value===this.value);this.valueLabel=(t==null?void 0:t.label)||this.placeholder}}setupOptionsAccessibility(){this.options.forEach((t,e)=>{t.setAttribute("role","option"),t.id||(t.id=`${this.id}-option-${e}`),t.tabIndex=-1;const i=Array.isArray(this.value)?this.value:[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");if(!t||!this.ul)return;const e=window.innerHeight-t.getBoundingClientRect().bottom-10;this.ul.style.maxHeight=`${e}px`,this.cleanupPositioner=l.autoUpdate(t,this.ul,async()=>{const{x:i,y:s}=await l.computePosition(t,this.ul,{placement:"bottom-start",middleware:[l.offset(5),l.flip(),l.shift({padding:5})]});Object.assign(this.ul.style,{left:`${i}px`,top:`${s}px`,position:"absolute"})})}focusOption(t,e){const i=t[e];if(i){i.focus();const s=this.renderRoot.querySelector(".trigger");s==null||s.setAttribute("aria-activedescendant",i.id)}}async openDropdown(t=!1){this._touched=!0,this.isOpen=!0,await this.updateComplete,this.positionDropdown(),this.setupOptionsAccessibility();const e=Array.from(this.ul.querySelectorAll('[role="option"]')),i=this.multi?0:e.findIndex(s=>s.getAttribute("value")===this.value);this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){var e;this._touched=!0,this.isOpen=!1,(e=this.cleanupPositioner)==null||e.call(this);const t=this.renderRoot.querySelector(".trigger");t==null||t.removeAttribute("aria-activedescendant"),t==null||t.focus(),this.shouldShowValidation()&&this.checkValidity()}handleOptionSelect(t){var e;if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const i=this.options.find(o=>o.value===t);if(!i)return;i.selected=!i.selected;let s=Array.isArray(this.value)?[...this.value]:[];s=i.selected?[...s,t]:s.filter(o=>o!==t),this.value=s,this.valueLabel=s.length>0?this.options.filter(o=>s.includes(o.value)).map(o=>o.label).join(", "):this.placeholder,this.dispatchChange(s)}else this.options.forEach(i=>i.selected=i.value===t),this.value=t,this.valueLabel=((e=this.options.find(i=>i.value===t))==null?void 0:e.label)||this.placeholder,this.dispatchChange(t),this.closeDropdown();this.setupOptionsAccessibility(),this.checkValidity()}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){var i,s;const t=this.multi?!Array.isArray(this.value)||this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",(i=this.internals)==null||i.setValidity({})):(this.validationMessage="Please select an option.",(s=this.internals)==null||s.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const o=!this.isValid&&this.shouldShowValidation();this.inputRef.error=o}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.inputRef.reportValidity()),t}setCustomValidity(t){var e,i;this.validationMessage=t,t?(this.isValid=!1,(e=this.internals)==null||e.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,(i=this.internals)==null||i.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){var t;this.value="",this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,(t=this.internals)==null||t.setValidity({}),this.options.forEach(e=>e.selected=!1),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation();return c.html`
 			<div class="relative">
 				<sch-input
 					.name=${this.name}
@@ -54,4 +54,4 @@
 				</ul>
 			</div>
 		`}},exports.SchmancySelect.formAssociated=!0,n([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),n([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),n([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),n([a.state()],exports.SchmancySelect.prototype,"isOpen",2),n([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),n([a.state()],exports.SchmancySelect.prototype,"isValid",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),n([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),n([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),n([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),n([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),n([a.state()],exports.SchmancySelect.prototype,"_touched",2),n([a.state()],exports.SchmancySelect.prototype,"_dirty",2),n([a.state()],exports.SchmancySelect.prototype,"_submitted",2),exports.SchmancySelect=n([a.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-dLquQtbc.cjs.map
+//# sourceMappingURL=select-BUUelLow.cjs.map

package/dist/select-BUUelLow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-BUUelLow.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t\tthis.checkValidity()\n\t\t\t})\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t})\n\n\t\t\tthis.internals.form.removeEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis._touched = true // Mark as touched when dropdown is opened\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis._touched = true // Mark as touched when dropdown is closed\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\n\t\t// Check validity when closing, respecting validation strategy\n\t\tif (this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Check validity respecting validation strategy\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></sch-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","_userInteracted","_touched","_dirty","_submitted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","checkValidity","reset","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","forceValidation","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","shouldShowValidation","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","inputRef","showError","error","valid","message","customError","render","showErrors","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{select-CGse8Q3B.js → select-By_Pm8TG.js}

@@ -2,8 +2,8 @@ import { autoUpdate as c, computePosition as u, offset as y, flip as v, shift as
 import "rxjs";
 import { classMap as f } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as b } from "./litElement.mixin-KVNPHS0h.js";
-import "./tailwind.mixin-BQyZrGP1.js";
+import { $ as b } from "./litElement.mixin-PXLBM6N4.js";
+import "./tailwind.mixin-Cxj7n9Jd.js";
 import { c as g } from "./ripple-BumgqsDT.js";
 import { S as w } from "./theme.interface-C5Kj6WjD.js";
 import { css as V, html as O } from "lit";
@@ -148,7 +148,7 @@ let a = class extends b(V`
     this.setupOptionsAccessibility(), this.checkValidity();
   }
   dispatchChange(t) {
-    this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })), this.checkValidity();
+    this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 })), this.checkValidity();
   }
   checkValidity() {
     var e, s;
@@ -231,4 +231,4 @@ a.formAssociated = !0, o([r({ type: String })], a.prototype, "name", 2), o([r({
 export {
   a as S
 };
-//# sourceMappingURL=select-CGse8Q3B.js.map
+//# sourceMappingURL=select-By_Pm8TG.js.map

package/dist/select-By_Pm8TG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-By_Pm8TG.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t\tthis.checkValidity()\n\t\t\t})\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t})\n\n\t\t\tthis.internals.form.removeEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis._touched = true // Mark as touched when dropdown is opened\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis._touched = true // Mark as touched when dropdown is closed\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\n\t\t// Check validity when closing, respecting validation strategy\n\t\tif (this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Check validity respecting validation strategy\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></sch-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","_userInteracted","_touched","_dirty","_submitted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","checkValidity","reset","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","forceValidation","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","shouldShowValidation","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","inputRef","showError","error","valid","message","customError","showErrors","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-dLquQtbc.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-BUUelLow.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
 //# sourceMappingURL=select.cjs.map

package/dist/select.js

@@ -1,4 +1,4 @@
-import { S } from "./select-CGse8Q3B.js";
+import { S } from "./select-By_Pm8TG.js";
 export {
   S as SchmancySelect
 };

package/dist/{sheet-PKhdztII.js → sheet-CHow9LJ8.js}

@@ -1,10 +1,10 @@
 import { Subject as E, switchMap as O, forkJoin as x, fromEvent as p, of as b, takeUntil as f, timer as k, map as m, defaultIfEmpty as A, tap as c, delay as y, filter as P, take as F, mergeMap as j, merge as B } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as H } from "./tailwind.mixin-BQyZrGP1.js";
+import { T as H } from "./tailwind.mixin-Cxj7n9Jd.js";
 import { css as U, html as g } from "lit";
 import { customElement as $, property as h, query as z, queryAssignedElements as D } from "lit/decorators.js";
-import { $ as I } from "./litElement.mixin-KVNPHS0h.js";
+import { $ as I } from "./litElement.mixin-PXLBM6N4.js";
 import { when as N } from "lit/directives/when.js";
 var T = Object.getOwnPropertyDescriptor;
 let C = class extends H(U``) {
@@ -209,4 +209,4 @@ export {
   S as b,
   v as s
 };
-//# sourceMappingURL=sheet-PKhdztII.js.map
+//# sourceMappingURL=sheet-CHow9LJ8.js.map

package/dist/{sheet-PKhdztII.js.map → sheet-CHow9LJ8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sheet-PKhdztII.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tlock?: boolean // Controls both ESC and overlay click dismissal\n\thandleHistory?: boolean // Controls browser back button behavior\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets by uid\n\tprivate activeSheets = new Set<string>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\n\t\t\t\t\ttarget.lock && sheet.setAttribute('lock', 'true')\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition()\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist ?? false)\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\n\t\t\t\t\t// Handle history logic if the property exists\n\t\t\t\t\tif (target.handleHistory !== undefined) {\n\t\t\t\t\t\tsheet.setAttribute('handleHistory', String(target.handleHistory))\n\t\t\t\t\t}\n\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\tthis.activeSheets.add(uid)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tconst uid = target.getAttribute('uid')\n\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([sheet, uid]) => {\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\tsheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid\n\t */\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') private sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.addFocusTrap()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.removeFocusTrap()\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - respect allowOverlayDismiss\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\t// Only handle ESC key dismissal if allowOverlayDismiss is true\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus() && !this.lock) {\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate sheetContainsFocus(): boolean {\n\t\treturn this.sheet?.contains(document.activeElement) ?? false\n\t}\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate addFocusTrap() {\n\t\tdocument.addEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate removeFocusTrap() {\n\t\tdocument.removeEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate handleFocusIn = (e: Event) => {\n\t\tif (!this.sheet?.contains(e.target as Node)) {\n\t\t\tthis.focus()\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheet?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=${!this.open} aria-modal=${this.open}>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tif (!this.lock) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.header !== 'hidden',\n\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\thtml`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","activeSheets","Set","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","lock","position","innerWidth","title","persist","header","handleHistory","String","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","add","historyState","schmancySheet","timestamp","Date","now","history","pushState","location","href","take","subscribe","getAttribute","delete","remove","mergeMap","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","next","has","forEach","SchmancySheet","$LitElement","super","arguments","open","Side","focusAttribute","lastFocusedElement","handleFocusIn","contains","focus","_oldValue","newValue","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","popState$","preventDefault","keyUp$","key","sheetContainsFocus","rickyComm$","announcePresence","merge","addEventListener","removeEventListener","isShown","getFocusElement","selector","el","matches","stopPropagation","when","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","query","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","oldValue","get","hasUpdated"],"mappings":";;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAgBC;EAChE,SAAAC;AACQ,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,gBAKO,MACHC;AAAAA,WAAAC,cACJ,IAAIC,YAAY,WAAW,EAC1BC,SAAAA,IACAC,UAAAA,GAEF,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWQ,MACHJ;AAAAA,WAAAC,cACJ,IAAIC,YAAY,WAAW,EAC1BC,SAAAA,IACAC,UAAAA,GAEF,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EACA;AA/BaT;AAAAA;;;GAArB,CADCU,EAAc,uBACMV,CAAAA,GAAAA,CAAAA;ACaT,IAAAW,KAAAA,QACXA,EAAO,OAAA,QACPA,EAAS,SAAA,UAITA,EAAe,eAAA,iBAIfA,EAAW,WAAA,aAIXA,EAAc,cAAA,gBAdHA,IAAAA,KAAA,CAAA,CAiCL;AAAA,MAAMC,IAAwB,uBAKxBC,IAAiB,YA8NjBC,IAAQ,IAvNrB,MAQC;AAAA,EAAA;AAPAT,SAAAU,cAAc,IAAIC,KAClBX,KAAAY,WAAW,IAAID,KAEPX,KAAAa,mCAAmBC,OAE3Bd,KAAQe,yBAAAA,IAGPf,KAAKgB,uBAAAA,GACLhB,KAAKiB,uBAAAA,GACLjB,KAAKkB,sBAAAA;AAAAA,EAAsB;AAAA,EAMpB,yBAAAF;AACPhB,SAAKU,YACHS,KACAC,SACCC,EAAS,CACRC,EAA+BC,QAAQf,GAAgBW,KACtDK,EAAUC,EAAM,GAChBC,CAAAA,GAAAA,EAAIC,CAAAA,MAAKA,EAAEC,OAAOnB,QAClBoB,EAAe,MAAA,CAAA,GAEhBC,EAAGC,CAAQZ,EAAAA,KACVa,EAAI,MACIT;AAAAA,aAAAtB,cACN,IAAIC,YAAYK,GAAuB,EACtCqB,QAAQ,EAAEK,KAAKF,EAAOE,OAAOF,EAAOG,UAAUC;IAEhD,CAMJT,CAAAA,CAAAA,CAAAA,CAAAA,GAAAA,EAAI,CAAEjB,CAAAA,GAAOsB,CAEPtB,MAAAA;AAAAA,YAEJA,IAAQ2B,SAASC,cAAc,mBACtBD,SAAAE,KAAKC,YAAY9B,CAE3BA,IAAAA,EAAM+B,aAAa,OAAOT,EAAOE,OAAOF,EAAOG,UAAUC,UAEzDJ,EAAOU,QAAQhC,EAAM+B,aAAa,QAAQ;AAGpC,YAAAE,IAAWX,EAAOW,aAtDrBnB,OAAOoB,cAAc,MAAM,SAA6B;AAmEpD,aAZPlC,EAAM+B,aAAa,YAAYE,CAAAA,GAE/BX,EAAOa,SAASnC,EAAM+B,aAAa,SAAST,EAAOa,QACnDb,EAAOc,WAAWpC,EAAM+B,aAAa,WAAWT,EAAOc,aACvDd,GAAAA,EAAOe,UAAUrC,EAAM+B,aAAa,UAAUT,EAAOe,MAAAA,GAGjDf,EAAOgB,kBAH0CD,UAIpDrC,EAAM+B,aAAa,iBAAiBQ,OAAOjB,EAAOgB,aAAAA,CAAAA,GAG1CX,SAAAE,KAAKW,MAAMC,WAAW,UACxB,EAAEnB,WAAQtB,OAAAA,EAAAA;AAAAA,IAAM,IAExB0C,EAAM,EAAA,GACNC,EAAO,CAAGrB,EAAAA,QAAAA,GAAQtB,OAAAA,EAGhBsB,MAAAA;;AAAAA,cAAAA,EAAOc,cACPpC,KAAAA,IAAAA,KAAAA,gBAAAA,EAAO4C,eAAP5C,gBAAAA,EACG6C,cAAc,YADjB7C,QAAAA,EAEG8C,mBACDC,YAAU7B,EAAEQ,YAAYJ,EAAOG,UAAUC,cAE3C1B,KAAAA,QAAAA,EAAO+B,aAAa,QAAQ;KAM9BR,GAAAA,EAAI,GAAGD,QAAQtB,GAAAA,OAAAA;AACdA,MAAAA,KAAAA,QAAAA,EAAO8B,YAAYR,EAAOG;AAAAA,IAAS,CAAA,GAEpCiB,EAAM,CACNnB,GAAAA,EAAI,GAAGD,QAAQtB,GAAAA,OAAAA;AACdA,MAAAA,KAAAA,QAAAA,EAAO+B,aAAa,QAAQ;AAG5B,YAAMP,IAAMF,EAAOE,OAAOF,EAAOG,UAAUC;AAM3C,UALKnC,KAAAa,aAAa4C,IAAIxB,IAGMF,EAAOgB,kBAAkB,IAE5B;AAExB,cAAMW,IAAe,EACpBC,eAAe,IACf1B,KACA2B,GAAAA,WAAWC,KAAKC,IAIjBC,EAAAA;AAAAA,gBAAQC,UAAUN,GAAc,IAAInC,OAAO0C,SAASC,IAAAA;AAAAA,MAAI;AAAA,QAG1DlC,EAAI,CAAA,EAAGvB,OAAAA,EACNa,MAAAA;AAAAA,MAAAA,EAAuBb,GAAO,OAC5BU,EAAAA,KAAKgD,EAAK,CACVhD,CAAAA,EAAAA,KAAKgC,EAAM,GACXiB,CAAAA,EAAAA,UAAezC,CAAAA;AACf,cAAMI,IAASJ,EAAEI,QAIXE,IAAMF,EAAOsC,aAAa,KAAA;AAC5BpC,QAAAA,KACEjC,KAAAa,aAAayD,OAAOrC,CAGrBF,GAAAA,KAAAA,QAAAA,EAAQc,YAASd,KAAAA,QAAAA,EAAQwC,WACrBnC,SAAAE,KAAKW,MAAMC,WAAW;AAAA,MAAA,CAC/B;AAAA,IAAA,CAAA,CAAA,EAGHkB;EAAU;AAAA,EAML;AACPpE,SAAKY,SACHO,KACAqD,SACCnD,EAAS,CACRC,EAA+BC,QAAQf,CAAgBW,EAAAA,KACtDK,EAAUC,EAAM,GAAA,CAAA,GAChBC,EAAIC,CAAAA,MAAKA,EAAEC,OAAOnB,KAAAA,GAClBoB,EAAe,MAAA,CAAA,GAEhBC,EAAGG,CAAKd,EAAAA,KACPa,EAAI,MACIT;AAAAA,aAAAtB,cAAc,IAAIC,YAAYK,GAAuB,EAAEqB,QAAQ,EAAEK,KAAQ,EAAA,EAAA,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAKpFD,EAAI,CAAEvB,CAAAA,GAAOwB;AACRxB,YACHA,EAAMgE,WACDzE,GAAAA,KAAAa,aAAayD,OAAOrC;IAAG,CAI9BmC,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAML,wBAAAlD;AACHlB,SAAKe,2BAETO,EAAyBC,QAAQ,UAAY6C,EAAAA,UAAmBM;AAE3D,UAAA1E,KAAKa,aAAa8D,OAAO,GAAG;AAC/B,cAAMC,IAAYC,MAAMC,KAAK9E,KAAKa,cAAckE,IAC5CH;AAAAA,QAAAA,MACH5E,KAAKgF,QAAQJ,CAAAA,GAITF,EAAMO,SAASP,EAAMO,MAAMtB,iBAC9BI,QAAQC,UAAU,CAAC,GAAG,IAAIzC,OAAO0C,SAASC;MAE5C;AAAA,IAIFlE,CAAAA,GAAAA,KAAKe,yBAAyB;AAAA,EAAA;AAAA,EAM/B,QAAQkB,GACFjC;AAAAA,SAAAY,SAASsE,KAAKjD,CAAAA;AAAAA,EAAG;AAAA,EAMvB,KAAKF;AACC/B,SAAAU,YAAYwE,KAAKnD,CAAM;AAAA,EAAA;AAAA,EAM7B,OAAOE,GAAAA;AACC,WAAAjC,KAAKa,aAAasE,IAAIlD,CAAG;AAAA,EAAA;AAAA,EAMjC,WACC4C;AAAAA,UAAMC,KAAK9E,KAAKa,YAAAA,EAAcuE,QAAenD,OAC5CjC;AAAAA,WAAKgF,QAAQ/C,CAAG;AAAA,IAAA,CAAA;AAAA,EAChB;;;;;;ACnQH,IAAqBoD,IAArB,cAA2CC,g0CAA3C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,YAEoDxF,KAAAyF,OAAAA,IACuBzF,KAAA8C,SAAA,WAC/B9C,KAAA0C,WAAkCpC,EAAsBoF,MAC7C1F,KAAA6C,cACH7C,KAAAyC,WACSzC,KAAA+C,oBACT/C,KAAA4C,QAAA,IAKtB5C,KAAA2F,iBAAA,aAC7B3F,KAAQ4F,qBAAyC,MA8EzC5F,KAAA6F,gBAAiBlE,OACnB3B;;AAAAA,OAAAA,IAAAA,KAAKS,UAALT,QAAAA,EAAY8F,SAASnE,EAAEI,WAC3B/B,KAAK+F,MAAAA;AAAAA,IAAM;AAAA,EAEb;AAAA,EA/EA,aAAaC,GAAoBC,GAAAA;;AAC5BA,IAAAA,KACHjG,KAAK4F,qBAAqBxD,SAAS8D,eACnClG,KAAKmG,aAAAA,GACLnG,KAAK+F,MAEL/F,MAAAA,KAAKoG,oBACLpG,IAAAA,KAAK4F,uBAAL5F,QAAAA,EAAyB+F,SACzB/F,KAAK4F,qBAAqB;AAAA,EAC3B;AAAA,EAGD;AACCL,UAAMc,kBAAAA,GACNrG,KAAKsG,oBAAoB;AAAA,EAAA;AAAA,EAG1B,uBACCf;AAAAA,UAAMgB,wBACDvG,KAAAwG,cAActB,OAAS;AAAA,EAAA;AAAA,EAGrB,sBAEP;AAAA,UAAMuB,IAAYzG,KAAK+C,gBACpBzB,EAAyBC,QAAQ,UAAA,EAAYJ,KAC7Ca,EAASL,CAAAA,MAAAA;AACRA,MAAAA,EAAE+E,eACF1G,GAAAA,KAAKyE,WAAW;AAAA,IAAA,CAAA,CAAA,IAGjB3C,EAAG,IAAA,EAAMX,KAAKgD,EAAK,CAAA,CAAA,GAGhBwC,IAASrF,EAAyBC,QAAQ,SAASJ,KACxDa,EAAa0C,CAAAA;AAEM,MAAdA,EAAMkC,QAAQ,YAAa5G,KAAK6G,mBAAAA,KAAyB7G,KAAKyC,QAC3DhC,EAAAuE,QAAQhF,KAAKiC,GAAAA;AAAAA,IAAG,KAMnB6E,IAAaxF,EAAsCC,QAAQhB,CAAuBY,EAAAA,KACvFa,EAASL,CAAAA,MACJA;AAAAA,MAAAA,EAAEC,OAAOK,QAAQjC,KAAKiC,YAAU8E,iBAAAA;AAAAA,IAAiB;AAIjDC,IAAAA,EAAAP,GAAWE,GAAQG,CAAY3F,EAAAA,KAAKK,EAAUxB,KAAKwG,aAAAA,CAAAA,EAAgBpC,UAAU;AAAA,EAAA;AAAA,EAG5E,qBAAAyC;;AACP,aAAO7G,IAAAA,KAAKS,UAALT,gBAAAA,EAAY8F,SAAS1D,SAAS8D,mBAAAA;AAAAA,EAAkB;AAAA,EAGhD;AACFlG,SAAAC,cACJ,IAAIC,YAAYM,GAAgB,EAC/BoB,QAAQ,EAAEnB,OAAOT,KACjBG,GAAAA,SAAAA,IACAC,UAAU,GAAA,CAAA,CAAA;AAAA,EAEZ;AAAA,EAGO,eAAA+F;AACE/D,aAAA6E,iBAAiB,WAAWjH,KAAK6F,aAAa;AAAA,EAAA;AAAA,EAGhD,kBACEzD;AAAAA,aAAA8E,oBAAoB,WAAWlH,KAAK6F;EAAa;AAAA,EAS3D,gBAAgBsB,GACfnH;;AAAAA,KAAAA,IAAAA,KAAKS,UAALT,QAAAA,EAAYwC,aAAa,eAAeQ,OAAAA,CAAQmE,MAChDnH,IAAAA,KAAKS,UAALT,QAAAA,EAAYwC,aAAa,cAAcQ,OAAOmE;EAAQ;AAAA,EAGvD;AACCnH,SAAKyF,OAAAA,IACLzF,KAAKC,cAAc,IAAIC,YAAY,OAAA,CAAA;AAAA,EAAQ;AAAA,EAGpC,kBAAAkH;AACD,UAAAC,IAAW,IAAIrH,KAAK2F;AAC1B,WAAQ3F,KAAKuD,iBAAiBC,KAAK8D,CAAAA,MAAMA,EAAGC,QAAQF,CAAAA,KAAaC,EAAGhE,cAAc+D,CAAAA,CAAAA,KAA8B;AAAA,EAAA;AAAA,EAGxG;;AACHrH,KAAAA,IAAAA,KAAAoH,gBAAAA,MAAApH,QAAAA,EAAmB+F;AAAAA,EAAM;AAAA,EAG/B,SACQ;AAAA,WAAAhG;AAAAA,gFACwEC,CAAAA,KAAKyF,mBAAmBzF,KAAKyF,IAAAA;AAAAA;AAAAA;AAAAA,cAG/F9D,OAAAA;AACTA,QAAE6F,gBACGxH,GAAAA,KAAKyC,QAAYhC,EAAAuE,QAAQhF,KAAKiC,GAAG;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA,YAIhCjC,KAAK8C,WAAW,WAAW,QAAQ,UAAA;AAAA;AAAA,qBAE1B9C,KAAK0C,QAAAA;AAAAA;AAAAA,OAEnB+E,EACDzH,KAAK8C,WAAW,UAChB,MACC/C;AAAAA;AAAAA,mBAEa4B,OAAAA;AACXA,QAAE6F,gBAAAA,GACI/G,EAAAuE,QAAQhF,KAAKiC,GAAG;AAAA,IAAA,CAAA;AAAA;AAAA,gBAGfjC,KAAK4C,KAAAA;AAAAA;;;;;;;;EAEf;AC9IU;AAAA,IAAG8E,GAAkBC;ADDOC,EAAA,CAA1CC,EAAS,EAAEC,MAAM9E,QAAQ+E,SAAAA,QADN1C,EACuB2C,WAAA,OAAA,CACCJ,GAAAA,EAAA,CAA3CC,EAAS,EAAEC,MAAMG,SAASF,SAAAA,QAFP1C,EAEwB2C,WAAA,QAAA,CACDJ,GAAAA,EAAA,CAA1CC,EAAS,EAAEC,MAAM9E,QAAQ+E,SAAAA,QAHN1C,EAGuB2C,WAAA,UAAA,CACAJ,GAAAA,EAAA,CAA1CC,EAAS,EAAEC,MAAM9E,QAAQ+E,SAAAA,QAJN1C,EAIuB2C,WAAA,YAAA,CACCJ,GAAAA,EAAA,CAA3CC,EAAS,EAAEC,MAAMG,SAASF,SAAAA,QALP1C,EAKwB2C,WAAA,WAAA,CACAJ,GAAAA,EAAA,CAA3CC,EAAS,EAAEC,MAAMG,SAASF,SAAAA,QANP1C,EAMwB2C,WAAA,QAAA,CACAJ,GAAAA,EAAA,CAA3CC,EAAS,EAAEC,MAAMG,SAASF,SAAAA,QAPP1C,EAOwB2C,WAAA,iBAAA,CACDJ,GAAAA,EAAA,CAA1CC,EAAS,EAAEC,MAAM9E,QAAQ+E,SAAS,GAAA,CAAA,CAAA,GARf1C,EAQuB2C,WAAA,SAAA,IAElBJ,EAAA,CAAxBM,EAAM,QAVa7C,CAAAA,GAAAA,EAUK2C,WAAA,SAAA,CAAA,GACyBJ,EAAA,CAAjDO,EAAsB,EAAEC,SAAS,GAAA,CAAA,CAAA,GAXd/C,EAW8B2C,WAAA,oBAAA,IAEtCJ,EAAA,CAAXC,MAbmBxC,EAaR2C,WAAA,kBAAA,CAIZJ,GAAAA,EAAA,ECfkBF,IDcd,QCbG,CAACW,GAAwBC,MAAAA;AACzB,UAAAC,YAAEA,EAAAA,IAAeF;AAEvBV,EAAAA,IAAUa,OAAOC,OAAO,EAAEC,sBAAAA,MAA+Bf,CAEvCU,GAAAA,EAAAE,aAAa,SAAUI,GAAAA;AAGpC,QAFOJ,EAAAK,KAAK5I,MAAM2I,CAElBA,GAAAA,EAAaxD,IAAIuC,CAAW,GAAA;AACzB,YAAAmB,IAAWF,EAAaG,IAAIpB,CAC5BzB,GAAAA,IAAWjG,KAAK0H,CAElBmB;AAAAA,MAAAA,MAAa5C,MACX0B,KAAAA,QAAAA,EAASe,wBAAAA,CAAwB1I,KAAK+I,cAC1C/I,KAAKsI,GAAMM,KAAK5I,MAAM6I,GAAU5C,CAElC;AAAA,IAAA;AAAA,EAEF;AAAA,EDrBmBZ,GAAAA,EAiBpB2C,WAAA,gBAAA,CAAA,GAjBoB3C,IAArBuC,EAAA,CADCvH,EAAc,gBACMgF,CAAAA,GAAAA,CAAAA;"}
+{"version":3,"file":"sheet-CHow9LJ8.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tlock?: boolean // Controls both ESC and overlay click dismissal\n\thandleHistory?: boolean // Controls browser back button behavior\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets by uid\n\tprivate activeSheets = new Set<string>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\n\t\t\t\t\ttarget.lock && sheet.setAttribute('lock', 'true')\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition()\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist ?? false)\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\n\t\t\t\t\t// Handle history logic if the property exists\n\t\t\t\t\tif (target.handleHistory !== undefined) {\n\t\t\t\t\t\tsheet.setAttribute('handleHistory', String(target.handleHistory))\n\t\t\t\t\t}\n\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\tthis.activeSheets.add(uid)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tconst uid = target.getAttribute('uid')\n\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([sheet, uid]) => {\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\tsheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid\n\t */\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') private sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.addFocusTrap()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.removeFocusTrap()\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - respect allowOverlayDismiss\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\t// Only handle ESC key dismissal if allowOverlayDismiss is true\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus() && !this.lock) {\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate sheetContainsFocus(): boolean {\n\t\treturn this.sheet?.contains(document.activeElement) ?? false\n\t}\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate addFocusTrap() {\n\t\tdocument.addEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate removeFocusTrap() {\n\t\tdocument.removeEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate handleFocusIn = (e: Event) => {\n\t\tif (!this.sheet?.contains(e.target as Node)) {\n\t\t\tthis.focus()\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheet?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=${!this.open} aria-modal=${this.open}>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tif (!this.lock) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.header !== 'hidden',\n\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\thtml`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","activeSheets","Set","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","lock","position","innerWidth","title","persist","header","handleHistory","String","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","add","historyState","schmancySheet","timestamp","Date","now","history","pushState","location","href","take","subscribe","getAttribute","delete","remove","mergeMap","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","next","has","forEach","SchmancySheet","$LitElement","super","arguments","open","Side","focusAttribute","lastFocusedElement","handleFocusIn","contains","focus","_oldValue","newValue","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","popState$","preventDefault","keyUp$","key","sheetContainsFocus","rickyComm$","announcePresence","merge","addEventListener","removeEventListener","isShown","getFocusElement","selector","el","matches","stopPropagation","when","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","query","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","oldValue","get","hasUpdated"],"mappings":"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"}