@mhmo91/schmancy 0.5.26 → 0.5.27

package/dist/details-BVo7N1R-.cjs

@@ -1,161 +0,0 @@
-"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-CvLC4LGm.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;
-	}
-
-	/* Hide browser default marker */
-	summary::-webkit-details-marker {
-		display: none;
-	}
-
-	summary {
-		list-style: none;
-	}
-
-	/* Container border-radius following M3 spec */
-	details {
-		border-radius: 12px; /* M3 medium component radius */
-		transition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */
-	}
-
-	/* Variant-specific styles */
-	:host([variant='outlined']) details {
-		border: 1px solid var(--schmancy-sys-color-outline-variant);
-		background-color: var(--schmancy-sys-color-surface-default);
-	}
-
-	:host([variant='filled']) details {
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	:host([variant='elevated']) details {
-		background-color: var(--schmancy-sys-color-surface-low);
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-
-	:host([variant='elevated']) details[open] {
-		box-shadow: var(--schmancy-sys-elevation-2);
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	/* Content animation */
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.content-wrapper[data-open='true'] {
-		animation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	/* Ripple effect */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* Focus ring following M3 spec */
-	summary:focus-visible {
-		outline: 2px solid var(--schmancy-sys-color-primary-default);
-		outline-offset: 2px;
-		border-radius: 12px;
-	}
-
-	/* Icon rotation transition */
-	.icon-wrapper {
-		transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	.icon-wrapper[data-open='true'] {
-		transform: rotate(90deg);
-	}
-`){constructor(){super(...arguments),this.summary="",this.variant="default",this.ripples=[],this.pressed=!1,this._isOpen=!1,this.nextRippleId=0,this._open$=new c.BehaviorSubject(!1)}get open(){return this._open$.value}set open(e){this._open$.value!==e&&this._open$.next(e)}connectedCallback(){super.connectedCallback(),this._open$.pipe(u.tap(e=>{this._isOpen=e,this.requestUpdate()}),c.takeUntil(this.disconnecting)).subscribe()}render(){const e=this.classMap({"cursor-pointer":!0,"select-none":!0,relative:!0,flex:!0,"items-center":!0,"gap-3":!0,"min-h-[48px]":!0,"sm:min-h-[56px]":!0,"px-4":!0,"sm:px-6":!0,"py-3":!0,"sm:py-4":!0,"rounded-xl":!0,"transition-colors":!0,"duration-200":!0,"text-surface-on":!0,group:!0}),t=this.classMap({absolute:!0,"inset-0":!0,"rounded-xl":!0,"pointer-events-none":!0,"transition-opacity":!0,"duration-200":!0,"bg-surface-on":!0,[this.pressed?"opacity-[0.12]":this.variant==="default"?"opacity-0 hover:opacity-[0.08]":"opacity-0 hover:opacity-[0.04]"]:!0}),a=this.classMap({"px-4":!0,"sm:px-6":!0,"pb-3":!0,"sm:pb-4":!0,"text-surface-onVariant":!0,"text-sm":!0,"sm:text-base":!0}),i=this.classMap({flex:!0,"items-center":!0,"justify-center":!0,"w-6":!0,"h-6":!0,"rounded-full":!0,"flex-shrink-0":!0,"text-surface-onVariant":!0,"group-hover:text-surface-on":!0,"transition-all":!0,"duration-200":!0});return l.html`
-			<details
-				?open=${this._isOpen}
-				@toggle=${this._handleToggle}
-				class="w-full overflow-hidden"
-			>
-				<summary
-					class=${e}
-					@click=${this._handleClick}
-					@mousedown=${this._handleMouseDown}
-					@mouseup=${this._handleMouseUp}
-					@mouseleave=${this._handleMouseLeave}
-					@keydown=${this._handleKeyDown}
-					@keyup=${this._handleKeyUp}
-					tabindex="0"
-				>
-					<!-- State layer for hover/focus/pressed states -->
-					<div class=${t}></div>
-
-					<!-- Ripple container -->
-					<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-						${this.ripples.map(s=>l.html`
-								<span
-									class="absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none"
-									style="
-										left: ${s.x}px;
-										top: ${s.y}px;
-										width: 20px;
-										height: 20px;
-										margin-left: -10px;
-										margin-top: -10px;
-									"
-								></span>
-							`)}
-					</div>
-
-					<!-- Summary content -->
-					<span class="relative flex-1 font-medium text-base sm:text-lg z-10">
-						<slot name="summary">${this.summary}</slot>
-					</span>
-
-					<!-- Expand/collapse icon -->
-					<span
-						class=${i}
-						data-open=${this._isOpen}
-						style="transform: rotate(${this._isOpen?"90deg":"0deg"})"
-					>
-						<svg
-							width="24"
-							height="24"
-							viewBox="0 0 24 24"
-							fill="none"
-							xmlns="http://www.w3.org/2000/svg"
-							class="w-5 h-5 sm:w-6 sm:h-6"
-						>
-							<path
-								d="M9 6L15 12L9 18"
-								stroke="currentColor"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-							/>
-						</svg>
-					</span>
-				</summary>
-
-				<!-- Content area -->
-				<div
-					class=${a}
-					data-open=${this._isOpen}
-					style="${this._isOpen?"":"display: none;"}"
-				>
-					${h.when(this._isOpen,()=>l.html`
-							<div class="content-wrapper" data-open=${this._isOpen}>
-								<slot></slot>
-							</div>
-						`)}
-				</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-BVo7N1R-.cjs.map

package/dist/details-BVo7N1R-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"details-BVo7N1R-.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-b0374YYL.js

@@ -1,228 +0,0 @@
-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-DXMWx0zN.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";
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, r = (e, t, n, i) => {
-  for (var s, o = i > 1 ? void 0 : i ? w(t, n) : t, p = e.length - 1; p >= 0; p--) (s = e[p]) && (o = (i ? s(t, n, o) : s(o)) || o);
-  return i && o && b(t, n, o), o;
-};
-let a = class extends y(v`
-	:host {
-		display: block;
-		position: relative;
-	}
-
-	/* Hide browser default marker */
-	summary::-webkit-details-marker {
-		display: none;
-	}
-
-	summary {
-		list-style: none;
-	}
-
-	/* Container border-radius following M3 spec */
-	details {
-		border-radius: 12px; /* M3 medium component radius */
-		transition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */
-	}
-
-	/* Variant-specific styles */
-	:host([variant='outlined']) details {
-		border: 1px solid var(--schmancy-sys-color-outline-variant);
-		background-color: var(--schmancy-sys-color-surface-default);
-	}
-
-	:host([variant='filled']) details {
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	:host([variant='elevated']) details {
-		background-color: var(--schmancy-sys-color-surface-low);
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-
-	:host([variant='elevated']) details[open] {
-		box-shadow: var(--schmancy-sys-elevation-2);
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	/* Content animation */
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.content-wrapper[data-open='true'] {
-		animation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	/* Ripple effect */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* Focus ring following M3 spec */
-	summary:focus-visible {
-		outline: 2px solid var(--schmancy-sys-color-primary-default);
-		outline-offset: 2px;
-		border-radius: 12px;
-	}
-
-	/* Icon rotation transition */
-	.icon-wrapper {
-		transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	.icon-wrapper[data-open='true'] {
-		transform: rotate(90deg);
-	}
-`) {
-  constructor() {
-    super(...arguments), this.summary = "", this.variant = "default", this.ripples = [], this.pressed = !1, this._isOpen = !1, this.nextRippleId = 0, this._open$ = new h(!1);
-  }
-  get open() {
-    return this._open$.value;
-  }
-  set open(e) {
-    this._open$.value !== e && this._open$.next(e);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._open$.pipe(x((e) => {
-      this._isOpen = e, this.requestUpdate();
-    }), u(this.disconnecting)).subscribe();
-  }
-  render() {
-    const e = this.classMap({ "cursor-pointer": !0, "select-none": !0, relative: !0, flex: !0, "items-center": !0, "gap-3": !0, "min-h-[48px]": !0, "sm:min-h-[56px]": !0, "px-4": !0, "sm:px-6": !0, "py-3": !0, "sm:py-4": !0, "rounded-xl": !0, "transition-colors": !0, "duration-200": !0, "text-surface-on": !0, group: !0 }), t = this.classMap({ absolute: !0, "inset-0": !0, "rounded-xl": !0, "pointer-events-none": !0, "transition-opacity": !0, "duration-200": !0, "bg-surface-on": !0, [this.pressed ? "opacity-[0.12]" : this.variant === "default" ? "opacity-0 hover:opacity-[0.08]" : "opacity-0 hover:opacity-[0.04]"]: !0 }), n = this.classMap({ "px-4": !0, "sm:px-6": !0, "pb-3": !0, "sm:pb-4": !0, "text-surface-onVariant": !0, "text-sm": !0, "sm:text-base": !0 }), i = this.classMap({ flex: !0, "items-center": !0, "justify-center": !0, "w-6": !0, "h-6": !0, "rounded-full": !0, "flex-shrink-0": !0, "text-surface-onVariant": !0, "group-hover:text-surface-on": !0, "transition-all": !0, "duration-200": !0 });
-    return d`
-			<details
-				?open=${this._isOpen}
-				@toggle=${this._handleToggle}
-				class="w-full overflow-hidden"
-			>
-				<summary
-					class=${e}
-					@click=${this._handleClick}
-					@mousedown=${this._handleMouseDown}
-					@mouseup=${this._handleMouseUp}
-					@mouseleave=${this._handleMouseLeave}
-					@keydown=${this._handleKeyDown}
-					@keyup=${this._handleKeyUp}
-					tabindex="0"
-				>
-					<!-- State layer for hover/focus/pressed states -->
-					<div class=${t}></div>
-
-					<!-- Ripple container -->
-					<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-						${this.ripples.map((s) => d`
-								<span
-									class="absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none"
-									style="
-										left: ${s.x}px;
-										top: ${s.y}px;
-										width: 20px;
-										height: 20px;
-										margin-left: -10px;
-										margin-top: -10px;
-									"
-								></span>
-							`)}
-					</div>
-
-					<!-- Summary content -->
-					<span class="relative flex-1 font-medium text-base sm:text-lg z-10">
-						<slot name="summary">${this.summary}</slot>
-					</span>
-
-					<!-- Expand/collapse icon -->
-					<span
-						class=${i}
-						data-open=${this._isOpen}
-						style="transform: rotate(${this._isOpen ? "90deg" : "0deg"})"
-					>
-						<svg
-							width="24"
-							height="24"
-							viewBox="0 0 24 24"
-							fill="none"
-							xmlns="http://www.w3.org/2000/svg"
-							class="w-5 h-5 sm:w-6 sm:h-6"
-						>
-							<path
-								d="M9 6L15 12L9 18"
-								stroke="currentColor"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-							/>
-						</svg>
-					</span>
-				</summary>
-
-				<!-- Content area -->
-				<div
-					class=${n}
-					data-open=${this._isOpen}
-					style="${this._isOpen ? "" : "display: none;"}"
-				>
-					${g(this._isOpen, () => d`
-							<div class="content-wrapper" data-open=${this._isOpen}>
-								<slot></slot>
-							</div>
-						`)}
-				</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(), n = e.clientX - t.left, i = e.clientY - t.top, s = this.nextRippleId++;
-    this.ripples = [...this.ripples, { x: n, y: i, id: s }], setTimeout(() => {
-      this.ripples = this.ripples.filter((o) => o.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(), n = t.width / 2, i = t.height / 2, s = this.nextRippleId++;
-      this.ripples = [...this.ripples, { x: n, y: i, id: s }], setTimeout(() => {
-        this.ripples = this.ripples.filter((o) => o.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);
-  }
-};
-a.shadowRootOptions = { ...f.shadowRootOptions, mode: "open", delegatesFocus: !0 }, r([l()], a.prototype, "summary", 2), r([l({ type: Boolean, reflect: !0 })], a.prototype, "open", 1), r([l({ reflect: !0 })], a.prototype, "variant", 2), r([c()], a.prototype, "ripples", 2), r([c()], a.prototype, "pressed", 2), r([c()], a.prototype, "_isOpen", 2), a = r([m("schmancy-details")], a);
-export {
-  a as S
-};
-//# sourceMappingURL=details-b0374YYL.js.map

package/dist/details-b0374YYL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"details-b0374YYL.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":";;;;;;;;;;;;AAQA,IAAqBA,IAArB,cAA6CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA7D,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GAuFaC,KAAAC,UAAU,IAUOD,KAAAE,UAA0D,WAG9EF,KAAQG,UAAuD,CAAA,GAC/DH,KAAQI,UAAAA,IACRJ,KAAQK,UAAAA,IAEjBL,KAAQM,eAAe,GACvBN,KAAQO,SAAS,IAAIC,EAAAA,EAAyB;AAAA,EAAK;AAAA,EAhBnD,IAAA,OAAIC;AACH,WAAOT,KAAKO,OAAOG;AAAAA,EACpB;AAAA,EACA,IAAA,KAASA,GAAAA;AACJV,SAAKO,OAAOG,UAAUA,KACzBV,KAAKO,OAAOI,KAAKD,CAAAA;AAAAA,EAEnB;AAAA,EAWA,oBAAAE;AACCd,UAAMc,qBAGNZ,KAAKO,OAAOM,KACXC,EAAIC,CAAAA,MAAAA;AACHf,WAAKK,UAAUU,GACff,KAAKgB,cAAAA;AAAAA,IAAAA,CAAAA,GAENC,EAAUjB,KAAKkB,aAAAA,CAAAA,EACdC,UAAAA;AAAAA,EACH;AAAA,EAEA,SAAAC;AAEC,UASMC,IAAiBrB,KAAKsB,SAAS,EACpC,sBACA,eAAA,IACAC,UAAAA,IACAC,UACA,gBAAA,IACA,SAAA,IACA,oBACA,mBAAA,IACA,QAAA,IACA,WAAA,IACA,YACA,WAAA,IACA,cAAA,IACA,yBACA,gBAAA,IACA,mBAAA,IACAC,UAAS,CAAA,GAIJC,IAAoB1B,KAAKsB,SAAS,EACvCK,cACA,WAAA,IACA,cAAA,IACA,uBAAA,IACA,0BACA,gBAAA,IACA,iBAAA,IACA,CArCI3B,KAAKI,UAAgB,mBACrBJ,KAAKE,YAAY,YACb,mCAED,gCAiCN0B,GAAAA,GAAyB,CAAA,GAIrBC,IAAiB7B,KAAKsB,SAAS,EACpC,QAAA,IACA,WAAA,IACA,YACA,WAAA,IACA,0BAAA,IACA,eACA,gBAAA,OAIKQ,IAAc9B,KAAKsB,SAAS,EACjCE,MAAAA,IACA,gBAAA,IACA,sBACA,OAAA,IACA,OAAA,IACA,oBACA,iBAAA,IACA,0BAAA,IACA,mCACA,kBAAA,IACA,gBAAA,GAAgB,CAAA;AAGjB,WAAOO;AAAAA;AAAAA,YAEG/B,KAAKK,OAAAA;AAAAA,cACHL,KAAKgC,aAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAINX,CAAAA;AAAAA,cACCrB,KAAKiC,YAAAA;AAAAA,kBACDjC,KAAKkC,gBAAAA;AAAAA,gBACPlC,KAAKmC,cAAAA;AAAAA,mBACFnC,KAAKoC,iBAAAA;AAAAA,gBACRpC,KAAKqC,cAAAA;AAAAA,cACPrC,KAAKsC,YAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kBAIDZ,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAIV1B,KAAKG,QAAQoC,IACdC,CAAAA,MAAUT;AAAAA;AAAAA;AAAAA;AAAAA,kBAICS,EAAOC,CAAAA;AAAAA,iBACRD,EAAOE,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;;;;6BAaK1C,KAAKC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAKpB6B,CAAAA;AAAAA,kBACI9B,KAAKK,OAAAA;AAAAA,iCACUL,KAAKK,UAAU,UAAU,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuB7CwB,CAAAA;AAAAA,iBACI7B,KAAKK,OAAAA;AAAAA,cACRL,KAAKK,UAAU,KAAK,gBAAA;AAAA;AAAA,OAE3BsC,EACD3C,KAAKK,SACL,MAAM0B;AAAAA,gDACoC/B,KAAKK,OAAAA;AAAAA;AAAAA;AAAAA;;;;EAQpD;AAAA,EAEQ,cAAcuC,GAAAA;AACrB,UAAMC,IAAUD,EAAEE;AAElB9C,SAAKO,OAAOI,KAAKkC,EAAQpC,IAAAA,GAGzBT,KAAK+C,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAExC,MAAMoC,EAAQpC,KAAAA,GACxByC,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,EAGb;AAAA,EAEQ,aAAaP,GAAAA;AAEpBA,IAAAA,EAAEQ,eAAAA;AAGF,UAAMC,IAAQT,EAAEU,cAA8BC,sBAAAA,GACxCd,IAAIG,EAAEY,UAAUH,EAAKI,MACrBf,IAAIE,EAAEc,UAAUL,EAAKM,KACrBC,IAAK5D,KAAKM;AAEhBN,SAAKG,UAAU,CAAA,GAAIH,KAAKG,SAAS,EAAEsC,GAAAA,GAAGC,GAAAA,GAAGkB,IAAAA,EAAAA,CAAAA,GAGzCC,WAAW,MAAA;AACV7D,WAAKG,UAAUH,KAAKG,QAAQ2D,OAAOC,CAAAA,MAAKA,EAAEH,OAAOA,CAAAA;AAAAA,IAAAA,GAC/C,GAAA,GAGH5D,KAAKO,OAAOI,KAAAA,CAAMX,KAAKO,OAAOG,KAAAA,GAG9BV,KAAK+C,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAExC,MAAMT,KAAKO,OAAOG,MAAAA,GAC5BwC,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,EAGb;AAAA,EAEQ;AACPnD,SAAKI,UAAAA;AAAAA,EACN;AAAA,EAEQ,iBAAA+B;AACPnC,SAAKI,UAAAA;AAAAA,EACN;AAAA,EAEQ,oBAAAgC;AACPpC,SAAKI,UAAAA;AAAAA,EACN;AAAA,EAEQ,eAAewC,GAAAA;AAEtB,QAAIA,EAAEoB,QAAQ,WAAWpB,EAAEoB,QAAQ,KAAK;AACvCpB,MAAAA,EAAEQ,eAAAA,GACFpD,KAAKI,UAAAA;AAGL,YAAMiD,IAAQT,EAAEU,cAA8BC,sBAAAA,GACxCd,IAAIY,EAAKY,QAAQ,GACjBvB,IAAIW,EAAKa,SAAS,GAClBN,IAAK5D,KAAKM;AAEhBN,WAAKG,UAAU,IAAIH,KAAKG,SAAS,EAAEsC,GAAAA,GAAGC,GAAAA,GAAGkB,IAAAA,EAAAA,CAAAA,GAEzCC,WAAW,MAAA;AACV7D,aAAKG,UAAUH,KAAKG,QAAQ2D,OAAOC,CAAAA,MAAKA,EAAEH,OAAOA;SAC/C,GAAA,GAGH5D,KAAKO,OAAOI,KAAAA,CAAMX,KAAKO,OAAOG,KAAAA,GAG9BV,KAAK+C,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAExC,MAAMT,KAAKO,OAAOG,MAAAA,GAC5BwC,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAGb;AAAA,EACD;AAAA,EAEQ,aAAaP,GAAAA;AACN,IAAVA,EAAEoB,QAAQ,WAAWpB,EAAEoB,QAAQ,QAClChE,KAAKI,UAAAA;AAAAA,EAEP;AAAA;AAjXoBT,EAiFHwE,oBAAoB,EAAA,GACjCC,EAAWD,mBACdE,MAAM,QACNC,gBAAAA,GAAgB,GAGLC,EAAA,CAAXC,EAAAA,CAAAA,GAvFmB7E,EAuFR8E,WAAA,WAAA,CAAA,GAERF,EAAA,CADHC,EAAS,EAAEE,MAAMC,SAASC,SAAAA,GAAS,CAAA,CAAA,GAxFhBjF,EAyFhB8E,WAAA,QAAA,CAAA,GAQyBF,EAAA,CAA5BC,EAAS,EAAEI,SAAAA,GAAS,CAAA,CAAA,GAjGDjF,EAiGS8E,WAAA,WAAA,CAAA,GAGZF,EAAA,CAAhBM,EAAAA,CAAAA,GApGmBlF,EAoGH8E,WAAA,WAAA,CAAA,GACAF,EAAA,CAAhBM,EAAAA,CAAAA,GArGmBlF,EAqGH8E,WAAA,WAAA,CAAA,GACAF,EAAA,CAAhBM,EAAAA,CAAAA,GAtGmBlF,EAsGH8E,WAAA,WAAA,CAAA,GAtGG9E,IAArB4E,EAAA,CADCO,EAAc,sBACMnF,CAAAA;"}