@mhmo91/schmancy 0.5.12 → 0.5.14

package/dist/suggestion-chip-B_nFmhAl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion-chip-B_nFmhAl.js","sources":["../src/chips/assist-chip.ts","../src/chips/chips.ts","../src/chips/filter-chip.ts","../src/chips/input-chip.ts","../src/chips/suggestion-chip.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Assist chip component - prompts user actions like opening calendar events or sharing content\n * Pure Schmancy implementation with Tailwind CSS and RxJS state management\n */\n@customElement('schmancy-assist-chip')\nexport class SchmancyAssistChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) button:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) button:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) button:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ reflect: true }) value = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ reflect: true }) icon = ''\n\n\t/** Optional href for navigation */\n\t@property({ reflect: true }) href = ''\n\n\t/** Target for navigation (e.g., '_blank') */\n\t@property({ reflect: true }) target = ''\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\n\t/** Elevated style variant - true by default per M3 spec for assist chips */\n\t@property({ type: Boolean, reflect: true }) elevated = true\n\n\t// RxJS state streams\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state - only ripples needed for rendering\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprotected static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Stream management for future extensions\n\t\t// Currently, states are handled directly in event handlers\n\t\t// This pipeline can be extended for more complex state interactions\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst button = this.shadowRoot?.querySelector('button')\n\t\tif (button) {\n\t\t\tconst rect = button.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch action event\n\t\tthis.dispatchEvent(new CustomEvent('action', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}))\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed$.next(true)\n\n\t\t\t// Simulate click\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleClick(clickEvent)\n\n\t\t\tsetTimeout(() => this.pressed$.next(false), 100)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\trender() {\n\t\tconst hasIcon = !!this.icon;\n\n\t\tconst classes = {\n\t\t\t'relative': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'overflow-hidden': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 16px trailing\n\t\t\t'pl-2': hasIcon, // 8px with icon\n\t\t\t'pl-4': !hasIcon, // 16px without icon\n\t\t\t'pr-4': true, // 16px trailing\n\n\t\t\t// M3 Colors - assist chips are elevated by default\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\n\t\t\t// M3: Assist chips elevated by default (shadow-1)\n\t\t\t'shadow-sm': this.elevated && !this.disabled, // shadow-1 for elevation\n\t\t\t'hover:shadow-md': this.elevated && !this.disabled, // elevated on hover\n\n\t\t\t// Focus state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=${classMap(classes)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.hover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.hover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\trole=\"button\"\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t${this.icon ? html`\n\t\t\t\t\t<schmancy-icon class=\"text-[18px] shrink-0\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-assist-chip': SchmancyAssistChip\n\t}\n}\n\nexport type AssistChipActionEvent = { value: string }","import { $LitElement } from '@mixins/index'\nimport { html, PropertyValues } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { SchmancyFilterChip as SchmancyChip } from './filter-chip'\nimport type { FilterChipChangeEvent as SchmancyChipChangeEvent } from './filter-chip'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil, distinctUntilChanged, debounceTime } from 'rxjs/operators'\n\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends $LitElement() {\n\t// RxJS state streams - initialized with undefined to detect if properties were set\n\tprivate value$ = new BehaviorSubject<string>('')\n\tprivate values$ = new BehaviorSubject<string[]>([])\n\n\t// Track if properties were initialized from attributes/properties\n\tprivate _value: string = ''\n\tprivate _values: string[] = []\n\tprivate _multi: boolean = false\n\n\t// Track if properties have been explicitly set\n\tprivate _valueSet: boolean = false\n\tprivate _valuesSet: boolean = false\n\n\t/**\n\t * @deprecated Use .values for multi-selection or .value for single-selection instead.\n\t * The mode is now automatically determined based on which property is used.\n\t */\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tget multi(): boolean {\n\t\treturn this._multi\n\t}\n\tset multi(value: boolean) {\n\t\tthis._multi = value\n\t\t// Note: We don't update any BehaviorSubject here as mode is now computed\n\t}\n\n\t/**\n\t * Automatically determines the selection mode based on which properties are in use\n\t */\n\tprivate get mode(): 'multi' | 'single' | 'none' {\n\t\t// Check if values array is being used (explicitly set)\n\t\tif (this._valuesSet) {\n\t\t\treturn 'multi'\n\t\t}\n\t\t// Check if value string is being used (explicitly set)\n\t\tif (this._valueSet) {\n\t\t\treturn 'single'\n\t\t}\n\t\t// Check if either property has been set via attributes\n\t\tif (this.hasAttribute('values')) {\n\t\t\treturn 'multi'\n\t\t}\n\t\tif (this.hasAttribute('value')) {\n\t\t\treturn 'single'\n\t\t}\n\t\t// Fallback to deprecated multi prop for backward compatibility\n\t\tif (this._multi === true) {\n\t\t\treturn 'multi'\n\t\t}\n\t\t// Default to none (no selection management)\n\t\treturn 'none'\n\t}\n\n\t@property({\n\t\ttype: Array,\n\t\treflect: true,\n\t})\n\tget values(): string[] {\n\t\treturn this._values\n\t}\n\tset values(value: string[]) {\n\t\tthis._values = value || []\n\t\tthis._valuesSet = true // Mark that values has been explicitly set\n\t\tthis.values$.next(this._values)\n\t}\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tget value(): string {\n\t\treturn this._value\n\t}\n\tset value(value: string) {\n\t\tthis._value = value || ''\n\t\tthis._valueSet = true // Mark that value has been explicitly set\n\t\tthis.value$.next(this._value)\n\t}\n\n\t@queryAssignedElements({\n\t\tselector:\n\t\t\t'schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip',\n\t\tflatten: true,\n\t})\n\tchips!: (SchmancyChip | HTMLElement)[]\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\twrap: boolean = false\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Initialize BehaviorSubjects with current property values\n\t\t// This ensures properties set before connectedCallback are respected\n\t\tthis.value$.next(this._value)\n\t\tthis.values$.next(this._values)\n\n\t\t// Set up reactive pipeline for state synchronization\n\t\tcombineLatest([\n\t\t\tthis.value$.pipe(distinctUntilChanged()),\n\t\t\tthis.values$.pipe(\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.length === curr.length && prev.every((v, i) => v === curr[i])),\n\t\t\t),\n\t\t])\n\t\t\t.pipe(\n\t\t\t\tdebounceTime(0), // Ensure DOM is ready\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(([value, values]) => {\n\t\t\t\t// Reactively update chip states based on container state and auto-detected mode\n\t\t\t\tthis.updateChipStates(this.mode, value, values)\n\t\t\t})\n\t}\n\n\tprivate updateChipStates(mode: 'multi' | 'single' | 'none', value: string, values: string[]) {\n\t\tif (!this.chips) return\n\n\t\t// If mode is 'none', don't manage selection state\n\t\tif (mode === 'none') return\n\n\t\tthis.chips.forEach(chip => {\n\t\t\tif ('value' in chip && 'selected' in chip) {\n\t\t\t\tconst filterChip = chip as SchmancyChip\n\t\t\t\tif (mode === 'multi') {\n\t\t\t\t\t// In multi mode: only select if values array explicitly includes this chip's value\n\t\t\t\t\tfilterChip.selected = values.length > 0 && values.includes(filterChip.value)\n\t\t\t\t} else if (mode === 'single') {\n\t\t\t\t\t// In single mode: only select if value is non-empty AND matches this chip's value\n\t\t\t\t\t// This prevents chips from being selected when value is empty string\n\t\t\t\t\tfilterChip.selected = value !== '' && value === filterChip.value\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\tasync change(e: CustomEvent<SchmancyChipChangeEvent>) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\n\t\t// If mode is 'none', don't handle selection changes\n\t\tif (this.mode === 'none') return\n\n\t\tconst { value, selected } = e.detail\n\n\t\t// Update the reactive streams and internal tracking, which will trigger state synchronization\n\t\tif (this.mode === 'multi') {\n\t\t\tif (selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!this._values.includes(value)) {\n\t\t\t\t\tthis._values = [...this._values, value]\n\t\t\t\t\tthis.values$.next(this._values)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tthis._values = this._values.filter(v => v !== value)\n\t\t\t\tthis.values$.next(this._values)\n\t\t\t}\n\t\t} else if (this.mode === 'single') {\n\t\t\t// Single selection mode\n\t\t\tthis._value = selected ? value : ''\n\t\t\tthis.value$.next(this._value)\n\t\t}\n\n\t\t// Request update to trigger re-render and property reflection\n\t\tthis.requestUpdate()\n\n\t\t// Dispatch change event with appropriate detail based on mode\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyChipsChangeEvent>('change', {\n\t\t\t\tdetail: this.mode === 'multi' ? this._values : this._value,\n\t\t\t\tbubbles: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tsuper.firstUpdated(_changedProperties)\n\t\t// Initial state synchronization will happen through the reactive pipeline\n\t\t// Force an initial update to ensure chips are synchronized\n\t\tthis.updateChipStates(this.mode, this._value, this._values)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst containerClasses = this.classMap({\n\t\t\t'inset-2': true,\n\t\t\tflex: true,\n\t\t\t'gap-2': true,\n\t\t\t'items-center': true,\n\t\t\t'flex-wrap': this.wrap,\n\t\t\t'overflow-x-auto': !this.wrap,\n\t\t\t'scrollbar-hide': !this.wrap,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div class=${containerClasses} @change=${this.change}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t// When slot changes, trigger state update through reactive pipeline\n\t\t\t\t\t\tthis.updateChipStates(this.mode, this._value, this._values)\n\t\t\t\t\t}}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chips': SchmancyChips\n\t}\n}\nexport type SchmancyChipsChangeEvent = string | Array<string>\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Filter chip component for content filtering.\n *\n * Filter chips are the ONLY chip type that maintains persistent selected state.\n * They are used for filtering content by toggling on/off different filter criteria.\n *\n * @fires change - Dispatched when selection state changes with {value, selected}\n * @fires remove - Dispatched when remove button is clicked (if removable)\n *\n * @example\n * ```html\n * <schmancy-filter-chip value=\"category-1\" selected>\n *   Category 1\n * </schmancy-filter-chip>\n * ```\n */\nexport class SchmancyFilterChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: 0.5;\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n\n\t/* Material Symbols font for icons */\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tfont-size: 18px;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-feature-settings: 'liga';\n\t\tvertical-align: middle;\n\t}\n`) {\n\t/** Unique identifier for this filter chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Whether the filter chip is selected (active filter) */\n\tprivate _selected: boolean = false\n\n\t@property({ type: Boolean, reflect: true })\n\tget selected(): boolean {\n\t\treturn this._selected\n\t}\n\tset selected(value: boolean) {\n\t\tconst oldValue = this._selected\n\t\tthis._selected = value\n\t\tthis.requestUpdate('selected', oldValue)\n\t}\n\n\t/** Optional icon to display (Material Symbols name) */\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t/** Whether to show a remove button */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = false\n\n\t/** Whether the chip is disabled */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Whether to use elevated style with shadow */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\t// Reactive state management with RxJS\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// Query assigned elements in the icon slot\n\t@queryAssignedElements({ slot: 'icon' }) iconSlotElements!: Element[]\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// RxJS streams are maintained for potential future use\n\t\t// Currently state is handled directly through event handlers\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$,\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = () => {\n\t\tif (this.disabled) return\n\n\t\t// Don't modify this.selected - let the parent container control it\n\t\t// Dispatch change event with the INTENDED state\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('change', {\n\t\t\t\tdetail: { value: this.value, selected: !this._selected },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleRemove = (e: Event) => {\n\t\tif (this.disabled) return\n\n\t\te.stopPropagation()\n\n\t\t// Dispatch remove event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('remove', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\t// Dispatch event directly rather than calling handleClick to be explicit\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.value, selected: !this._selected },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tprivate handleMouseEnter = () => {\n\t\tthis.hover$.next(true)\n\t}\n\n\tprivate handleMouseLeave = () => {\n\t\tthis.hover$.next(false)\n\t\tthis.pressed$.next(false)\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tthis.pressed$.next(true)\n\t}\n\n\tprivate handleMouseUp = () => {\n\t\tthis.pressed$.next(false)\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst chipClasses = {\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'rounded-full': true,\n\t\t\t'h-8 px-4': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'text-sm': true,\n\t\t\t'font-medium': true,\n\t\t\t'border': true,\n\t\t\t'relative': true,\n\t\t\t'min-h-[32px]': true,\n\n\t\t\t// Background and text colors based on selection state\n\t\t\t'bg-secondary-container': this._selected,\n\t\t\t'text-secondary-onContainer': this._selected,\n\t\t\t'border-secondary-container': this._selected,\n\t\t\t'bg-surface-container': !this._selected,\n\t\t\t'text-surface-on': !this._selected,\n\t\t\t'border-outline-variant': !this._selected,\n\n\t\t\t// Hover states\n\t\t\t'hover:brightness-95': this._selected && !this.disabled,\n\t\t\t'hover:bg-surface-containerHigh': !this._selected && !this.disabled,\n\n\t\t\t// Pressed state\n\t\t\t'active:scale-95': !this.disabled,\n\n\t\t\t// Focus-visible state for better UX\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary-default': !this.disabled,\n\n\t\t\t// Elevated style\n\t\t\t'shadow-md': this.elevated && !this.disabled,\n\t\t\t'hover:shadow-lg': this.elevated && !this.disabled,\n\n\t\t\t// Disabled state\n\t\t\t'opacity-50': this.disabled,\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tclass=${this.classMap(chipClasses)}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${this.handleMouseEnter}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\taria-pressed=${this._selected ? 'true' : 'false'}\n\t\t\t\trole=\"checkbox\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<!-- Icon container - conditionally shown using when directive -->\n\t\t\t\t${when(\n\t\t\t\t\tthis._selected || this.icon || this.iconSlotElements?.length > 0,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<span class=\"inline-flex w-[18px] h-[18px] items-center justify-center shrink-0\">\n\t\t\t\t\t\t\t${this._selected ? html`\n\t\t\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t` : this.icon ? html`\n\t\t\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\t\t\t${this.icon}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t` : html`\n\t\t\t\t\t\t\t\t<slot name=\"icon\"></slot>\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t`\n\t\t\t\t)}\n\n\t\t\t\t<!-- Chip content -->\n\t\t\t\t<slot></slot>\n\n\t\t\t\t<!-- Remove button (if removable) -->\n\t\t\t\t${this.removable ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"ml-1 -mr-1 p-0.5 rounded-full hover:bg-surface-containerHighest transition-colors\"\n\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\taria-label=\"Remove filter\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"material-symbols-outlined text-sm sm:text-[16px]\">\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t` : ''}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\n// Register the element with both names for backward compatibility\n// Check if not already registered to prevent duplicate registration errors\nif (!customElements.get('schmancy-filter-chip')) {\n\tcustomElements.define('schmancy-filter-chip', SchmancyFilterChip)\n}\n\n// For backward compatibility, register 'schmancy-chip' with a subclass\n// to avoid duplicate constructor registration error\nif (!customElements.get('schmancy-chip')) {\n\tclass SchmancyChipCompat extends SchmancyFilterChip {}\n\tcustomElements.define('schmancy-chip', SchmancyChipCompat)\n}\n\n// Export alias for backward compatibility\nexport { SchmancyFilterChip as SchmancyChip }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chip': SchmancyFilterChip\n\t\t'schmancy-filter-chip': SchmancyFilterChip\n\t}\n}\n\nexport type FilterChipChangeEvent = { value: string; selected: boolean }\nexport type FilterChipRemoveEvent = { value: string }\n// Alias for backward compatibility\nexport type SchmancyChipChangeEvent = FilterChipChangeEvent","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { map, takeUntil, tap } from 'rxjs/operators'\n\n/**\n * Input chip component - represents user-provided information that can be removed.\n *\n * IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state.\n * They represent discrete pieces of user input (like entered tags, selections from lists, etc.)\n * that can only be removed, not toggled on/off.\n *\n * Use cases:\n * - Displaying selected recipients in an email\n * - Showing applied filters that can be removed\n * - Tags or keywords entered by the user\n * - Selected items from a multi-select dropdown\n *\n * @fires click - Optional click event on chip body (value)\n * @fires remove - Dispatched when remove button is clicked (value)\n *\n * @example\n * ```html\n * <schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n *   John Doe\n * </schmancy-input-chip>\n * ```\n */\n@customElement('schmancy-input-chip')\nexport class SchmancyInputChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n\n\t.avatar-img {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tobject-fit: cover;\n\t}\n\n\t/* Material Symbols font for icons */\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tfont-size: 18px;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-feature-settings: 'liga';\n\t\tvertical-align: middle;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) .chip-container:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) .chip-container:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) .chip-container:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t/** Optional avatar image URL */\n\t@property({ type: String, reflect: true })\n\tavatar: string = ''\n\n\t/** Whether to show remove button (default true for input chips) */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = true\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Elevated style variant */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\t// RxJS state streams\n\tprivate chipHover$ = new BehaviorSubject<boolean>(false)\n\tprivate removeHover$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state from combined streams\n\t@state()  uiState = {\n\t\tchipHover: false,\n\t\tremoveHover: false,\n\t\tfocused: false,\n\t\tpressed: false\n\t}\n\n\t// Ripple effects\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\tprivate nextRippleId = 0\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Combine all UI state streams\n\t\tcombineLatest([\n\t\t\tthis.chipHover$,\n\t\t\tthis.removeHover$,\n\t\t\tthis.focused$,\n\t\t\tthis.pressed$\n\t\t]).pipe(\n\t\t\tmap(([chipHover, removeHover, focused, pressed]) => ({\n\t\t\t\tchipHover,\n\t\t\t\tremoveHover,\n\t\t\t\tfocused,\n\t\t\t\tpressed\n\t\t\t})),\n\t\t\ttap(state => {\n\t\t\t\tthis.uiState = state\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleChipClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst chip = this.shadowRoot?.querySelector('.chip-container') as HTMLElement\n\t\tif (chip) {\n\t\t\tconst rect = chip.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Dispatch optional click event (for custom handling if needed)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t)\n\t}\n\n\tprivate handleRemove = (e: Event) => {\n\t\tif (this.disabled) return\n\n\t\te.stopPropagation()\n\n\t\t// Dispatch remove event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('remove', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Delete or Backspace removes the chip\n\t\tif ((e.key === 'Delete' || e.key === 'Backspace') && this.removable) {\n\t\t\te.preventDefault()\n\t\t\tthis.handleRemove(e)\n\t\t}\n\t\t// Enter can optionally trigger click\n\t\telse if (e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleChipClick(clickEvent)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst hasLeadingIcon = this.avatar || this.icon;\n\n\t\tconst chipClasses = {\n\t\t\t'chip-container': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-default': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'text-sm': true, // M3: 14px Label Large\n\t\t\t'font-medium': true, // M3: 500 weight\n\t\t\t'relative': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'border': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 8px with trailing icon\n\t\t\t'pl-2': hasLeadingIcon, // 8px with avatar/icon\n\t\t\t'pl-4': !hasLeadingIcon, // 16px without\n\t\t\t'pr-2': this.removable, // 8px with remove button\n\t\t\t'pr-4': !this.removable, // 16px without\n\n\t\t\t// M3 Colors for input chips\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t\t'border-outline': true,\n\n\t\t\t// Input chips are flat (no elevation) per M3\n\n\t\t\t// Focus-visible state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled state\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\tconst removeButtonClasses = {\n\t\t\t'size-[18px]': true, // M3: 18px icon size\n\t\t\t'flex': true,\n\t\t\t'items-center': true,\n\t\t\t'justify-center': true,\n\t\t\t'rounded-full': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'-mr-1': true, // Adjust for visual balance\n\n\t\t\t// Hover state for remove button\n\t\t\t'hover:bg-surface-containerHighest': !this.disabled,\n\t\t\t'opacity-50': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap(chipClasses)}\n\t\t\t\t@click=${this.handleChipClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.chipHover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.chipHover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t<!-- Avatar image (if provided) -->\n\t\t\t\t${this.avatar ? html`\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${this.avatar}\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tclass=\"avatar-img rounded-full size-5\"\n\t\t\t\t\t/>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Icon (if provided and no avatar) -->\n\t\t\t\t${this.icon && !this.avatar ? html`\n\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px] shrink-0\">\n\t\t\t\t\t\t${this.icon}\n\t\t\t\t\t</span>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Chip content -->\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Remove button (shown by default for input chips) -->\n\t\t\t\t${this.removable ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=${classMap(removeButtonClasses)}\n\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\t@mouseenter=${() => this.removeHover$.next(true)}\n\t\t\t\t\t\t@mouseleave=${() => this.removeHover$.next(false)}\n\t\t\t\t\t\taria-label=\"Remove\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input-chip': SchmancyInputChip\n\t}\n}\n\nexport type InputChipClickEvent = { value: string }\nexport type InputChipRemoveEvent = { value: string }","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Suggestion chip component - provides contextual recommendations to users\n *\n * IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to\n * provide suggestions and recommendations that trigger actions when clicked.\n * Unlike filter chips, they cannot be toggled on/off.\n *\n * Pure Schmancy implementation with Tailwind CSS and RxJS state management\n */\n@customElement('schmancy-suggestion-chip')\nexport class SchmancySuggestionChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) button:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) button:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) button:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ reflect: true }) value = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ reflect: true }) icon = ''\n\n\t/** Optional href for navigation */\n\t@property({ reflect: true }) href = ''\n\n\t/** Target for navigation (e.g., '_blank') */\n\t@property({ reflect: true }) target = ''\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\n\t/** Elevated style variant - flat by default per M3 spec */\n\t@property({ type: Boolean, reflect: true }) elevated = false\n\n\t// RxJS state streams\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state - only ripples needed for rendering\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprotected static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Stream management for future extensions\n\t\t// Currently, states are handled directly in event handlers\n\t\t// This pipeline can be extended for more complex state interactions\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst button = this.shadowRoot?.querySelector('button')\n\t\tif (button) {\n\t\t\tconst rect = button.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch action event\n\t\tthis.dispatchEvent(new CustomEvent('action', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}))\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed$.next(true)\n\n\t\t\t// Simulate click\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleClick(clickEvent)\n\n\t\t\tsetTimeout(() => this.pressed$.next(false), 100)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst hasIcon = !!this.icon;\n\n\t\tconst classes = {\n\t\t\t'relative': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'border': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 16px trailing\n\t\t\t'pl-2': hasIcon, // 8px with icon\n\t\t\t'pl-4': !hasIcon, // 16px without icon\n\t\t\t'pr-4': true, // 16px trailing\n\n\t\t\t// M3 Colors for suggestion chips\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t\t'border-outline': true,\n\n\t\t\t// Suggestion chips are flat by default (no elevation per M3)\n\n\t\t\t// Focus state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=${classMap(classes)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.hover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.hover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\trole=\"button\"\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t${this.icon ? html`\n\t\t\t\t\t<schmancy-icon class=\"text-[18px] shrink-0\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-suggestion-chip': SchmancySuggestionChip\n\t}\n}\n\nexport type SuggestionChipActionEvent = { value: string }"],"names":["SchmancyAssistChip","TailwindElement","css","constructor","super","arguments","this","value","icon","href","target","disabled","elevated","hover$","BehaviorSubject","pressed$","focused$","ripples","nextRippleId","handleClick","e","button","shadowRoot","querySelector","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","window","open","location","dispatchEvent","CustomEvent","detail","bubbles","composed","handleKeyDown","key","preventDefault","next","clickEvent","MouseEvent","cancelable","handleFocus","handleBlur","connectedCallback","combineLatest","pipe","takeUntil","disconnecting","subscribe","hasIcon","classes","relative","html","classMap","map","ripple","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","reflect","prototype","type","Boolean","state","customElement","SchmancyChips","$LitElement","value$","values$","_value","_values","_multi","_valueSet","_valuesSet","wrap","multi","mode","hasAttribute","values","distinctUntilChanged","prev","curr","length","every","v","i","debounceTime","updateChipStates","chips","forEach","chip","filterChip","selected","includes","stopPropagation","requestUpdate","_changedProperties","firstUpdated","render","containerClasses","flex","change","Array","String","queryAssignedElements","selector","flatten","SchmancyFilterChip","_selected","removable","handleRemove","handleMouseEnter","handleMouseLeave","handleMouseDown","handleMouseUp","internals","attachInternals","oldValue","form","chipClasses","border","when","iconSlotElements","formAssociated","_M","slot","customElements","get","define","SchmancyChipCompat","SchmancyInputChip","avatar","chipHover$","removeHover$","uiState","chipHover","removeHover","focused","pressed","handleChipClick","tap","hasLeadingIcon","removeButtonClasses","SchmancySuggestionChip"],"mappings":"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"}

package/dist/suggestion-chip-C94Hdcm4.cjs

@@ -1,408 +0,0 @@
-"use strict";const $=require("./tailwind.mixin-nOWQtiUE.cjs"),l=require("lit"),n=require("lit/decorators.js"),f=require("lit/directives/class-map.js"),h=require("rxjs"),p=require("rxjs/operators");require("lit/directives/style-map.js");const x=require("./litElement.mixin-yCbfNohf.cjs"),w=require("lit/directives/when.js");var S=Object.defineProperty,C=Object.getOwnPropertyDescriptor,u=(e,t,s,o)=>{for(var a,i=o>1?void 0:o?C(t,s):t,r=e.length-1;r>=0;r--)(a=e[r])&&(i=(o?a(t,s,i):a(i))||i);return o&&i&&S(t,s,i),i};exports.SchmancyAssistChip=class extends $.TailwindElement(l.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) button:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) button:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) button:active .state-layer {
-		opacity: 0.1;
-	}
-`){constructor(){super(...arguments),this.value="",this.icon="",this.href="",this.target="",this.disabled=!1,this.elevated=!0,this.hover$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.ripples=[],this.nextRippleId=0,this.handleClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector("button");if(t){const s=t.getBoundingClientRect(),o=e.clientX-s.left,a=e.clientY-s.top,i=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:a,id:i}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==i)},600)}this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("action",{detail:{value:this.value},bubbles:!0,composed:!0}))},this.handleKeyDown=e=>{if(!this.disabled&&(e.key==="Enter"||e.key===" ")){e.preventDefault(),this.pressed$.next(!0);const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(t),setTimeout(()=>this.pressed$.next(!1),100)}},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)}}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(p.takeUntil(this.disconnecting)).subscribe()}render(){const e=!!this.icon,t={relative:!0,"inline-flex":!0,"items-center":!0,"gap-2":!0,"h-8":!0,"min-h-[32px]":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,"pl-2":e,"pl-4":!e,"pr-4":!0,"bg-surface-containerLow":!0,"text-surface-onVariant":!0,"shadow-sm":this.elevated&&!this.disabled,"hover:shadow-md":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-38":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
-			<button
-				type="button"
-				class=${f.classMap(t)}
-				?disabled=${this.disabled}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${()=>this.hover$.next(!0)}
-				@mouseleave=${()=>this.hover$.next(!1)}
-				@mousedown=${()=>this.pressed$.next(!0)}
-				@mouseup=${()=>this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				tabindex=${this.disabled?"-1":"0"}
-				role="button"
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				${this.icon?l.html`
-					<schmancy-icon class="text-[18px] shrink-0">${this.icon}</schmancy-icon>
-				`:""}
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Ripple effects -->
-				${this.ripples.map(s=>l.html`
-					<span
-						class="ripple"
-						style="left: ${s.x}px; top: ${s.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</button>
-		`}},exports.SchmancyAssistChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"value",2),u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"icon",2),u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"href",2),u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"target",2),u([n.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"disabled",2),u([n.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"elevated",2),u([n.state()],exports.SchmancyAssistChip.prototype,"ripples",2),exports.SchmancyAssistChip=u([n.customElement("schmancy-assist-chip")],exports.SchmancyAssistChip);var k=Object.defineProperty,_=Object.getOwnPropertyDescriptor,y=(e,t,s,o)=>{for(var a,i=o>1?void 0:o?_(t,s):t,r=e.length-1;r>=0;r--)(a=e[r])&&(i=(o?a(t,s,i):a(i))||i);return o&&i&&k(t,s,i),i};let b=class extends x.$LitElement(){constructor(){super(...arguments),this.value$=new h.BehaviorSubject(""),this.values$=new h.BehaviorSubject([]),this._value="",this._values=[],this._multi=!1,this._valueSet=!1,this._valuesSet=!1,this.wrap=!1}get multi(){return this._multi}set multi(e){this._multi=e}get mode(){return this._valuesSet?"multi":this._valueSet?"single":this.hasAttribute("values")?"multi":this.hasAttribute("value")?"single":this._multi===!0?"multi":"none"}get values(){return this._values}set values(e){this._values=e||[],this._valuesSet=!0,this.values$.next(this._values)}get value(){return this._value}set value(e){this._value=e||"",this._valueSet=!0,this.value$.next(this._value)}connectedCallback(){super.connectedCallback(),this.value$.next(this._value),this.values$.next(this._values),h.combineLatest([this.value$.pipe(p.distinctUntilChanged()),this.values$.pipe(p.distinctUntilChanged((e,t)=>e.length===t.length&&e.every((s,o)=>s===t[o])))]).pipe(p.debounceTime(0),p.takeUntil(this.disconnecting)).subscribe(([e,t])=>{this.updateChipStates(this.mode,e,t)})}updateChipStates(e,t,s){this.chips&&e!=="none"&&this.chips.forEach(o=>{if("value"in o&&"selected"in o){const a=o;e==="multi"?a.selected=s.length>0&&s.includes(a.value):e==="single"&&(a.selected=t!==""&&t===a.value)}})}async change(e){if(e.preventDefault(),e.stopPropagation(),this.mode==="none")return;const{value:t,selected:s}=e.detail;this.mode==="multi"?s?this._values.includes(t)||(this._values=[...this._values,t],this.values$.next(this._values)):(this._values=this._values.filter(o=>o!==t),this.values$.next(this._values)):this.mode==="single"&&(this._value=s?t:"",this.value$.next(this._value)),this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.mode==="multi"?this._values:this._value,bubbles:!0}))}firstUpdated(e){super.firstUpdated(e),this.updateChipStates(this.mode,this._value,this._values)}render(){const e=this.classMap({"inset-2":!0,flex:!0,"gap-2":!0,"items-center":!0,"flex-wrap":this.wrap,"overflow-x-auto":!this.wrap,"scrollbar-hide":!this.wrap});return l.html`
-			<div class=${e} @change=${this.change}>
-				<slot
-					@slotchange=${()=>{this.updateChipStates(this.mode,this._value,this._values)}}
-				></slot>
-			</div>
-		`}};y([n.property({type:Boolean,reflect:!0})],b.prototype,"multi",1),y([n.property({type:Array,reflect:!0})],b.prototype,"values",1),y([n.property({type:String,reflect:!0})],b.prototype,"value",1),y([n.queryAssignedElements({selector:"schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip",flatten:!0})],b.prototype,"chips",2),y([n.property({type:Boolean,reflect:!0})],b.prototype,"wrap",2),b=y([n.customElement("schmancy-chips")],b);var E=Object.defineProperty,B=Object.getOwnPropertyDescriptor,v=(e,t,s,o)=>{for(var a,i=o>1?void 0:o?B(t,s):t,r=e.length-1;r>=0;r--)(a=e[r])&&(i=(o?a(t,s,i):a(i))||i);return o&&i&&E(t,s,i),i};const g=class g extends $.TailwindElement(l.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-		opacity: 0.5;
-	}
-
-	button {
-		font-family: inherit;
-	}
-
-	/* Material Symbols font for icons */
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		font-size: 18px;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		text-rendering: optimizeLegibility;
-		-moz-osx-font-smoothing: grayscale;
-		font-feature-settings: 'liga';
-		vertical-align: middle;
-	}
-`){constructor(){super(),this.value="",this._selected=!1,this.icon="",this.removable=!1,this.disabled=!1,this.elevated=!1,this.hover$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.handleClick=()=>{this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,selected:!this._selected},bubbles:!0,composed:!0}))},this.handleRemove=t=>{this.disabled||(t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{value:this.value},bubbles:!0,composed:!0})))},this.handleKeyDown=t=>{this.disabled||t.key!=="Enter"&&t.key!==" "||(t.preventDefault(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,selected:!this._selected},bubbles:!0,composed:!0})))},this.handleMouseEnter=()=>{this.hover$.next(!0)},this.handleMouseLeave=()=>{this.hover$.next(!1),this.pressed$.next(!1)},this.handleMouseDown=()=>{this.pressed$.next(!0)},this.handleMouseUp=()=>{this.pressed$.next(!1)},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)};try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get selected(){return this._selected}set selected(t){const s=this._selected;this._selected=t,this.requestUpdate("selected",s)}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(p.takeUntil(this.disconnecting)).subscribe()}render(){const t={"inline-flex":!0,"items-center":!0,"gap-2":!0,"rounded-full":!0,"h-8 px-4":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-sm":!0,"font-medium":!0,border:!0,relative:!0,"min-h-[32px]":!0,"bg-secondary-container":this._selected,"text-secondary-onContainer":this._selected,"border-secondary-container":this._selected,"bg-surface-container":!this._selected,"text-surface-on":!this._selected,"border-outline-variant":!this._selected,"hover:brightness-95":this._selected&&!this.disabled,"hover:bg-surface-containerHigh":!this._selected&&!this.disabled,"active:scale-95":!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"shadow-md":this.elevated&&!this.disabled,"hover:shadow-lg":this.elevated&&!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
-			<button
-				class=${this.classMap(t)}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${this.handleMouseEnter}
-				@mouseleave=${this.handleMouseLeave}
-				@mousedown=${this.handleMouseDown}
-				@mouseup=${this.handleMouseUp}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				?disabled=${this.disabled}
-				aria-pressed=${this._selected?"true":"false"}
-				role="checkbox"
-				tabindex="0"
-			>
-				<!-- Icon container - conditionally shown using when directive -->
-				${w.when(this._selected||this.icon||this.iconSlotElements?.length>0,()=>l.html`
-						<span class="inline-flex w-[18px] h-[18px] items-center justify-center shrink-0">
-							${this._selected?l.html`
-								<span class="material-symbols-outlined text-[18px]">
-									check
-								</span>
-							`:this.icon?l.html`
-								<span class="material-symbols-outlined text-[18px]">
-									${this.icon}
-								</span>
-							`:l.html`
-								<slot name="icon"></slot>
-							`}
-						</span>
-					`)}
-
-				<!-- Chip content -->
-				<slot></slot>
-
-				<!-- Remove button (if removable) -->
-				${this.removable?l.html`
-					<button
-						class="ml-1 -mr-1 p-0.5 rounded-full hover:bg-surface-containerHighest transition-colors"
-						@click=${this.handleRemove}
-						aria-label="Remove filter"
-						tabindex="-1"
-					>
-						<span class="material-symbols-outlined text-sm sm:text-[16px]">
-							close
-						</span>
-					</button>
-				`:""}
-			</button>
-		`}};g.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},g.formAssociated=!0;let c=g;if(v([n.property({type:String,reflect:!0})],c.prototype,"value",2),v([n.property({type:Boolean,reflect:!0})],c.prototype,"selected",1),v([n.property({type:String,reflect:!0})],c.prototype,"icon",2),v([n.property({type:Boolean,reflect:!0})],c.prototype,"removable",2),v([n.property({type:Boolean,reflect:!0})],c.prototype,"disabled",2),v([n.property({type:Boolean,reflect:!0})],c.prototype,"elevated",2),v([n.queryAssignedElements({slot:"icon"})],c.prototype,"iconSlotElements",2),customElements.get("schmancy-filter-chip")||customElements.define("schmancy-filter-chip",c),!customElements.get("schmancy-chip")){class e extends c{}customElements.define("schmancy-chip",e)}var R=Object.defineProperty,j=Object.getOwnPropertyDescriptor,d=(e,t,s,o)=>{for(var a,i=o>1?void 0:o?j(t,s):t,r=e.length-1;r>=0;r--)(a=e[r])&&(i=(o?a(t,s,i):a(i))||i);return o&&i&&R(t,s,i),i};exports.SchmancyInputChip=class extends $.TailwindElement(l.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	button {
-		font-family: inherit;
-	}
-
-	.avatar-img {
-		width: 20px;
-		height: 20px;
-		object-fit: cover;
-	}
-
-	/* Material Symbols font for icons */
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		font-size: 18px;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		text-rendering: optimizeLegibility;
-		-moz-osx-font-smoothing: grayscale;
-		font-feature-settings: 'liga';
-		vertical-align: middle;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) .chip-container:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) .chip-container:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) .chip-container:active .state-layer {
-		opacity: 0.1;
-	}
-`){constructor(){super(),this.value="",this.icon="",this.avatar="",this.removable=!0,this.disabled=!1,this.elevated=!1,this.chipHover$=new h.BehaviorSubject(!1),this.removeHover$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.uiState={chipHover:!1,removeHover:!1,focused:!1,pressed:!1},this.ripples=[],this.nextRippleId=0,this.handleChipClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector(".chip-container");if(t){const s=t.getBoundingClientRect(),o=e.clientX-s.left,a=e.clientY-s.top,i=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:a,id:i}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==i)},600)}this.dispatchEvent(new CustomEvent("click",{detail:{value:this.value},bubbles:!0,composed:!0}))},this.handleRemove=e=>{this.disabled||(e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{value:this.value},bubbles:!0,composed:!0})))},this.handleKeyDown=e=>{if(!this.disabled)if(e.key!=="Delete"&&e.key!=="Backspace"||!this.removable){if(e.key==="Enter"){e.preventDefault();const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleChipClick(t)}}else e.preventDefault(),this.handleRemove(e)},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)};try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),h.combineLatest([this.chipHover$,this.removeHover$,this.focused$,this.pressed$]).pipe(p.map(([e,t,s,o])=>({chipHover:e,removeHover:t,focused:s,pressed:o})),p.tap(e=>{this.uiState=e}),p.takeUntil(this.disconnecting)).subscribe()}render(){const e=this.avatar||this.icon,t={"chip-container":!0,"inline-flex":!0,"items-center":!0,"gap-2":!0,"h-8":!0,"min-h-[32px]":!0,"rounded-full":!0,"cursor-default":!0,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-sm":!0,"font-medium":!0,relative:!0,"overflow-hidden":!0,border:!0,"pl-2":e,"pl-4":!e,"pr-2":this.removable,"pr-4":!this.removable,"bg-surface-containerLow":!0,"text-surface-onVariant":!0,"border-outline":!0,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-38":this.disabled,"cursor-not-allowed":this.disabled},s={"size-[18px]":!0,flex:!0,"items-center":!0,"justify-center":!0,"rounded-full":!0,"transition-all":!0,"duration-200":!0,"cursor-pointer":!this.disabled,"-mr-1":!0,"hover:bg-surface-containerHighest":!this.disabled,"opacity-50":this.disabled};return l.html`
-			<div
-				class=${f.classMap(t)}
-				@click=${this.handleChipClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${()=>this.chipHover$.next(!0)}
-				@mouseleave=${()=>this.chipHover$.next(!1)}
-				@mousedown=${()=>this.pressed$.next(!0)}
-				@mouseup=${()=>this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				role="button"
-				tabindex=${this.disabled?"-1":"0"}
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				<!-- Avatar image (if provided) -->
-				${this.avatar?l.html`
-					<img
-						src=${this.avatar}
-						alt=""
-						class="avatar-img rounded-full size-5"
-					/>
-				`:""}
-
-				<!-- Icon (if provided and no avatar) -->
-				${this.icon&&!this.avatar?l.html`
-					<span class="material-symbols-outlined text-[18px] shrink-0">
-						${this.icon}
-					</span>
-				`:""}
-
-				<!-- Chip content -->
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Remove button (shown by default for input chips) -->
-				${this.removable?l.html`
-					<button
-						class=${f.classMap(s)}
-						@click=${this.handleRemove}
-						@mouseenter=${()=>this.removeHover$.next(!0)}
-						@mouseleave=${()=>this.removeHover$.next(!1)}
-						aria-label="Remove"
-						tabindex="-1"
-						?disabled=${this.disabled}
-					>
-						<span class="material-symbols-outlined text-[18px]">
-							close
-						</span>
-					</button>
-				`:""}
-
-				<!-- Ripple effects -->
-				${this.ripples.map(o=>l.html`
-					<span
-						class="ripple"
-						style="left: ${o.x}px; top: ${o.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</div>
-		`}},exports.SchmancyInputChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyInputChip.formAssociated=!0,d([n.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"value",2),d([n.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"icon",2),d([n.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"avatar",2),d([n.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"removable",2),d([n.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"disabled",2),d([n.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"elevated",2),d([n.state()],exports.SchmancyInputChip.prototype,"uiState",2),d([n.state()],exports.SchmancyInputChip.prototype,"ripples",2),exports.SchmancyInputChip=d([n.customElement("schmancy-input-chip")],exports.SchmancyInputChip);var M=Object.defineProperty,O=Object.getOwnPropertyDescriptor,m=(e,t,s,o)=>{for(var a,i=o>1?void 0:o?O(t,s):t,r=e.length-1;r>=0;r--)(a=e[r])&&(i=(o?a(t,s,i):a(i))||i);return o&&i&&M(t,s,i),i};exports.SchmancySuggestionChip=class extends $.TailwindElement(l.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) button:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) button:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) button:active .state-layer {
-		opacity: 0.1;
-	}
-`){constructor(){super(...arguments),this.value="",this.icon="",this.href="",this.target="",this.disabled=!1,this.elevated=!1,this.hover$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.ripples=[],this.nextRippleId=0,this.handleClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector("button");if(t){const s=t.getBoundingClientRect(),o=e.clientX-s.left,a=e.clientY-s.top,i=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:a,id:i}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==i)},600)}this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("action",{detail:{value:this.value},bubbles:!0,composed:!0}))},this.handleKeyDown=e=>{if(!this.disabled&&(e.key==="Enter"||e.key===" ")){e.preventDefault(),this.pressed$.next(!0);const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(t),setTimeout(()=>this.pressed$.next(!1),100)}},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)}}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(p.takeUntil(this.disconnecting)).subscribe()}render(){const e=!!this.icon,t={relative:!0,"inline-flex":!0,"items-center":!0,"gap-2":!0,"h-8":!0,"min-h-[32px]":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,border:!0,"pl-2":e,"pl-4":!e,"pr-4":!0,"bg-surface-containerLow":!0,"text-surface-onVariant":!0,"border-outline":!0,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-38":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
-			<button
-				type="button"
-				class=${f.classMap(t)}
-				?disabled=${this.disabled}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${()=>this.hover$.next(!0)}
-				@mouseleave=${()=>this.hover$.next(!1)}
-				@mousedown=${()=>this.pressed$.next(!0)}
-				@mouseup=${()=>this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				tabindex=${this.disabled?"-1":"0"}
-				role="button"
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				${this.icon?l.html`
-					<schmancy-icon class="text-[18px] shrink-0">${this.icon}</schmancy-icon>
-				`:""}
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Ripple effects -->
-				${this.ripples.map(s=>l.html`
-					<span
-						class="ripple"
-						style="left: ${s.x}px; top: ${s.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</button>
-		`}},exports.SchmancySuggestionChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"value",2),m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"icon",2),m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"href",2),m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"target",2),m([n.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"disabled",2),m([n.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"elevated",2),m([n.state()],exports.SchmancySuggestionChip.prototype,"ripples",2),exports.SchmancySuggestionChip=m([n.customElement("schmancy-suggestion-chip")],exports.SchmancySuggestionChip),exports.SchmancyFilterChip=c;
-//# sourceMappingURL=suggestion-chip-C94Hdcm4.cjs.map