@mhmo91/schmancy 0.5.18 → 0.5.19

package/dist/{delay-B_M7fPe5.cjs.map → delay-DgBkfK3a.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"delay-B_M7fPe5.cjs","sources":["../node_modules/@lit-labs/motion/animate-controller.js","../node_modules/@lit-labs/motion/animate.js","../node_modules/@lit-labs/motion/position.js","../src/utils/hashContent.ts","../src/delay/delay.ts"],"sourcesContent":["const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this)}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,this.onComplete?.())}remove(i){this.clients.delete(i)}pause(){this.clients.forEach((i=>i.webAnimation?.pause()))}play(){this.clients.forEach((i=>i.webAnimation?.play()))}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear()}finish(){this.clients.forEach((i=>i.webAnimation?.finish())),this.clients.clear()}togglePlay(){this.isPlaying?this.pause():this.play()}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>\"running\"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)))}}export{t as AnimateController,i as controllerMap};\n//# sourceMappingURL=animate-controller.js.map\n","import{nothing as t}from\"lit/html.js\";import{directive as i,PartType as s}from\"lit/directive.js\";import{AsyncDirective as e}from\"lit/async-directive.js\";import{controllerMap as h}from\"./animate-controller.js\";export{AnimateController}from\"./animate-controller.js\";let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),c=[{transform:\"translateY(100%) scale(0)\",opacity:0}],l=[{transform:\"translateY(-100%) scale(0)\",opacity:0}],d=[{transform:\"translateX(-100%) scale(0)\",opacity:0}],u=[{transform:\"translateX(100%) scale(0)\",opacity:0}],m=[{}],f=[{opacity:0}],p=f,v=[{opacity:0},{opacity:1}],y=[{opacity:0},{opacity:.25,offset:.75},{opacity:1}],g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return{value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return{value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:\"1px\"});const e=w(t,i);return{value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:\"1px\"});const e=w(t,i);return{value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:\"ease-in-out\"},b=[\"left\",\"top\",\"width\",\"height\",\"opacity\",\"color\",\"background\"],j=new WeakMap;class x extends e{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===s.CHILD)throw Error(\"The `animate` directive must be used in attribute position.\");this.createFinished()}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.l=t}))}async resolveFinished(){this.l?.(),this.l=void 0}render(i){return t}getController(){return h.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.u;return s&&(this.u=t.options?.host,this.u.addController(this),this.u.updateComplete.then((t=>this.t=!0)),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||\"function\"!=typeof i)&&this.p(i),this.render(i)}p(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t}m(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+\"\":o})),t}v(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return!1}else if(i===t)return!1;return!0})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),this.h}hostUpdate(){\"function\"==typeof this.optionsOrCallback&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this.O(),s=this.j(this.options.keyframeOptions,i),e=this.m();if(void 0!==this.A){const{from:s,to:h}=this.N(this.A,e,i);this.log(\"measured\",[this.A,e,s,h]),t=this.calculateKeyframes(s,h)}else{const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.N(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o))}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,s)}resetStyles(){void 0!==this.P&&(this.element.setAttribute(\"style\",this.P??\"\"),this.P=void 0)}commitStyles(){this.P=this.element.getAttribute(\"style\"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel()}reconnected(){}async disconnected(){if(!this.h)return;if(void 0!==this.options.id&&r.set(this.options.id,this.A),void 0===this.options.out)return;if(this.prepare(),await a(),this.i?.isConnected){const t=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.m();this.log(\"stabilizing out\");const i=this.A.left-t.left,s=this.A.top-t.top;!(\"static\"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position=\"relative\"),0!==i&&(this.element.style.left=i+\"px\"),0!==s&&(this.element.style.top=s+\"px\")}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){this.options.onStart?.(this)}didFinish(t){t&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s)}return t}get isHostRendered(){const t=n.has(this.u);return t||this.u.updateComplete.then((()=>{n.add(this.u)})),t}j(t,i=this.O()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}N(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return e.length>0&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height)})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){const e={},h={};let o=!1;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=!0,e.transform=`${e.transform??\"\"} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom))}else n!==a&&void 0!==n&&void 0!==a&&(o=!0,e[s]=n,h[s]=a)}return e.transformOrigin=h.transformOrigin=s?\"center center\":\"top left\",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log(\"modified frames\",t)),void 0!==t)){this.log(\"animate\",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished}catch(t){}e?.remove(this)}return this.didFinish(s),s}isAnimating(){return\"running\"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i)}}const F=i(x);export{x as Animate,F as animate,a as animationFrame,b as defaultCssProperties,A as defaultKeyframeOptions,p as fade,v as fadeIn,y as fadeInSlow,f as fadeOut,l as flyAbove,c as flyBelow,d as flyLeft,u as flyRight,m as none,N as transformProps};\n//# sourceMappingURL=animate.js.map\n","import{nothing as t}from\"lit/html.js\";import{directive as i,PartType as s}from\"lit/directive.js\";import{AsyncDirective as o}from\"lit/async-directive.js\";const r=[\"top\",\"right\",\"bottom\",\"left\"];class e extends o{constructor(t){if(super(t),t.type!==s.ELEMENT)throw Error(\"The `position` directive must be used in attribute position.\")}render(i,s){return t}update(t,[i,s]){return void 0===this.u&&(this.u=t.options?.host,this.u.addController(this)),this.S=t.element,this.C=i,this.F=s??[\"left\",\"top\",\"width\",\"height\"],this.render(i,s)}hostUpdated(){this.$()}$(){const t=\"function\"==typeof this.C?this.C():this.C?.value,i=t.offsetParent;if(void 0===t||!i)return;const s=t.getBoundingClientRect(),o=i.getBoundingClientRect();this.F?.forEach((t=>{const i=r.includes(t)?s[t]-o[t]:s[t];this.S.style[t]=i+\"px\"}))}}const h=i(e);export{e as Position,h as position};\n//# sourceMappingURL=position.js.map\n","export default function (content: string): string {\n\tconst fnvOffsetBasis = 0x811c9dc5\n\tconst fnvPrime = 0x01000193\n\tlet hash = fnvOffsetBasis\n\n\tfor (let i = 0; i < content.length; i++) {\n\t\thash ^= content.charCodeAt(i)\n\t\thash = (hash * fnvPrime) >>> 0 // Ensure unsigned 32-bit integer\n\t}\n\n\treturn hash.toString(16) // Convert to hexadecimal string for compactness\n}\n","import { animate, fadeIn, flyAbove, flyBelow } from '@lit-labs/motion'\nimport { consume, createContext, provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport hashContent from '@schmancy/utils/hashContent'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { timer } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nexport const delayContext = createContext<number>('delay-context')\n\n@customElement('schmancy-delay')\nexport class SchmancyDelay extends $LitElement() {\n\t@property({ type: Number, reflect: true }) delay = 0 // Delay in milliseconds\n\t@property({ type: String }) motion = 'flyBelow' // Motion type (default: flyBelow)\n\t@state() private rendered = false // Tracks if the content is rendered\n\t@consume({ context: delayContext, subscribe: true }) parentDelay = 0 // Consumes the parent's delay value\n\t@provide({ context: delayContext }) effectiveDelay = 0 // Provides the effective delay to children\n\n\t@property({ type: Boolean }) once? = true // Only render once per session\n\n\tprivate sessionKey = '' // Unique session key\n\tprivate mutationObserver?: MutationObserver\n\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tassignedElements: HTMLElement[]\n\tfirstUpdated() {\n\t\tthis.observeSlotChanges()\n\t\tthis.updateRenderState()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.mutationObserver?.disconnect() // Clean up the observer\n\t}\n\n\tprivate observeSlotChanges() {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tif (!slot) return\n\n\t\tthis.mutationObserver = new MutationObserver(() => {\n\t\t\t// Update session key when children change\n\t\t\tthis.sessionKey = this.generateSessionKey()\n\t\t})\n\n\t\tthis.mutationObserver.observe(slot, { childList: true, subtree: true })\n\t}\n\n\tprivate getTotalSiblingDelay(element: HTMLElement | null): number {\n\t\tif (!element || !(element instanceof HTMLElement)) return 0\n\n\t\tlet totalDelay = 0\n\t\tlet sibling = element.previousElementSibling // Start with the previous sibling\n\n\t\twhile (sibling) {\n\t\t\t// Check if the sibling is a `schmancy-delay` and add its delay\n\t\t\tif (sibling instanceof SchmancyDelay) {\n\t\t\t\ttotalDelay += sibling.delay\n\t\t\t}\n\t\t\t// Move to the previous sibling\n\t\t\tsibling = sibling.previousElementSibling\n\t\t}\n\n\t\t// Traverse up the tree and repeat for the parent node\n\t\tif (element.parentElement) {\n\t\t\ttotalDelay += this.getTotalSiblingDelay(element.parentElement)\n\t\t}\n\n\t\treturn totalDelay\n\t}\n\n\tprivate updateRenderState() {\n\t\tthis.sessionKey = this.generateSessionKey()\n\n\t\tif (this.once && sessionStorage.getItem(this.sessionKey) === 'true') {\n\t\t\t// Skip delay and render immediately if once is set and already rendered\n\t\t\tthis.rendered = true\n\t\t\treturn\n\t\t}\n\n\t\t// Calculate the effective delay (parent + self + all preceding siblings)\n\t\tconst siblingDelay = this.getTotalSiblingDelay(this)\n\t\tthis.effectiveDelay = this.delay + this.parentDelay + siblingDelay\n\n\t\t// Start the delay timer\n\t\ttimer(this.effectiveDelay)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.rendered = true // Render content after delay\n\t\t\t\tif (this.once) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tsessionStorage.setItem(this.sessionKey, 'true')\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.error('Error saving to session storage:', error)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tprivate generateSessionKey(): string {\n\t\tconst slotContent = this.assignedElements.map(el => el.outerHTML).join('')\n\t\treturn this.once ? hashContent(slotContent) : ''\n\t}\n\n\tprivate get motionLit(): any {\n\t\treturn this.motion === 'flyBelow' ? flyBelow : this.motion === 'flyAbove' ? flyAbove : fadeIn\n\t}\n\n\trender() {\n\t\treturn cache(\n\t\t\tthis.rendered\n\t\t\t\t? html`<div\n\t\t\t\t\t\t${animate({\n\t\t\t\t\t\t\tin: this.motionLit, // Use the provided motion type\n\t\t\t\t\t\t\tkeyframeOptions: { duration: 300, easing: 'ease-out' },\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>`\n\t\t\t\t: html`\n\t\t\t\t\t\t<section style=\"display: none;\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t`,\n\t\t)\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-delay': SchmancyDelay\n\t}\n}\n"],"names":["i","WeakMap","o","r","Map","n","WeakSet","a","Promise","t","requestAnimationFrame","c","transform","opacity","l","v","g","s","w","N","left","value","isNaN","top","width","e","overrideFrom","height","A","duration","easing","b","j","x","super","this","h","shouldLog","type","CHILD","Error","createFinished","resolveFinished","finished","getController","get","u","isDisabled","options","disabled","host","addController","updateComplete","then","element","set","optionsOrCallback","p","render","defaultOptions","keyframeOptions","properties","m","getBoundingClientRect","getComputedStyle","forEach","Number","guard","Array","isArray","length","every","_","isAnimating","isConnected","from","hostUpdate","parentNode","nextSibling","hostUpdated","skipInitial","isHostRendered","prepare","O","to","log","calculateKeyframes","inId","delete","in","slice","zIndex","animate","resetStyles","P","setAttribute","commitStyles","getAttribute","webAnimation","cancel","reconnected","disconnected","id","out","insertBefore","stabilizeOut","position","style","remove","start","onStart","onComplete","animatingProperties","frames","push","has","add","Object","assign","map","filter","transformOrigin","onFrames","didFinish","playState","pending","F","ELEMENT","S","C","$","offsetParent","includes","hashContent","content","hash","charCodeAt","toString","delayContext","createContext","SchmancyDelay","$LitElement","constructor","arguments","delay","motion","rendered","parentDelay","effectiveDelay","once","sessionKey","firstUpdated","observeSlotChanges","updateRenderState","disconnectedCallback","mutationObserver","disconnect","slot","shadowRoot","querySelector","MutationObserver","generateSessionKey","observe","childList","subtree","HTMLElement","totalDelay","sibling","previousElementSibling","parentElement","getTotalSiblingDelay","sessionStorage","getItem","siblingDelay","timer","pipe","takeUntil","disconnecting","subscribe","setItem","error","slotContent","assignedElements","el","outerHTML","join","motionLit","flyBelow","flyAbove","fadeIn","cache","html","__decorateClass","property","reflect","prototype","String","state","consume","context","provide","Boolean","queryAssignedElements","flatten","customElement"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"delay-DgBkfK3a.cjs","sources":["../node_modules/@lit-labs/motion/animate-controller.js","../node_modules/@lit-labs/motion/animate.js","../node_modules/@lit-labs/motion/position.js","../src/utils/hashContent.ts","../src/delay/delay.ts"],"sourcesContent":["const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this)}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,this.onComplete?.())}remove(i){this.clients.delete(i)}pause(){this.clients.forEach((i=>i.webAnimation?.pause()))}play(){this.clients.forEach((i=>i.webAnimation?.play()))}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear()}finish(){this.clients.forEach((i=>i.webAnimation?.finish())),this.clients.clear()}togglePlay(){this.isPlaying?this.pause():this.play()}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>\"running\"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)))}}export{t as AnimateController,i as controllerMap};\n//# sourceMappingURL=animate-controller.js.map\n","import{nothing as t}from\"lit/html.js\";import{directive as i,PartType as s}from\"lit/directive.js\";import{AsyncDirective as e}from\"lit/async-directive.js\";import{controllerMap as h}from\"./animate-controller.js\";export{AnimateController}from\"./animate-controller.js\";let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),c=[{transform:\"translateY(100%) scale(0)\",opacity:0}],l=[{transform:\"translateY(-100%) scale(0)\",opacity:0}],d=[{transform:\"translateX(-100%) scale(0)\",opacity:0}],u=[{transform:\"translateX(100%) scale(0)\",opacity:0}],m=[{}],f=[{opacity:0}],p=f,v=[{opacity:0},{opacity:1}],y=[{opacity:0},{opacity:.25,offset:.75},{opacity:1}],g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return{value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return{value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:\"1px\"});const e=w(t,i);return{value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:\"1px\"});const e=w(t,i);return{value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:\"ease-in-out\"},b=[\"left\",\"top\",\"width\",\"height\",\"opacity\",\"color\",\"background\"],j=new WeakMap;class x extends e{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===s.CHILD)throw Error(\"The `animate` directive must be used in attribute position.\");this.createFinished()}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.l=t}))}async resolveFinished(){this.l?.(),this.l=void 0}render(i){return t}getController(){return h.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.u;return s&&(this.u=t.options?.host,this.u.addController(this),this.u.updateComplete.then((t=>this.t=!0)),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||\"function\"!=typeof i)&&this.p(i),this.render(i)}p(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t}m(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+\"\":o})),t}v(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return!1}else if(i===t)return!1;return!0})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),this.h}hostUpdate(){\"function\"==typeof this.optionsOrCallback&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this.O(),s=this.j(this.options.keyframeOptions,i),e=this.m();if(void 0!==this.A){const{from:s,to:h}=this.N(this.A,e,i);this.log(\"measured\",[this.A,e,s,h]),t=this.calculateKeyframes(s,h)}else{const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.N(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o))}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,s)}resetStyles(){void 0!==this.P&&(this.element.setAttribute(\"style\",this.P??\"\"),this.P=void 0)}commitStyles(){this.P=this.element.getAttribute(\"style\"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel()}reconnected(){}async disconnected(){if(!this.h)return;if(void 0!==this.options.id&&r.set(this.options.id,this.A),void 0===this.options.out)return;if(this.prepare(),await a(),this.i?.isConnected){const t=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.m();this.log(\"stabilizing out\");const i=this.A.left-t.left,s=this.A.top-t.top;!(\"static\"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position=\"relative\"),0!==i&&(this.element.style.left=i+\"px\"),0!==s&&(this.element.style.top=s+\"px\")}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){this.options.onStart?.(this)}didFinish(t){t&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s)}return t}get isHostRendered(){const t=n.has(this.u);return t||this.u.updateComplete.then((()=>{n.add(this.u)})),t}j(t,i=this.O()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}N(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return e.length>0&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height)})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){const e={},h={};let o=!1;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=!0,e.transform=`${e.transform??\"\"} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom))}else n!==a&&void 0!==n&&void 0!==a&&(o=!0,e[s]=n,h[s]=a)}return e.transformOrigin=h.transformOrigin=s?\"center center\":\"top left\",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log(\"modified frames\",t)),void 0!==t)){this.log(\"animate\",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished}catch(t){}e?.remove(this)}return this.didFinish(s),s}isAnimating(){return\"running\"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i)}}const F=i(x);export{x as Animate,F as animate,a as animationFrame,b as defaultCssProperties,A as defaultKeyframeOptions,p as fade,v as fadeIn,y as fadeInSlow,f as fadeOut,l as flyAbove,c as flyBelow,d as flyLeft,u as flyRight,m as none,N as transformProps};\n//# sourceMappingURL=animate.js.map\n","import{nothing as t}from\"lit/html.js\";import{directive as i,PartType as s}from\"lit/directive.js\";import{AsyncDirective as o}from\"lit/async-directive.js\";const r=[\"top\",\"right\",\"bottom\",\"left\"];class e extends o{constructor(t){if(super(t),t.type!==s.ELEMENT)throw Error(\"The `position` directive must be used in attribute position.\")}render(i,s){return t}update(t,[i,s]){return void 0===this.u&&(this.u=t.options?.host,this.u.addController(this)),this.S=t.element,this.C=i,this.F=s??[\"left\",\"top\",\"width\",\"height\"],this.render(i,s)}hostUpdated(){this.$()}$(){const t=\"function\"==typeof this.C?this.C():this.C?.value,i=t.offsetParent;if(void 0===t||!i)return;const s=t.getBoundingClientRect(),o=i.getBoundingClientRect();this.F?.forEach((t=>{const i=r.includes(t)?s[t]-o[t]:s[t];this.S.style[t]=i+\"px\"}))}}const h=i(e);export{e as Position,h as position};\n//# sourceMappingURL=position.js.map\n","export default function (content: string): string {\n\tconst fnvOffsetBasis = 0x811c9dc5\n\tconst fnvPrime = 0x01000193\n\tlet hash = fnvOffsetBasis\n\n\tfor (let i = 0; i < content.length; i++) {\n\t\thash ^= content.charCodeAt(i)\n\t\thash = (hash * fnvPrime) >>> 0 // Ensure unsigned 32-bit integer\n\t}\n\n\treturn hash.toString(16) // Convert to hexadecimal string for compactness\n}\n","import { animate, fadeIn, flyAbove, flyBelow } from '@lit-labs/motion'\nimport { consume, createContext, provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport hashContent from '@schmancy/utils/hashContent'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { timer } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nexport const delayContext = createContext<number>('delay-context')\n\n@customElement('schmancy-delay')\nexport class SchmancyDelay extends $LitElement() {\n\t@property({ type: Number, reflect: true }) delay = 0 // Delay in milliseconds\n\t@property({ type: String }) motion = 'flyBelow' // Motion type (default: flyBelow)\n\t@state() private rendered = false // Tracks if the content is rendered\n\t@consume({ context: delayContext, subscribe: true }) parentDelay = 0 // Consumes the parent's delay value\n\t@provide({ context: delayContext }) effectiveDelay = 0 // Provides the effective delay to children\n\n\t@property({ type: Boolean }) once? = true // Only render once per session\n\n\tprivate sessionKey = '' // Unique session key\n\tprivate mutationObserver?: MutationObserver\n\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tassignedElements: HTMLElement[]\n\tfirstUpdated() {\n\t\tthis.observeSlotChanges()\n\t\tthis.updateRenderState()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.mutationObserver?.disconnect() // Clean up the observer\n\t}\n\n\tprivate observeSlotChanges() {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tif (!slot) return\n\n\t\tthis.mutationObserver = new MutationObserver(() => {\n\t\t\t// Update session key when children change\n\t\t\tthis.sessionKey = this.generateSessionKey()\n\t\t})\n\n\t\tthis.mutationObserver.observe(slot, { childList: true, subtree: true })\n\t}\n\n\tprivate getTotalSiblingDelay(element: HTMLElement | null): number {\n\t\tif (!element || !(element instanceof HTMLElement)) return 0\n\n\t\tlet totalDelay = 0\n\t\tlet sibling = element.previousElementSibling // Start with the previous sibling\n\n\t\twhile (sibling) {\n\t\t\t// Check if the sibling is a `schmancy-delay` and add its delay\n\t\t\tif (sibling instanceof SchmancyDelay) {\n\t\t\t\ttotalDelay += sibling.delay\n\t\t\t}\n\t\t\t// Move to the previous sibling\n\t\t\tsibling = sibling.previousElementSibling\n\t\t}\n\n\t\t// Traverse up the tree and repeat for the parent node\n\t\tif (element.parentElement) {\n\t\t\ttotalDelay += this.getTotalSiblingDelay(element.parentElement)\n\t\t}\n\n\t\treturn totalDelay\n\t}\n\n\tprivate updateRenderState() {\n\t\tthis.sessionKey = this.generateSessionKey()\n\n\t\tif (this.once && sessionStorage.getItem(this.sessionKey) === 'true') {\n\t\t\t// Skip delay and render immediately if once is set and already rendered\n\t\t\tthis.rendered = true\n\t\t\treturn\n\t\t}\n\n\t\t// Calculate the effective delay (parent + self + all preceding siblings)\n\t\tconst siblingDelay = this.getTotalSiblingDelay(this)\n\t\tthis.effectiveDelay = this.delay + this.parentDelay + siblingDelay\n\n\t\t// Start the delay timer\n\t\ttimer(this.effectiveDelay)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.rendered = true // Render content after delay\n\t\t\t\tif (this.once) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tsessionStorage.setItem(this.sessionKey, 'true')\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.error('Error saving to session storage:', error)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tprivate generateSessionKey(): string {\n\t\tconst slotContent = this.assignedElements.map(el => el.outerHTML).join('')\n\t\treturn this.once ? hashContent(slotContent) : ''\n\t}\n\n\tprivate get motionLit(): any {\n\t\treturn this.motion === 'flyBelow' ? flyBelow : this.motion === 'flyAbove' ? flyAbove : fadeIn\n\t}\n\n\trender() {\n\t\treturn cache(\n\t\t\tthis.rendered\n\t\t\t\t? html`<div\n\t\t\t\t\t\t${animate({\n\t\t\t\t\t\t\tin: this.motionLit, // Use the provided motion type\n\t\t\t\t\t\t\tkeyframeOptions: { duration: 300, easing: 'ease-out' },\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>`\n\t\t\t\t: html`\n\t\t\t\t\t\t<section style=\"display: none;\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t`,\n\t\t)\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-delay': SchmancyDelay\n\t}\n}\n"],"names":["i","WeakMap","o","r","Map","n","WeakSet","a","Promise","t","requestAnimationFrame","c","transform","opacity","l","v","g","s","w","N","left","value","isNaN","top","width","e","overrideFrom","height","A","duration","easing","b","j","x","super","this","h","shouldLog","type","CHILD","Error","createFinished","resolveFinished","finished","getController","get","u","isDisabled","options","disabled","host","addController","updateComplete","then","element","set","optionsOrCallback","p","render","defaultOptions","keyframeOptions","properties","m","getBoundingClientRect","getComputedStyle","forEach","Number","guard","Array","isArray","length","every","_","isAnimating","isConnected","from","hostUpdate","parentNode","nextSibling","hostUpdated","skipInitial","isHostRendered","prepare","O","to","log","calculateKeyframes","inId","delete","in","slice","zIndex","animate","resetStyles","P","setAttribute","commitStyles","getAttribute","webAnimation","cancel","reconnected","disconnected","id","out","insertBefore","stabilizeOut","position","style","remove","start","onStart","onComplete","animatingProperties","frames","push","has","add","Object","assign","map","filter","transformOrigin","onFrames","didFinish","playState","pending","F","ELEMENT","S","C","$","offsetParent","includes","hashContent","content","hash","charCodeAt","toString","delayContext","createContext","SchmancyDelay","$LitElement","constructor","arguments","delay","motion","rendered","parentDelay","effectiveDelay","once","sessionKey","firstUpdated","observeSlotChanges","updateRenderState","disconnectedCallback","mutationObserver","disconnect","slot","shadowRoot","querySelector","MutationObserver","generateSessionKey","observe","childList","subtree","HTMLElement","totalDelay","sibling","previousElementSibling","parentElement","getTotalSiblingDelay","sessionStorage","getItem","siblingDelay","timer","pipe","takeUntil","disconnecting","subscribe","setItem","error","slotContent","assignedElements","el","outerHTML","join","motionLit","flyBelow","flyAbove","fadeIn","cache","html","__decorateClass","property","reflect","prototype","String","state","consume","context","provide","Boolean","queryAssignedElements","flatten","customElement"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/delay.cjs

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

package/dist/delay.js

@@ -1,4 +1,4 @@
-import { S as o, d as t } from "./delay-CXAQP1GR.js";
+import { S as o, d as t } from "./delay-DafLdRaR.js";
 export {
   o as SchmancyDelay,
   t as delayContext

package/dist/{details-CphTZvhk.js → details-89R5QI1S.js}

@@ -2,7 +2,7 @@ import { BehaviorSubject as h, takeUntil as u } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as l, state as c, customElement as m } from "lit/decorators.js";
-import { T as y } from "./tailwind.mixin-nZk3QUQy.js";
+import { T as y } from "./tailwind.mixin-Dj-xh5c5.js";
 import { css as v, html as d, LitElement as f } from "lit";
 import { when as g } from "lit/directives/when.js";
 import { tap as x } from "rxjs/operators";
@@ -225,4 +225,4 @@ a.shadowRootOptions = { ...f.shadowRootOptions, mode: "open", delegatesFocus: !0
 export {
   a as S
 };
-//# sourceMappingURL=details-CphTZvhk.js.map
+//# sourceMappingURL=details-89R5QI1S.js.map

package/dist/{details-CphTZvhk.js.map → details-89R5QI1S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"details-CphTZvhk.js","sources":["../src/details/details.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\r\nimport { css, html, LitElement } from 'lit'\r\nimport { customElement, property, state } from 'lit/decorators.js'\r\nimport { when } from 'lit/directives/when.js'\r\nimport { BehaviorSubject, takeUntil } from 'rxjs'\r\nimport { tap } from 'rxjs/operators'\r\n\r\n@customElement('schmancy-details')\r\nexport default class SchmancyDetails extends TailwindElement(css`\r\n\t:host {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/* Hide browser default marker */\r\n\tsummary::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t/* Container border-radius following M3 spec */\r\n\tdetails {\r\n\t\tborder-radius: 12px; /* M3 medium component radius */\r\n\t\ttransition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */\r\n\t}\r\n\r\n\t/* Variant-specific styles */\r\n\t:host([variant='outlined']) details {\r\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\r\n\t}\r\n\r\n\t:host([variant='filled']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details[open] {\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t/* Content animation */\r\n\t@keyframes slideDown {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: translateY(-8px);\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n\t.content-wrapper[data-open='true'] {\r\n\t\tanimation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t/* Ripple effect */\r\n\t@keyframes ripple {\r\n\t\tto {\r\n\t\t\ttransform: scale(4);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Focus ring following M3 spec */\r\n\tsummary:focus-visible {\r\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\r\n\t\toutline-offset: 2px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t/* Icon rotation transition */\r\n\t.icon-wrapper {\r\n\t\ttransition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t.icon-wrapper[data-open='true'] {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n`) {\r\n\tprotected static shadowRootOptions = {\r\n\t\t...LitElement.shadowRootOptions,\r\n\t\tmode: 'open' as const,\r\n\t\tdelegatesFocus: true,\r\n\t}\r\n\r\n\t@property() summary = ''\r\n\t@property({ type: Boolean, reflect: true })\r\n\tget open() {\r\n\t\treturn this._open$.value\r\n\t}\r\n\tset open(value: boolean) {\r\n\t\tif (this._open$.value !== value) {\r\n\t\t\tthis._open$.next(value)\r\n\t\t}\r\n\t}\r\n\t@property({ reflect: true }) variant: 'default' | 'outlined' | 'filled' | 'elevated' = 'default'\r\n\r\n\t// Internal state for ripple effects\r\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\r\n\t@state() private pressed = false\r\n\t@state() private _isOpen = false\r\n\r\n\tprivate nextRippleId = 0\r\n\tprivate _open$ = new BehaviorSubject<boolean>(false)\r\n\r\n\tconnectedCallback() {\r\n\t\tsuper.connectedCallback()\r\n\r\n\t\t// Subscribe to open state changes\r\n\t\tthis._open$.pipe(\r\n\t\t\ttap(isOpen => {\r\n\t\t\t\tthis._isOpen = isOpen\r\n\t\t\t\tthis.requestUpdate()\r\n\t\t\t}),\r\n\t\t\ttakeUntil(this.disconnecting)\r\n\t\t).subscribe()\r\n\t}\r\n\r\n\trender() {\r\n\t\t// Define state layer opacity based on variant and state\r\n\t\tconst getStateLayerOpacity = () => {\r\n\t\t\tif (this.pressed) return 'opacity-[0.12]' // M3 pressed state\r\n\t\t\tif (this.variant === 'default') {\r\n\t\t\t\treturn 'opacity-0 hover:opacity-[0.08]' // M3 hover state\r\n\t\t\t}\r\n\t\t\treturn 'opacity-0 hover:opacity-[0.04]' // Reduced for filled/elevated variants\r\n\t\t}\r\n\r\n\t\t// Summary classes following M3 specs\r\n\t\tconst summaryClasses = this.classMap({\r\n\t\t\t'cursor-pointer': true,\r\n\t\t\t'select-none': true,\r\n\t\t\t'relative': true,\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'gap-3': true,\r\n\t\t\t'min-h-[48px]': true, // M3 minimum touch target\r\n\t\t\t'sm:min-h-[56px]': true, // Desktop size\r\n\t\t\t'px-4': true, // M3 standard padding\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'py-3': true,\r\n\t\t\t'sm:py-4': true,\r\n\t\t\t'rounded-xl': true, // Match container radius\r\n\t\t\t'transition-colors': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'text-surface-on': true,\r\n\t\t\t'group': true, // For hover states on icon\r\n\t\t})\r\n\r\n\t\t// State layer for interactive feedback\r\n\t\tconst stateLayerClasses = this.classMap({\r\n\t\t\t'absolute': true,\r\n\t\t\t'inset-0': true,\r\n\t\t\t'rounded-xl': true,\r\n\t\t\t'pointer-events-none': true,\r\n\t\t\t'transition-opacity': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'bg-surface-on': true,\r\n\t\t\t[getStateLayerOpacity()]: true,\r\n\t\t})\r\n\r\n\t\t// Content wrapper classes\r\n\t\tconst contentClasses = this.classMap({\r\n\t\t\t'px-4': true,\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'pb-3': true,\r\n\t\t\t'sm:pb-4': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'text-sm': true,\r\n\t\t\t'sm:text-base': true,\r\n\t\t})\r\n\r\n\t\t// Icon classes with group hover\r\n\t\tconst iconClasses = this.classMap({\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'justify-center': true,\r\n\t\t\t'w-6': true,\r\n\t\t\t'h-6': true,\r\n\t\t\t'rounded-full': true,\r\n\t\t\t'flex-shrink-0': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'group-hover:text-surface-on': true,\r\n\t\t\t'transition-all': true,\r\n\t\t\t'duration-200': true,\r\n\t\t})\r\n\r\n\t\treturn html`\r\n\t\t\t<details\r\n\t\t\t\t?open=${this._isOpen}\r\n\t\t\t\t@toggle=${this._handleToggle}\r\n\t\t\t\tclass=\"w-full overflow-hidden\"\r\n\t\t\t>\r\n\t\t\t\t<summary\r\n\t\t\t\t\tclass=${summaryClasses}\r\n\t\t\t\t\t@click=${this._handleClick}\r\n\t\t\t\t\t@mousedown=${this._handleMouseDown}\r\n\t\t\t\t\t@mouseup=${this._handleMouseUp}\r\n\t\t\t\t\t@mouseleave=${this._handleMouseLeave}\r\n\t\t\t\t\t@keydown=${this._handleKeyDown}\r\n\t\t\t\t\t@keyup=${this._handleKeyUp}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<!-- State layer for hover/focus/pressed states -->\r\n\t\t\t\t\t<div class=${stateLayerClasses}></div>\r\n\r\n\t\t\t\t\t<!-- Ripple container -->\r\n\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\r\n\t\t\t\t\t\t${this.ripples.map(\r\n\t\t\t\t\t\t\tripple => html`\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\r\n\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\r\n\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\r\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t\t`,\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- Summary content -->\r\n\t\t\t\t\t<span class=\"relative flex-1 font-medium text-base sm:text-lg z-10\">\r\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<!-- Expand/collapse icon -->\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=${iconClasses}\r\n\t\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\t\tstyle=\"transform: rotate(${this._isOpen ? '90deg' : '0deg'})\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"24\"\r\n\t\t\t\t\t\t\theight=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclass=\"w-5 h-5 sm:w-6 sm:h-6\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\r\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</summary>\r\n\r\n\t\t\t\t<!-- Content area -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=${contentClasses}\r\n\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\tstyle=\"${this._isOpen ? '' : 'display: none;'}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t${when(\r\n\t\t\t\t\t\tthis._isOpen,\r\n\t\t\t\t\t\t() => html`\r\n\t\t\t\t\t\t\t<div class=\"content-wrapper\" data-open=${this._isOpen}>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t`\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</details>\r\n\t\t`\r\n\t}\r\n\r\n\tprivate _handleToggle(e: Event) {\r\n\t\tconst details = e.target as HTMLDetailsElement\r\n\t\t// Sync the internal state with the actual details element state\r\n\t\tthis._open$.next(details.open)\r\n\r\n\t\t// Dispatch custom event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: details.open },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleClick(e: MouseEvent) {\r\n\t\t// Prevent default to control the toggle manually\r\n\t\te.preventDefault()\r\n\r\n\t\t// Add ripple effect at click position\r\n\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\tconst x = e.clientX - rect.left\r\n\t\tconst y = e.clientY - rect.top\r\n\t\tconst id = this.nextRippleId++\r\n\r\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t// Remove ripple after animation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t}, 600)\r\n\r\n\t\t// Toggle the open state through the BehaviorSubject\r\n\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t// Dispatch the toggle event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleMouseDown() {\r\n\t\tthis.pressed = true\r\n\t}\r\n\r\n\tprivate _handleMouseUp() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleMouseLeave() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleKeyDown(e: KeyboardEvent) {\r\n\t\t// Handle keyboard activation\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.pressed = true\r\n\r\n\t\t\t// Add ripple effect from center\r\n\t\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\t\tconst x = rect.width / 2\r\n\t\t\tconst y = rect.height / 2\r\n\t\t\tconst id = this.nextRippleId++\r\n\r\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t\t}, 600)\r\n\r\n\t\t\t// Toggle the open state through the BehaviorSubject\r\n\t\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t\t// Dispatch the toggle event\r\n\t\t\tthis.dispatchEvent(\r\n\t\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\t\tbubbles: true,\r\n\t\t\t\t\tcomposed: true,\r\n\t\t\t\t}),\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _handleKeyUp(e: KeyboardEvent) {\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\tthis.pressed = false\r\n\t\t}\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'schmancy-details': SchmancyDetails\r\n\t}\r\n}\r\n"],"names":["SchmancyDetails","TailwindElement","css","super","arguments","this","summary","variant","ripples","pressed","_isOpen","nextRippleId","_open$","BehaviorSubject","open","value","next","connectedCallback","pipe","tap","isOpen","requestUpdate","takeUntil","disconnecting","subscribe","render","summaryClasses","classMap","relative","flex","group","stateLayerClasses","absolute","getStateLayerOpacity","contentClasses","iconClasses","html","_handleToggle","_handleClick","_handleMouseDown","_handleMouseUp","_handleMouseLeave","_handleKeyDown","_handleKeyUp","map","ripple","x","y","when","e","details","target","dispatchEvent","CustomEvent","detail","bubbles","composed","preventDefault","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","id","setTimeout","filter","r","key","width","height","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","prototype","type","Boolean","reflect","state","customElement"],"mappings":"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"}
+{"version":3,"file":"details-89R5QI1S.js","sources":["../src/details/details.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\r\nimport { css, html, LitElement } from 'lit'\r\nimport { customElement, property, state } from 'lit/decorators.js'\r\nimport { when } from 'lit/directives/when.js'\r\nimport { BehaviorSubject, takeUntil } from 'rxjs'\r\nimport { tap } from 'rxjs/operators'\r\n\r\n@customElement('schmancy-details')\r\nexport default class SchmancyDetails extends TailwindElement(css`\r\n\t:host {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/* Hide browser default marker */\r\n\tsummary::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t/* Container border-radius following M3 spec */\r\n\tdetails {\r\n\t\tborder-radius: 12px; /* M3 medium component radius */\r\n\t\ttransition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */\r\n\t}\r\n\r\n\t/* Variant-specific styles */\r\n\t:host([variant='outlined']) details {\r\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\r\n\t}\r\n\r\n\t:host([variant='filled']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details[open] {\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t/* Content animation */\r\n\t@keyframes slideDown {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: translateY(-8px);\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n\t.content-wrapper[data-open='true'] {\r\n\t\tanimation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t/* Ripple effect */\r\n\t@keyframes ripple {\r\n\t\tto {\r\n\t\t\ttransform: scale(4);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Focus ring following M3 spec */\r\n\tsummary:focus-visible {\r\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\r\n\t\toutline-offset: 2px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t/* Icon rotation transition */\r\n\t.icon-wrapper {\r\n\t\ttransition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t.icon-wrapper[data-open='true'] {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n`) {\r\n\tprotected static shadowRootOptions = {\r\n\t\t...LitElement.shadowRootOptions,\r\n\t\tmode: 'open' as const,\r\n\t\tdelegatesFocus: true,\r\n\t}\r\n\r\n\t@property() summary = ''\r\n\t@property({ type: Boolean, reflect: true })\r\n\tget open() {\r\n\t\treturn this._open$.value\r\n\t}\r\n\tset open(value: boolean) {\r\n\t\tif (this._open$.value !== value) {\r\n\t\t\tthis._open$.next(value)\r\n\t\t}\r\n\t}\r\n\t@property({ reflect: true }) variant: 'default' | 'outlined' | 'filled' | 'elevated' = 'default'\r\n\r\n\t// Internal state for ripple effects\r\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\r\n\t@state() private pressed = false\r\n\t@state() private _isOpen = false\r\n\r\n\tprivate nextRippleId = 0\r\n\tprivate _open$ = new BehaviorSubject<boolean>(false)\r\n\r\n\tconnectedCallback() {\r\n\t\tsuper.connectedCallback()\r\n\r\n\t\t// Subscribe to open state changes\r\n\t\tthis._open$.pipe(\r\n\t\t\ttap(isOpen => {\r\n\t\t\t\tthis._isOpen = isOpen\r\n\t\t\t\tthis.requestUpdate()\r\n\t\t\t}),\r\n\t\t\ttakeUntil(this.disconnecting)\r\n\t\t).subscribe()\r\n\t}\r\n\r\n\trender() {\r\n\t\t// Define state layer opacity based on variant and state\r\n\t\tconst getStateLayerOpacity = () => {\r\n\t\t\tif (this.pressed) return 'opacity-[0.12]' // M3 pressed state\r\n\t\t\tif (this.variant === 'default') {\r\n\t\t\t\treturn 'opacity-0 hover:opacity-[0.08]' // M3 hover state\r\n\t\t\t}\r\n\t\t\treturn 'opacity-0 hover:opacity-[0.04]' // Reduced for filled/elevated variants\r\n\t\t}\r\n\r\n\t\t// Summary classes following M3 specs\r\n\t\tconst summaryClasses = this.classMap({\r\n\t\t\t'cursor-pointer': true,\r\n\t\t\t'select-none': true,\r\n\t\t\t'relative': true,\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'gap-3': true,\r\n\t\t\t'min-h-[48px]': true, // M3 minimum touch target\r\n\t\t\t'sm:min-h-[56px]': true, // Desktop size\r\n\t\t\t'px-4': true, // M3 standard padding\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'py-3': true,\r\n\t\t\t'sm:py-4': true,\r\n\t\t\t'rounded-xl': true, // Match container radius\r\n\t\t\t'transition-colors': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'text-surface-on': true,\r\n\t\t\t'group': true, // For hover states on icon\r\n\t\t})\r\n\r\n\t\t// State layer for interactive feedback\r\n\t\tconst stateLayerClasses = this.classMap({\r\n\t\t\t'absolute': true,\r\n\t\t\t'inset-0': true,\r\n\t\t\t'rounded-xl': true,\r\n\t\t\t'pointer-events-none': true,\r\n\t\t\t'transition-opacity': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'bg-surface-on': true,\r\n\t\t\t[getStateLayerOpacity()]: true,\r\n\t\t})\r\n\r\n\t\t// Content wrapper classes\r\n\t\tconst contentClasses = this.classMap({\r\n\t\t\t'px-4': true,\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'pb-3': true,\r\n\t\t\t'sm:pb-4': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'text-sm': true,\r\n\t\t\t'sm:text-base': true,\r\n\t\t})\r\n\r\n\t\t// Icon classes with group hover\r\n\t\tconst iconClasses = this.classMap({\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'justify-center': true,\r\n\t\t\t'w-6': true,\r\n\t\t\t'h-6': true,\r\n\t\t\t'rounded-full': true,\r\n\t\t\t'flex-shrink-0': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'group-hover:text-surface-on': true,\r\n\t\t\t'transition-all': true,\r\n\t\t\t'duration-200': true,\r\n\t\t})\r\n\r\n\t\treturn html`\r\n\t\t\t<details\r\n\t\t\t\t?open=${this._isOpen}\r\n\t\t\t\t@toggle=${this._handleToggle}\r\n\t\t\t\tclass=\"w-full overflow-hidden\"\r\n\t\t\t>\r\n\t\t\t\t<summary\r\n\t\t\t\t\tclass=${summaryClasses}\r\n\t\t\t\t\t@click=${this._handleClick}\r\n\t\t\t\t\t@mousedown=${this._handleMouseDown}\r\n\t\t\t\t\t@mouseup=${this._handleMouseUp}\r\n\t\t\t\t\t@mouseleave=${this._handleMouseLeave}\r\n\t\t\t\t\t@keydown=${this._handleKeyDown}\r\n\t\t\t\t\t@keyup=${this._handleKeyUp}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<!-- State layer for hover/focus/pressed states -->\r\n\t\t\t\t\t<div class=${stateLayerClasses}></div>\r\n\r\n\t\t\t\t\t<!-- Ripple container -->\r\n\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\r\n\t\t\t\t\t\t${this.ripples.map(\r\n\t\t\t\t\t\t\tripple => html`\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\r\n\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\r\n\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\r\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t\t`,\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- Summary content -->\r\n\t\t\t\t\t<span class=\"relative flex-1 font-medium text-base sm:text-lg z-10\">\r\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<!-- Expand/collapse icon -->\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=${iconClasses}\r\n\t\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\t\tstyle=\"transform: rotate(${this._isOpen ? '90deg' : '0deg'})\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"24\"\r\n\t\t\t\t\t\t\theight=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclass=\"w-5 h-5 sm:w-6 sm:h-6\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\r\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</summary>\r\n\r\n\t\t\t\t<!-- Content area -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=${contentClasses}\r\n\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\tstyle=\"${this._isOpen ? '' : 'display: none;'}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t${when(\r\n\t\t\t\t\t\tthis._isOpen,\r\n\t\t\t\t\t\t() => html`\r\n\t\t\t\t\t\t\t<div class=\"content-wrapper\" data-open=${this._isOpen}>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t`\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</details>\r\n\t\t`\r\n\t}\r\n\r\n\tprivate _handleToggle(e: Event) {\r\n\t\tconst details = e.target as HTMLDetailsElement\r\n\t\t// Sync the internal state with the actual details element state\r\n\t\tthis._open$.next(details.open)\r\n\r\n\t\t// Dispatch custom event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: details.open },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleClick(e: MouseEvent) {\r\n\t\t// Prevent default to control the toggle manually\r\n\t\te.preventDefault()\r\n\r\n\t\t// Add ripple effect at click position\r\n\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\tconst x = e.clientX - rect.left\r\n\t\tconst y = e.clientY - rect.top\r\n\t\tconst id = this.nextRippleId++\r\n\r\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t// Remove ripple after animation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t}, 600)\r\n\r\n\t\t// Toggle the open state through the BehaviorSubject\r\n\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t// Dispatch the toggle event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleMouseDown() {\r\n\t\tthis.pressed = true\r\n\t}\r\n\r\n\tprivate _handleMouseUp() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleMouseLeave() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleKeyDown(e: KeyboardEvent) {\r\n\t\t// Handle keyboard activation\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.pressed = true\r\n\r\n\t\t\t// Add ripple effect from center\r\n\t\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\t\tconst x = rect.width / 2\r\n\t\t\tconst y = rect.height / 2\r\n\t\t\tconst id = this.nextRippleId++\r\n\r\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t\t}, 600)\r\n\r\n\t\t\t// Toggle the open state through the BehaviorSubject\r\n\t\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t\t// Dispatch the toggle event\r\n\t\t\tthis.dispatchEvent(\r\n\t\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\t\tbubbles: true,\r\n\t\t\t\t\tcomposed: true,\r\n\t\t\t\t}),\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _handleKeyUp(e: KeyboardEvent) {\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\tthis.pressed = false\r\n\t\t}\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'schmancy-details': SchmancyDetails\r\n\t}\r\n}\r\n"],"names":["SchmancyDetails","TailwindElement","css","super","arguments","this","summary","variant","ripples","pressed","_isOpen","nextRippleId","_open$","BehaviorSubject","open","value","next","connectedCallback","pipe","tap","isOpen","requestUpdate","takeUntil","disconnecting","subscribe","render","summaryClasses","classMap","relative","flex","group","stateLayerClasses","absolute","getStateLayerOpacity","contentClasses","iconClasses","html","_handleToggle","_handleClick","_handleMouseDown","_handleMouseUp","_handleMouseLeave","_handleKeyDown","_handleKeyUp","map","ripple","x","y","when","e","details","target","dispatchEvent","CustomEvent","detail","bubbles","composed","preventDefault","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","id","setTimeout","filter","r","key","width","height","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","prototype","type","Boolean","reflect","state","customElement"],"mappings":"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"}

package/dist/{details-Chfs-oHV.cjs → details-DpodqE31.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const o=require("lit/decorators.js"),d=require("./tailwind.mixin-D2o72t31.cjs"),l=require("lit"),h=require("lit/directives/when.js"),u=require("rxjs/operators");var m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(e,t,a,i)=>{for(var s,n=i>1?void 0:i?y(t,a):t,p=e.length-1;p>=0;p--)(s=e[p])&&(n=(i?s(t,a,n):s(n))||n);return i&&n&&m(t,a,n),n};exports.SchmancyDetails=class extends d.TailwindElement(l.css`
+"use strict";const c=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const o=require("lit/decorators.js"),d=require("./tailwind.mixin-Dwm4EWu8.cjs"),l=require("lit"),h=require("lit/directives/when.js"),u=require("rxjs/operators");var m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(e,t,a,i)=>{for(var s,n=i>1?void 0:i?y(t,a):t,p=e.length-1;p>=0;p--)(s=e[p])&&(n=(i?s(t,a,n):s(n))||n);return i&&n&&m(t,a,n),n};exports.SchmancyDetails=class extends d.TailwindElement(l.css`
 	:host {
 		display: block;
 		position: relative;
@@ -158,4 +158,4 @@
 				</div>
 			</details>
 		`}_handleToggle(e){const t=e.target;this._open$.next(t.open),this.dispatchEvent(new CustomEvent("toggle",{detail:{open:t.open},bubbles:!0,composed:!0}))}_handleClick(e){e.preventDefault();const t=e.currentTarget.getBoundingClientRect(),a=e.clientX-t.left,i=e.clientY-t.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:i,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(n=>n.id!==s)},600),this._open$.next(!this._open$.value),this.dispatchEvent(new CustomEvent("toggle",{detail:{open:this._open$.value},bubbles:!0,composed:!0}))}_handleMouseDown(){this.pressed=!0}_handleMouseUp(){this.pressed=!1}_handleMouseLeave(){this.pressed=!1}_handleKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.pressed=!0;const t=e.currentTarget.getBoundingClientRect(),a=t.width/2,i=t.height/2,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:i,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(n=>n.id!==s)},600),this._open$.next(!this._open$.value),this.dispatchEvent(new CustomEvent("toggle",{detail:{open:this._open$.value},bubbles:!0,composed:!0}))}}_handleKeyUp(e){e.key!=="Enter"&&e.key!==" "||(this.pressed=!1)}},exports.SchmancyDetails.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},r([o.property()],exports.SchmancyDetails.prototype,"summary",2),r([o.property({type:Boolean,reflect:!0})],exports.SchmancyDetails.prototype,"open",1),r([o.property({reflect:!0})],exports.SchmancyDetails.prototype,"variant",2),r([o.state()],exports.SchmancyDetails.prototype,"ripples",2),r([o.state()],exports.SchmancyDetails.prototype,"pressed",2),r([o.state()],exports.SchmancyDetails.prototype,"_isOpen",2),exports.SchmancyDetails=r([o.customElement("schmancy-details")],exports.SchmancyDetails);
-//# sourceMappingURL=details-Chfs-oHV.cjs.map
+//# sourceMappingURL=details-DpodqE31.cjs.map

package/dist/{details-Chfs-oHV.cjs.map → details-DpodqE31.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"details-Chfs-oHV.cjs","sources":["../src/details/details.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\r\nimport { css, html, LitElement } from 'lit'\r\nimport { customElement, property, state } from 'lit/decorators.js'\r\nimport { when } from 'lit/directives/when.js'\r\nimport { BehaviorSubject, takeUntil } from 'rxjs'\r\nimport { tap } from 'rxjs/operators'\r\n\r\n@customElement('schmancy-details')\r\nexport default class SchmancyDetails extends TailwindElement(css`\r\n\t:host {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/* Hide browser default marker */\r\n\tsummary::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t/* Container border-radius following M3 spec */\r\n\tdetails {\r\n\t\tborder-radius: 12px; /* M3 medium component radius */\r\n\t\ttransition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */\r\n\t}\r\n\r\n\t/* Variant-specific styles */\r\n\t:host([variant='outlined']) details {\r\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\r\n\t}\r\n\r\n\t:host([variant='filled']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details[open] {\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t/* Content animation */\r\n\t@keyframes slideDown {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: translateY(-8px);\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n\t.content-wrapper[data-open='true'] {\r\n\t\tanimation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t/* Ripple effect */\r\n\t@keyframes ripple {\r\n\t\tto {\r\n\t\t\ttransform: scale(4);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Focus ring following M3 spec */\r\n\tsummary:focus-visible {\r\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\r\n\t\toutline-offset: 2px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t/* Icon rotation transition */\r\n\t.icon-wrapper {\r\n\t\ttransition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t.icon-wrapper[data-open='true'] {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n`) {\r\n\tprotected static shadowRootOptions = {\r\n\t\t...LitElement.shadowRootOptions,\r\n\t\tmode: 'open' as const,\r\n\t\tdelegatesFocus: true,\r\n\t}\r\n\r\n\t@property() summary = ''\r\n\t@property({ type: Boolean, reflect: true })\r\n\tget open() {\r\n\t\treturn this._open$.value\r\n\t}\r\n\tset open(value: boolean) {\r\n\t\tif (this._open$.value !== value) {\r\n\t\t\tthis._open$.next(value)\r\n\t\t}\r\n\t}\r\n\t@property({ reflect: true }) variant: 'default' | 'outlined' | 'filled' | 'elevated' = 'default'\r\n\r\n\t// Internal state for ripple effects\r\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\r\n\t@state() private pressed = false\r\n\t@state() private _isOpen = false\r\n\r\n\tprivate nextRippleId = 0\r\n\tprivate _open$ = new BehaviorSubject<boolean>(false)\r\n\r\n\tconnectedCallback() {\r\n\t\tsuper.connectedCallback()\r\n\r\n\t\t// Subscribe to open state changes\r\n\t\tthis._open$.pipe(\r\n\t\t\ttap(isOpen => {\r\n\t\t\t\tthis._isOpen = isOpen\r\n\t\t\t\tthis.requestUpdate()\r\n\t\t\t}),\r\n\t\t\ttakeUntil(this.disconnecting)\r\n\t\t).subscribe()\r\n\t}\r\n\r\n\trender() {\r\n\t\t// Define state layer opacity based on variant and state\r\n\t\tconst getStateLayerOpacity = () => {\r\n\t\t\tif (this.pressed) return 'opacity-[0.12]' // M3 pressed state\r\n\t\t\tif (this.variant === 'default') {\r\n\t\t\t\treturn 'opacity-0 hover:opacity-[0.08]' // M3 hover state\r\n\t\t\t}\r\n\t\t\treturn 'opacity-0 hover:opacity-[0.04]' // Reduced for filled/elevated variants\r\n\t\t}\r\n\r\n\t\t// Summary classes following M3 specs\r\n\t\tconst summaryClasses = this.classMap({\r\n\t\t\t'cursor-pointer': true,\r\n\t\t\t'select-none': true,\r\n\t\t\t'relative': true,\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'gap-3': true,\r\n\t\t\t'min-h-[48px]': true, // M3 minimum touch target\r\n\t\t\t'sm:min-h-[56px]': true, // Desktop size\r\n\t\t\t'px-4': true, // M3 standard padding\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'py-3': true,\r\n\t\t\t'sm:py-4': true,\r\n\t\t\t'rounded-xl': true, // Match container radius\r\n\t\t\t'transition-colors': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'text-surface-on': true,\r\n\t\t\t'group': true, // For hover states on icon\r\n\t\t})\r\n\r\n\t\t// State layer for interactive feedback\r\n\t\tconst stateLayerClasses = this.classMap({\r\n\t\t\t'absolute': true,\r\n\t\t\t'inset-0': true,\r\n\t\t\t'rounded-xl': true,\r\n\t\t\t'pointer-events-none': true,\r\n\t\t\t'transition-opacity': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'bg-surface-on': true,\r\n\t\t\t[getStateLayerOpacity()]: true,\r\n\t\t})\r\n\r\n\t\t// Content wrapper classes\r\n\t\tconst contentClasses = this.classMap({\r\n\t\t\t'px-4': true,\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'pb-3': true,\r\n\t\t\t'sm:pb-4': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'text-sm': true,\r\n\t\t\t'sm:text-base': true,\r\n\t\t})\r\n\r\n\t\t// Icon classes with group hover\r\n\t\tconst iconClasses = this.classMap({\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'justify-center': true,\r\n\t\t\t'w-6': true,\r\n\t\t\t'h-6': true,\r\n\t\t\t'rounded-full': true,\r\n\t\t\t'flex-shrink-0': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'group-hover:text-surface-on': true,\r\n\t\t\t'transition-all': true,\r\n\t\t\t'duration-200': true,\r\n\t\t})\r\n\r\n\t\treturn html`\r\n\t\t\t<details\r\n\t\t\t\t?open=${this._isOpen}\r\n\t\t\t\t@toggle=${this._handleToggle}\r\n\t\t\t\tclass=\"w-full overflow-hidden\"\r\n\t\t\t>\r\n\t\t\t\t<summary\r\n\t\t\t\t\tclass=${summaryClasses}\r\n\t\t\t\t\t@click=${this._handleClick}\r\n\t\t\t\t\t@mousedown=${this._handleMouseDown}\r\n\t\t\t\t\t@mouseup=${this._handleMouseUp}\r\n\t\t\t\t\t@mouseleave=${this._handleMouseLeave}\r\n\t\t\t\t\t@keydown=${this._handleKeyDown}\r\n\t\t\t\t\t@keyup=${this._handleKeyUp}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<!-- State layer for hover/focus/pressed states -->\r\n\t\t\t\t\t<div class=${stateLayerClasses}></div>\r\n\r\n\t\t\t\t\t<!-- Ripple container -->\r\n\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\r\n\t\t\t\t\t\t${this.ripples.map(\r\n\t\t\t\t\t\t\tripple => html`\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\r\n\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\r\n\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\r\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t\t`,\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- Summary content -->\r\n\t\t\t\t\t<span class=\"relative flex-1 font-medium text-base sm:text-lg z-10\">\r\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<!-- Expand/collapse icon -->\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=${iconClasses}\r\n\t\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\t\tstyle=\"transform: rotate(${this._isOpen ? '90deg' : '0deg'})\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"24\"\r\n\t\t\t\t\t\t\theight=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclass=\"w-5 h-5 sm:w-6 sm:h-6\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\r\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</summary>\r\n\r\n\t\t\t\t<!-- Content area -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=${contentClasses}\r\n\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\tstyle=\"${this._isOpen ? '' : 'display: none;'}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t${when(\r\n\t\t\t\t\t\tthis._isOpen,\r\n\t\t\t\t\t\t() => html`\r\n\t\t\t\t\t\t\t<div class=\"content-wrapper\" data-open=${this._isOpen}>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t`\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</details>\r\n\t\t`\r\n\t}\r\n\r\n\tprivate _handleToggle(e: Event) {\r\n\t\tconst details = e.target as HTMLDetailsElement\r\n\t\t// Sync the internal state with the actual details element state\r\n\t\tthis._open$.next(details.open)\r\n\r\n\t\t// Dispatch custom event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: details.open },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleClick(e: MouseEvent) {\r\n\t\t// Prevent default to control the toggle manually\r\n\t\te.preventDefault()\r\n\r\n\t\t// Add ripple effect at click position\r\n\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\tconst x = e.clientX - rect.left\r\n\t\tconst y = e.clientY - rect.top\r\n\t\tconst id = this.nextRippleId++\r\n\r\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t// Remove ripple after animation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t}, 600)\r\n\r\n\t\t// Toggle the open state through the BehaviorSubject\r\n\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t// Dispatch the toggle event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleMouseDown() {\r\n\t\tthis.pressed = true\r\n\t}\r\n\r\n\tprivate _handleMouseUp() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleMouseLeave() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleKeyDown(e: KeyboardEvent) {\r\n\t\t// Handle keyboard activation\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.pressed = true\r\n\r\n\t\t\t// Add ripple effect from center\r\n\t\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\t\tconst x = rect.width / 2\r\n\t\t\tconst y = rect.height / 2\r\n\t\t\tconst id = this.nextRippleId++\r\n\r\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t\t}, 600)\r\n\r\n\t\t\t// Toggle the open state through the BehaviorSubject\r\n\t\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t\t// Dispatch the toggle event\r\n\t\t\tthis.dispatchEvent(\r\n\t\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\t\tbubbles: true,\r\n\t\t\t\t\tcomposed: true,\r\n\t\t\t\t}),\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _handleKeyUp(e: KeyboardEvent) {\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\tthis.pressed = false\r\n\t\t}\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'schmancy-details': SchmancyDetails\r\n\t}\r\n}\r\n"],"names":["SchmancyDetails","TailwindElement","css","super","arguments","this","summary","variant","ripples","pressed","_isOpen","nextRippleId","_open$","BehaviorSubject","open","value","next","connectedCallback","pipe","tap","isOpen","requestUpdate","takeUntil","disconnecting","subscribe","render","summaryClasses","classMap","relative","flex","group","stateLayerClasses","absolute","getStateLayerOpacity","contentClasses","iconClasses","html","_handleToggle","_handleClick","_handleMouseDown","_handleMouseUp","_handleMouseLeave","_handleKeyDown","_handleKeyUp","map","ripple","x","y","when","e","details","target","dispatchEvent","CustomEvent","detail","bubbles","composed","preventDefault","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","id","setTimeout","filter","r","key","width","height","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","prototype","type","Boolean","reflect","state","customElement"],"mappings":"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"}
+{"version":3,"file":"details-DpodqE31.cjs","sources":["../src/details/details.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\r\nimport { css, html, LitElement } from 'lit'\r\nimport { customElement, property, state } from 'lit/decorators.js'\r\nimport { when } from 'lit/directives/when.js'\r\nimport { BehaviorSubject, takeUntil } from 'rxjs'\r\nimport { tap } from 'rxjs/operators'\r\n\r\n@customElement('schmancy-details')\r\nexport default class SchmancyDetails extends TailwindElement(css`\r\n\t:host {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/* Hide browser default marker */\r\n\tsummary::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t/* Container border-radius following M3 spec */\r\n\tdetails {\r\n\t\tborder-radius: 12px; /* M3 medium component radius */\r\n\t\ttransition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */\r\n\t}\r\n\r\n\t/* Variant-specific styles */\r\n\t:host([variant='outlined']) details {\r\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\r\n\t}\r\n\r\n\t:host([variant='filled']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details[open] {\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t/* Content animation */\r\n\t@keyframes slideDown {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: translateY(-8px);\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n\t.content-wrapper[data-open='true'] {\r\n\t\tanimation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t/* Ripple effect */\r\n\t@keyframes ripple {\r\n\t\tto {\r\n\t\t\ttransform: scale(4);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Focus ring following M3 spec */\r\n\tsummary:focus-visible {\r\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\r\n\t\toutline-offset: 2px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t/* Icon rotation transition */\r\n\t.icon-wrapper {\r\n\t\ttransition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t.icon-wrapper[data-open='true'] {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n`) {\r\n\tprotected static shadowRootOptions = {\r\n\t\t...LitElement.shadowRootOptions,\r\n\t\tmode: 'open' as const,\r\n\t\tdelegatesFocus: true,\r\n\t}\r\n\r\n\t@property() summary = ''\r\n\t@property({ type: Boolean, reflect: true })\r\n\tget open() {\r\n\t\treturn this._open$.value\r\n\t}\r\n\tset open(value: boolean) {\r\n\t\tif (this._open$.value !== value) {\r\n\t\t\tthis._open$.next(value)\r\n\t\t}\r\n\t}\r\n\t@property({ reflect: true }) variant: 'default' | 'outlined' | 'filled' | 'elevated' = 'default'\r\n\r\n\t// Internal state for ripple effects\r\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\r\n\t@state() private pressed = false\r\n\t@state() private _isOpen = false\r\n\r\n\tprivate nextRippleId = 0\r\n\tprivate _open$ = new BehaviorSubject<boolean>(false)\r\n\r\n\tconnectedCallback() {\r\n\t\tsuper.connectedCallback()\r\n\r\n\t\t// Subscribe to open state changes\r\n\t\tthis._open$.pipe(\r\n\t\t\ttap(isOpen => {\r\n\t\t\t\tthis._isOpen = isOpen\r\n\t\t\t\tthis.requestUpdate()\r\n\t\t\t}),\r\n\t\t\ttakeUntil(this.disconnecting)\r\n\t\t).subscribe()\r\n\t}\r\n\r\n\trender() {\r\n\t\t// Define state layer opacity based on variant and state\r\n\t\tconst getStateLayerOpacity = () => {\r\n\t\t\tif (this.pressed) return 'opacity-[0.12]' // M3 pressed state\r\n\t\t\tif (this.variant === 'default') {\r\n\t\t\t\treturn 'opacity-0 hover:opacity-[0.08]' // M3 hover state\r\n\t\t\t}\r\n\t\t\treturn 'opacity-0 hover:opacity-[0.04]' // Reduced for filled/elevated variants\r\n\t\t}\r\n\r\n\t\t// Summary classes following M3 specs\r\n\t\tconst summaryClasses = this.classMap({\r\n\t\t\t'cursor-pointer': true,\r\n\t\t\t'select-none': true,\r\n\t\t\t'relative': true,\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'gap-3': true,\r\n\t\t\t'min-h-[48px]': true, // M3 minimum touch target\r\n\t\t\t'sm:min-h-[56px]': true, // Desktop size\r\n\t\t\t'px-4': true, // M3 standard padding\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'py-3': true,\r\n\t\t\t'sm:py-4': true,\r\n\t\t\t'rounded-xl': true, // Match container radius\r\n\t\t\t'transition-colors': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'text-surface-on': true,\r\n\t\t\t'group': true, // For hover states on icon\r\n\t\t})\r\n\r\n\t\t// State layer for interactive feedback\r\n\t\tconst stateLayerClasses = this.classMap({\r\n\t\t\t'absolute': true,\r\n\t\t\t'inset-0': true,\r\n\t\t\t'rounded-xl': true,\r\n\t\t\t'pointer-events-none': true,\r\n\t\t\t'transition-opacity': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'bg-surface-on': true,\r\n\t\t\t[getStateLayerOpacity()]: true,\r\n\t\t})\r\n\r\n\t\t// Content wrapper classes\r\n\t\tconst contentClasses = this.classMap({\r\n\t\t\t'px-4': true,\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'pb-3': true,\r\n\t\t\t'sm:pb-4': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'text-sm': true,\r\n\t\t\t'sm:text-base': true,\r\n\t\t})\r\n\r\n\t\t// Icon classes with group hover\r\n\t\tconst iconClasses = this.classMap({\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'justify-center': true,\r\n\t\t\t'w-6': true,\r\n\t\t\t'h-6': true,\r\n\t\t\t'rounded-full': true,\r\n\t\t\t'flex-shrink-0': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'group-hover:text-surface-on': true,\r\n\t\t\t'transition-all': true,\r\n\t\t\t'duration-200': true,\r\n\t\t})\r\n\r\n\t\treturn html`\r\n\t\t\t<details\r\n\t\t\t\t?open=${this._isOpen}\r\n\t\t\t\t@toggle=${this._handleToggle}\r\n\t\t\t\tclass=\"w-full overflow-hidden\"\r\n\t\t\t>\r\n\t\t\t\t<summary\r\n\t\t\t\t\tclass=${summaryClasses}\r\n\t\t\t\t\t@click=${this._handleClick}\r\n\t\t\t\t\t@mousedown=${this._handleMouseDown}\r\n\t\t\t\t\t@mouseup=${this._handleMouseUp}\r\n\t\t\t\t\t@mouseleave=${this._handleMouseLeave}\r\n\t\t\t\t\t@keydown=${this._handleKeyDown}\r\n\t\t\t\t\t@keyup=${this._handleKeyUp}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<!-- State layer for hover/focus/pressed states -->\r\n\t\t\t\t\t<div class=${stateLayerClasses}></div>\r\n\r\n\t\t\t\t\t<!-- Ripple container -->\r\n\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\r\n\t\t\t\t\t\t${this.ripples.map(\r\n\t\t\t\t\t\t\tripple => html`\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\r\n\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\r\n\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\r\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t\t`,\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- Summary content -->\r\n\t\t\t\t\t<span class=\"relative flex-1 font-medium text-base sm:text-lg z-10\">\r\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<!-- Expand/collapse icon -->\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=${iconClasses}\r\n\t\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\t\tstyle=\"transform: rotate(${this._isOpen ? '90deg' : '0deg'})\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"24\"\r\n\t\t\t\t\t\t\theight=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclass=\"w-5 h-5 sm:w-6 sm:h-6\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\r\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</summary>\r\n\r\n\t\t\t\t<!-- Content area -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=${contentClasses}\r\n\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\tstyle=\"${this._isOpen ? '' : 'display: none;'}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t${when(\r\n\t\t\t\t\t\tthis._isOpen,\r\n\t\t\t\t\t\t() => html`\r\n\t\t\t\t\t\t\t<div class=\"content-wrapper\" data-open=${this._isOpen}>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t`\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</details>\r\n\t\t`\r\n\t}\r\n\r\n\tprivate _handleToggle(e: Event) {\r\n\t\tconst details = e.target as HTMLDetailsElement\r\n\t\t// Sync the internal state with the actual details element state\r\n\t\tthis._open$.next(details.open)\r\n\r\n\t\t// Dispatch custom event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: details.open },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleClick(e: MouseEvent) {\r\n\t\t// Prevent default to control the toggle manually\r\n\t\te.preventDefault()\r\n\r\n\t\t// Add ripple effect at click position\r\n\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\tconst x = e.clientX - rect.left\r\n\t\tconst y = e.clientY - rect.top\r\n\t\tconst id = this.nextRippleId++\r\n\r\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t// Remove ripple after animation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t}, 600)\r\n\r\n\t\t// Toggle the open state through the BehaviorSubject\r\n\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t// Dispatch the toggle event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleMouseDown() {\r\n\t\tthis.pressed = true\r\n\t}\r\n\r\n\tprivate _handleMouseUp() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleMouseLeave() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleKeyDown(e: KeyboardEvent) {\r\n\t\t// Handle keyboard activation\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.pressed = true\r\n\r\n\t\t\t// Add ripple effect from center\r\n\t\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\t\tconst x = rect.width / 2\r\n\t\t\tconst y = rect.height / 2\r\n\t\t\tconst id = this.nextRippleId++\r\n\r\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t\t}, 600)\r\n\r\n\t\t\t// Toggle the open state through the BehaviorSubject\r\n\t\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t\t// Dispatch the toggle event\r\n\t\t\tthis.dispatchEvent(\r\n\t\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\t\tbubbles: true,\r\n\t\t\t\t\tcomposed: true,\r\n\t\t\t\t}),\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _handleKeyUp(e: KeyboardEvent) {\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\tthis.pressed = false\r\n\t\t}\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'schmancy-details': SchmancyDetails\r\n\t}\r\n}\r\n"],"names":["SchmancyDetails","TailwindElement","css","super","arguments","this","summary","variant","ripples","pressed","_isOpen","nextRippleId","_open$","BehaviorSubject","open","value","next","connectedCallback","pipe","tap","isOpen","requestUpdate","takeUntil","disconnecting","subscribe","render","summaryClasses","classMap","relative","flex","group","stateLayerClasses","absolute","getStateLayerOpacity","contentClasses","iconClasses","html","_handleToggle","_handleClick","_handleMouseDown","_handleMouseUp","_handleMouseLeave","_handleKeyDown","_handleKeyUp","map","ripple","x","y","when","e","details","target","dispatchEvent","CustomEvent","detail","bubbles","composed","preventDefault","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","id","setTimeout","filter","r","key","width","height","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","prototype","type","Boolean","reflect","state","customElement"],"mappings":"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"}

package/dist/details.cjs

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

package/dist/details.js

@@ -1,4 +1,4 @@
-import { S as e } from "./details-CphTZvhk.js";
+import { S as e } from "./details-89R5QI1S.js";
 export {
   e as SchmancyDetails
 };

package/dist/{dialog-content-h_Oz2PDz.js → dialog-content-CGt4hZZn.js}

@@ -3,8 +3,8 @@ import { fromEvent as m, tap as M } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as h, customElement as g } from "lit/decorators.js";
-import "./tailwind.mixin-nZk3QUQy.js";
-import { $ as y } from "./litElement.mixin-C_TdCsfa.js";
+import "./tailwind.mixin-Dj-xh5c5.js";
+import { $ as y } from "./litElement.mixin-7HEBIRUp.js";
 import { css as f, html as r } from "lit";
 import { when as d } from "lit/directives/when.js";
 import { debounceTime as S } from "rxjs/operators";
@@ -253,4 +253,4 @@ export {
   u as S,
   v as a
 };
-//# sourceMappingURL=dialog-content-h_Oz2PDz.js.map
+//# sourceMappingURL=dialog-content-CGt4hZZn.js.map