npm - @francofantomius/material-components - Versions diffs - 1.1.1 → 1.2.0 - Mend

@francofantomius/material-components 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (380) hide show

package/dist/chunks/{app-drawer-Du1ePzxZ.js.map → app-drawer-DjKSuatE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-drawer-Du1ePzxZ.js","names":[],"sources":["../../src/components/app-drawer/app-drawer.css.ts","../../src/components/app-drawer/app-drawer.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const appDrawerStyles = css`\n :host {\n display: inline-block;\n position: relative;\n font-family: var(--md-sys-typescale-font-family, inherit);\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .trigger-container {\n display: inline-flex;\n }\n\n .backdrop {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 990;\n background-color: transparent;\n }\n\n :host([modal]) .backdrop {\n background-color: rgba(0, 0, 0, 0.32);\n backdrop-filter: blur(1px);\n }\n\n :host([open][modal]) .backdrop {\n display: block;\n }\n\n .popover {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n right: 0;\n z-index: 1000;\n width: var(--md-app-drawer-width, 328px);\n max-width: calc(100vw - 24px);\n max-height: var(--md-app-drawer-max-height, 460px);\n box-sizing: border-box;\n padding: 16px;\n border-radius: var(--md-sys-shape-corner-extra-large, 24px);\n background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n color: var(--md-sys-color-on-surface, #1D1B20);\n box-shadow: var(--md-sys-elevation-level3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3));\n overflow-y: auto;\n overflow-x: hidden;\n overscroll-behavior: contain;\n scrollbar-width: thin;\n scrollbar-color: var(--md-sys-color-outline-variant, #CAC4D0) transparent;\n }\n\n :host([alignment='start']) .popover,\n :host([pivot='left']) .popover {\n right: auto;\n left: 0;\n }\n\n :host([open]) .popover {\n display: flex;\n flex-direction: column;\n gap: 12px;\n animation: md-app-drawer-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n }\n\n @keyframes md-app-drawer-in {\n from {\n opacity: 0;\n transform: scale(0.92) translateY(-8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n\n .header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4px;\n min-height: 40px;\n box-sizing: border-box;\n }\n\n .header-leading {\n display: flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n }\n\n .back-btn,\n slot[name=\"back-button\"] {\n display: none;\n --md-icon-size: 24px;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: auto;\n }\n\n .edit-btn,\n .reset-btn {\n --md-icon-size: 20px;\n font-size: 20px;\n }\n\n :host([editing]) .grid ::slotted(md-app-drawer-item),\n :host([editing]) .grid ::slotted(md-app-item),\n :host([editing]) .grid ::slotted(md-app-launcher-item) {\n cursor: grab;\n }\n\n .headline {\n margin: 0;\n font-size: var(--md-sys-typescale-title-medium-size, 16px);\n font-weight: 500;\n line-height: 24px;\n color: var(--md-sys-color-on-surface, #1D1B20);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .grid {\n display: grid;\n grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n gap: 8px;\n width: 100%;\n box-sizing: border-box;\n }\n\n ::slotted([draggable='true']) {\n cursor: grab;\n }\n\n ::slotted([dragging]),\n ::slotted(.is-dragging) {\n opacity: 0.4;\n transform: scale(0.95);\n cursor: grabbing !important;\n }\n\n ::slotted([drag-over]),\n ::slotted(.drag-over) {\n outline: 2px dashed var(--md-sys-color-primary, #6750A4);\n outline-offset: -2px;\n border-radius: var(--md-sys-shape-corner-medium, 12px);\n background-color: var(--md-sys-color-surface-container-highest, rgba(103, 80, 164, 0.08));\n }\n\n .footer {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n padding-top: 12px;\n margin-top: 4px;\n border-top: 1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, 0.1));\n }\n\n .footer ::slotted() {\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n }\n\n .footer:empty {\n display: none;\n }\n\n / Responsive Fullscreen / Mobile Mode /\n @media (max-width: 768px) {\n .back-btn,\n slot[name=\"back-button\"] {\n display: inline-flex;\n }\n\n :host([open]) .popover {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100vw;\n height: 100vh;\n height: 100dvh;\n max-height: 100vh;\n max-height: 100dvh;\n border-radius: 0;\n box-shadow: none;\n z-index: 10000;\n padding: 12px 16px env(safe-area-inset-bottom, 16px) 16px;\n margin: 0;\n gap: 16px;\n animation: md-app-drawer-mobile-in 200ms cubic-bezier(0.2, 0, 0, 1) forwards;\n }\n\n .header {\n min-height: 48px;\n padding: 0;\n gap: 8px;\n }\n\n .header-leading {\n gap: 8px;\n }\n\n .headline {\n font-size: var(--md-sys-typescale-title-large-size, 20px);\n font-weight: 500;\n line-height: 28px;\n }\n\n .grid {\n grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n gap: 12px 8px;\n flex: 1;\n align-content: start;\n }\n\n .footer {\n padding-top: 16px;\n padding-bottom: 8px;\n }\n }\n\n @keyframes md-app-drawer-mobile-in {\n from {\n opacity: 0;\n transform: translateY(12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n / Explicit Fullscreen Mode /\n :host([fullscreen]) .back-btn,\n :host([fullscreen]) slot[name=\"back-button\"] {\n display: inline-flex;\n }\n\n :host([fullscreen][open]) .popover {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100vw;\n height: 100vh;\n height: 100dvh;\n max-height: 100vh;\n max-height: 100dvh;\n border-radius: 0;\n box-shadow: none;\n z-index: 10000;\n padding: 12px 16px env(safe-area-inset-bottom, 16px) 16px;\n margin: 0;\n gap: 16px;\n }\n\n :host([fullscreen]) .header {\n min-height: 48px;\n padding: 0;\n gap: 8px;\n }\n\n :host([fullscreen]) .header-leading {\n gap: 8px;\n }\n\n :host([fullscreen]) .headline {\n font-size: var(--md-sys-typescale-title-large-size, 20px);\n font-weight: 500;\n line-height: 28px;\n }\n\n :host([fullscreen]) .grid {\n grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n gap: 12px 8px;\n flex: 1;\n align-content: start;\n }\n\n :host([fullscreen]) .footer {\n padding-top: 16px;\n padding-bottom: 8px;\n }\n`;\n\nexport const appDrawerItemStyles = css`\n :host {\n display: block;\n box-sizing: border-box;\n font-family: var(--md-sys-typescale-font-family, inherit);\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n min-height: 84px;\n padding: 8px 4px;\n box-sizing: border-box;\n border-radius: var(--md-sys-shape-corner-medium, 12px);\n color: var(--md-sys-color-on-surface, #1D1B20);\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n transition: background-color 150ms ease;\n background: transparent;\n border: none;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n .item:hover {\n background-color: var(--md-sys-color-surface-container-highest, rgba(0, 0, 0, 0.06));\n }\n\n :host([active]) .item,\n :host([selected]) .item {\n background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n color: var(--md-sys-color-on-secondary-container, #1D192B);\n }\n\n :host([disabled]) .item {\n opacity: 0.38;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n :host([draggable='true']) .item {\n cursor: grab;\n }\n\n :host([dragging]) {\n opacity: 0.4;\n transform: scale(0.95);\n }\n\n :host([dragging]) .item {\n cursor: grabbing;\n }\n\n :host([drag-over]) .item {\n outline: 2px dashed var(--md-sys-color-primary, #6750A4);\n outline-offset: -2px;\n background-color: var(--md-sys-color-surface-container-highest, rgba(103, 80, 164, 0.08));\n }\n\n .icon-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin-bottom: 4px;\n border-radius: var(--md-sys-shape-corner-full, 9999px);\n color: var(--md-sys-color-primary, #6750A4);\n }\n\n .icon-wrapper md-icon {\n --md-icon-size: 28px;\n font-size: 28px;\n }\n\n .icon-image {\n width: 32px;\n height: 32px;\n object-fit: contain;\n border-radius: 4px;\n }\n\n .label {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n font-weight: 500;\n max-width: 100%;\n word-break: break-word;\n }\n\n .badge-container {\n position: absolute;\n top: 2px;\n right: 2px;\n }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport { appDrawerStyles, appDrawerItemStyles } from './app-drawer.css.js';\n\nexport type AppDrawerAlignment = 'start' \| 'end';\nexport type AppDrawerPivot = 'left' \| 'right';\n\n/\n Material Design 3 App Drawer Item component.\n * Represents a single application, shortcut, or destination in the app drawer grid.\n \n @slot icon - Custom icon or graphic.\n * @slot - Default slot for app label.\n * @slot badge - Custom badge indicator.\n /\n@customElement('md-app-drawer-item')\nexport class MdAppDrawerItem extends MdBaseElement {\n static override styles = [MdBaseElement.styles, appDrawerItemStyles];\n\n @property({ type: String })\n icon = '';\n\n @property({ type: String })\n src = '';\n\n @property({ type: String })\n label = '';\n\n @property({ type: String })\n headline = '';\n\n @property({ type: String })\n badge = '';\n\n @property({ type: String })\n href = '';\n\n @property({ type: String })\n target = '';\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean, reflect: true })\n active = false;\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n dragging = false;\n\n @property({ type: Boolean, reflect: true, attribute: 'drag-over' })\n dragOver = false;\n\n private wasDragging = false;\n\n override willUpdate(changedProperties: Map<string, unknown>) {\n super.willUpdate(changedProperties);\n if (changedProperties.has('selected') && !changedProperties.has('active')) {\n this.active = this.selected;\n } else if (changedProperties.has('active') && !changedProperties.has('selected')) {\n this.selected = this.active;\n }\n }\n\n internalSetDragging(isDragging: boolean) {\n this.dragging = isDragging;\n if (isDragging) {\n this.wasDragging = true;\n } else {\n setTimeout(() => {\n this.wasDragging = false;\n }, 100);\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.disabled \|\| this.wasDragging \|\| this.dragging) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n\n const appLabel = this.label \|\| this.headline;\n this.emitEvent('item-click', {\n label: appLabel,\n icon: this.icon,\n src: this.src,\n href: this.href,\n active: this.active,\n });\n };\n\n override render() {\n const text = this.label \|\| this.headline;\n\n const iconContent = this.src\n ? html`<img class=\"icon-image\" src=${this.src} alt=${text \|\| 'App icon'} draggable=\"false\" />`\n : this.icon\n ? html`<md-icon name=${this.icon}></md-icon>`\n : nothing;\n\n const inner = html`\n <md-ripple ?disabled=${this.disabled}></md-ripple>\n <md-focus-ring></md-focus-ring>\n\n <div class=\"icon-wrapper\">\n <slot name=\"icon\">${iconContent}</slot>\n ${this.badge\n ? html`<div class=\"badge-container\"><slot name=\"badge\"><span class=\"badge\">${this.badge}</span></slot></div>`\n : html`<div class=\"badge-container\"><slot name=\"badge\"></slot></div>`}\n </div>\n\n <span class=\"label\">\n <slot>${text}</slot>\n </span>\n `;\n\n if (this.href) {\n return html`\n <a\n class=\"item\"\n href=${this.disabled ? nothing : this.href}\n target=${this.target \|\| nothing}\n aria-disabled=${this.disabled ? 'true' : nothing}\n tabindex=${this.disabled ? '-1' : '0'}\n draggable=\"false\"\n @click=${this.handleClick}\n >\n ${inner}\n </a>\n `;\n }\n\n return html`\n <button\n class=\"item\"\n type=\"button\"\n tabindex=${this.disabled ? '-1' : '0'}\n aria-disabled=${this.disabled ? 'true' : nothing}\n ?disabled=${this.disabled}\n draggable=\"false\"\n @click=${this.handleClick}\n >\n ${inner}\n </button>\n `;\n }\n}\n\n/\n Material Design 3 App Drawer (Apps Launcher / Waffle Menu) component.\n * Displays a popup grid of applications and services next to account or navigation controls.\n \n @slot trigger - Custom trigger button element.\n * @slot header - Optional header content above the apps grid.\n * @slot - Default slot for app drawer items (md-app-drawer-item).\n * @slot footer - Optional footer content (e.g. \"More apps\" link/button).\n /\n@customElement('md-app-drawer')\nexport class MdAppDrawer extends MdBaseElement {\n static override styles = [MdBaseElement.styles, appDrawerStyles];\n\n @property({ type: Boolean, reflect: true })\n open = false;\n\n @property({ type: String })\n headline = '';\n\n @property({ type: String })\n icon = 'apps';\n\n @property({ type: String, attribute: 'aria-label' })\n ariaLabelText = 'App launcher';\n\n @property({ type: Boolean, attribute: 'no-trigger' })\n noTrigger = false;\n\n get trigger(): boolean {\n return !this.noTrigger;\n }\n\n set trigger(value: boolean) {\n this.noTrigger = !value;\n this.requestUpdate('noTrigger');\n }\n\n @property({ type: String, reflect: true })\n alignment: AppDrawerAlignment = 'end';\n\n @property({ type: String, reflect: true })\n pivot: AppDrawerPivot = 'right';\n\n @property({ type: Boolean, reflect: true })\n modal = false;\n\n @property({ type: Boolean, reflect: true })\n fullscreen = false;\n\n @property({ type: Number })\n columns = 3;\n\n @property({ type: Boolean, reflect: true })\n reorderable = true;\n\n @property({ type: Boolean, reflect: true })\n editable = true;\n\n @property({ type: Boolean, reflect: true })\n editing = false;\n\n @property({ type: String, attribute: 'storage-key' })\n storageKey = '';\n\n @property({ type: Boolean, attribute: 'disable-storage' })\n disableStorage = false;\n\n private isReordering = false;\n private initialOrder: string[] = [];\n private draggedItem: HTMLElement \| null = null;\n private dropTargetItem: HTMLElement \| null = null;\n\n override connectedCallback() {\n super.connectedCallback();\n window.addEventListener('keydown', this.handleKeyDown);\n document.addEventListener('pointerdown', this.handleDocumentClick);\n this.addEventListener('dragstart', this.handleDragStart);\n this.addEventListener('dragover', this.handleDragOver);\n this.addEventListener('dragleave', this.handleDragLeave);\n this.addEventListener('drop', this.handleDrop);\n this.addEventListener('dragend', this.handleDragEnd);\n this.addEventListener('keydown', this.handleItemKeyDown);\n\n // Initial check on next animation frame\n requestAnimationFrame(() => {\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n this.applySavedOrder();\n this.updateDraggableItems();\n });\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n window.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('pointerdown', this.handleDocumentClick);\n this.removeEventListener('dragstart', this.handleDragStart);\n this.removeEventListener('dragover', this.handleDragOver);\n this.removeEventListener('dragleave', this.handleDragLeave);\n this.removeEventListener('drop', this.handleDrop);\n this.removeEventListener('dragend', this.handleDragEnd);\n this.removeEventListener('keydown', this.handleItemKeyDown);\n }\n\n override updated(changedProperties: Map<string, unknown>) {\n super.updated(changedProperties);\n if (changedProperties.has('open')) {\n if (this.open) {\n this.emitEvent('open');\n } else {\n this.emitEvent('close');\n }\n }\n if (changedProperties.has('columns')) {\n if (this.columns && this.columns !== 3) {\n this.style.setProperty('--md-app-drawer-columns', String(this.columns));\n } else {\n this.style.removeProperty('--md-app-drawer-columns');\n }\n }\n if (changedProperties.has('reorderable') \|\| changedProperties.has('editable')) {\n this.updateDraggableItems();\n }\n if (changedProperties.has('editing')) {\n this.updateDraggableItems();\n this.emitEvent('edit-toggle', { editing: this.editing });\n }\n if (changedProperties.has('storageKey') \|\| changedProperties.has('disableStorage')) {\n this.applySavedOrder();\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && this.open) {\n this.close();\n }\n };\n\n private handleDocumentClick = (event: MouseEvent \| PointerEvent) => {\n if (!this.open) return;\n const path = event.composedPath();\n if (!path.includes(this)) {\n this.close();\n }\n };\n\n private handleBackdropClick = () => {\n this.close();\n };\n\n private handleBackClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.close();\n };\n\n private handleTriggerClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.toggle();\n };\n\n /\n Identifies an app item uniquely for storage and ordering.\n /\n getItemKey(item: Element): string {\n const keyAttr =\n item.getAttribute('key') \|\|\n item.getAttribute('app-id') \|\|\n item.getAttribute('data-id');\n if (keyAttr) return keyAttr;\n if (item.id) return item.id;\n\n const label =\n (item as unknown as { label?: string }).label \|\|\n item.getAttribute('label') \|\|\n (item as unknown as { headline?: string }).headline \|\|\n item.getAttribute('headline');\n if (label) return label;\n\n const href =\n (item as unknown as { href?: string }).href \|\|\n item.getAttribute('href');\n if (href) return href;\n\n const icon =\n (item as unknown as { icon?: string }).icon \|\|\n item.getAttribute('icon');\n if (icon) return icon;\n\n return item.textContent?.trim() \|\| '';\n }\n\n /\n Returns the storage key used in localStorage.\n /\n getEffectiveStorageKey(): string {\n if (this.storageKey) {\n return this.storageKey;\n }\n if (this.id) {\n return `md-app-drawer-order-${this.id}`;\n }\n return 'md-app-drawer-order';\n }\n\n /\n Returns all slotted app item elements.\n /\n getItems(): HTMLElement[] {\n const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('.grid slot:not([name])');\n if (slot) {\n const assigned = slot\n .assignedElements()\n .filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n (!el.hasAttribute('slot') \|\| el.getAttribute('slot') === '')\n );\n if (assigned.length > 0) return assigned;\n }\n return Array.from(this.children).filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n (!el.hasAttribute('slot') \|\| el.getAttribute('slot') === '')\n );\n }\n\n /\n Retrieves the saved order array from persistent storage.\n /\n loadOrder(): string[] \| null {\n if (this.disableStorage) return null;\n try {\n const key = this.getEffectiveStorageKey();\n const stored = localStorage.getItem(key);\n if (!stored) return null;\n const parsed = JSON.parse(stored);\n return Array.isArray(parsed) ? parsed : null;\n } catch {\n return null;\n }\n }\n\n /\n Persists the item order to storage.\n /\n saveOrder(order?: string[]): string[] {\n const currentOrder = order \|\| this.getOrder();\n if (!this.disableStorage) {\n try {\n const key = this.getEffectiveStorageKey();\n localStorage.setItem(key, JSON.stringify(currentOrder));\n } catch {\n // Ignore localStorage quota / access errors\n }\n }\n return currentOrder;\n }\n\n /\n Returns the current array of item keys in DOM order.\n /\n getOrder(): string[] {\n return this.getItems().map((item) => this.getItemKey(item));\n }\n\n override firstUpdated(changedProperties: Map<string, unknown>) {\n super.firstUpdated(changedProperties);\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n this.applySavedOrder();\n this.updateDraggableItems();\n }\n\n /\n Sets and applies the order of items in the app drawer.\n /\n setOrder(order: string[]) {\n if (!order \|\| !order.length) return;\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n const items = this.getItems();\n if (items.length <= 1) return;\n\n const itemMap = new Map<string, HTMLElement>();\n const unmatched: HTMLElement[] = [];\n\n for (const item of items) {\n const key = this.getItemKey(item);\n if (key && !itemMap.has(key)) {\n itemMap.set(key, item);\n } else {\n unmatched.push(item);\n }\n }\n\n const newItemsOrder: HTMLElement[] = [];\n for (const key of order) {\n const item = itemMap.get(key);\n if (item) {\n newItemsOrder.push(item);\n itemMap.delete(key);\n }\n }\n\n // Append any items that were not part of the saved order\n itemMap.forEach((item) => newItemsOrder.push(item));\n newItemsOrder.push(...unmatched);\n\n let changed = false;\n for (let i = 0; i < items.length; i++) {\n if (items[i] !== newItemsOrder[i]) {\n changed = true;\n break;\n }\n }\n\n if (changed) {\n this.isReordering = true;\n for (const item of newItemsOrder) {\n this.appendChild(item);\n }\n this.isReordering = false;\n }\n }\n\n /\n Applies the saved order from localStorage if available.\n /\n applySavedOrder() {\n const savedOrder = this.loadOrder();\n if (savedOrder && savedOrder.length > 0) {\n this.setOrder(savedOrder);\n }\n }\n\n /\n Resets the persistent order and restores the initial layout.\n /\n resetOrder() {\n if (!this.disableStorage) {\n try {\n localStorage.removeItem(this.getEffectiveStorageKey());\n } catch {\n // Ignore storage errors\n }\n }\n if (this.initialOrder.length > 0) {\n this.setOrder(this.initialOrder);\n }\n const currentOrder = this.getOrder();\n this.emitEvent('reorder', {\n order: currentOrder,\n item: null,\n oldIndex: -1,\n newIndex: -1,\n });\n this.emitEvent('reset', { order: currentOrder });\n }\n\n /\n Moves an item from one index position to another.\n /\n reorderItem(fromIndex: number, toIndex: number) {\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n const items = this.getItems();\n if (\n fromIndex < 0 \|\|\n fromIndex >= items.length \|\|\n toIndex < 0 \|\|\n toIndex >= items.length \|\|\n fromIndex === toIndex\n ) {\n return;\n }\n\n const itemToMove = items[fromIndex];\n const targetItem = items[toIndex];\n\n if (!itemToMove \|\| !targetItem) {\n return;\n }\n\n this.isReordering = true;\n if (fromIndex < toIndex) {\n targetItem.after(itemToMove);\n } else {\n targetItem.before(itemToMove);\n }\n this.isReordering = false;\n\n const newOrder = this.getOrder();\n this.saveOrder(newOrder);\n\n this.emitEvent('reorder', {\n order: newOrder,\n item: itemToMove,\n oldIndex: fromIndex,\n newIndex: toIndex,\n });\n }\n\n /\n Returns whether reordering is currently active.\n /\n isReorderActive(): boolean {\n return this.reorderable && (!this.editable \|\| this.editing);\n }\n\n /\n Toggles the reordering editing mode.\n /\n toggleEdit() {\n this.editing = !this.editing;\n }\n\n /\n Enables the reordering editing mode.\n /\n startEditing() {\n this.editing = true;\n }\n\n /\n Disables the reordering editing mode.\n /\n stopEditing() {\n this.editing = false;\n }\n\n private handleEditToggle = (event: MouseEvent) => {\n event.stopPropagation();\n this.toggleEdit();\n };\n\n private handleResetClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.resetOrder();\n };\n\n private updateDraggableItems() {\n const isEnabled = this.isReorderActive();\n const items = this.getItems();\n for (const item of items) {\n const isDisabled = (item as unknown as { disabled?: boolean }).disabled \|\| item.hasAttribute('disabled');\n if (isEnabled && !isDisabled) {\n item.setAttribute('draggable', 'true');\n } else {\n item.removeAttribute('draggable');\n }\n }\n }\n\n private handleSlotChange = () => {\n if (this.isReordering) return;\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n this.applySavedOrder();\n this.updateDraggableItems();\n };\n\n private findDrawerItem(event: Event): HTMLElement \| null {\n const path = event.composedPath();\n const items = this.getItems();\n for (const el of path) {\n if (el instanceof HTMLElement && items.includes(el)) {\n return el;\n }\n }\n return null;\n }\n\n private handleDragStart = (event: DragEvent) => {\n if (!this.isReorderActive()) return;\n const item = this.findDrawerItem(event);\n if (!item) return;\n const isDisabled = (item as unknown as { disabled?: boolean }).disabled \|\| item.hasAttribute('disabled');\n if (isDisabled) return;\n\n this.draggedItem = item;\n item.classList.add('is-dragging');\n item.setAttribute('dragging', '');\n if (typeof (item as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n (item as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(true);\n }\n\n if (event.dataTransfer) {\n event.dataTransfer.effectAllowed = 'move';\n event.dataTransfer.setData('text/plain', this.getItemKey(item));\n }\n };\n\n private handleDragOver = (event: DragEvent) => {\n if (!this.isReorderActive() \|\| !this.draggedItem) return;\n const targetItem = this.findDrawerItem(event);\n if (!targetItem \|\| targetItem === this.draggedItem) {\n if (this.dropTargetItem && this.dropTargetItem !== this.draggedItem) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n this.dropTargetItem = null;\n }\n return;\n }\n\n event.preventDefault();\n if (event.dataTransfer) {\n event.dataTransfer.dropEffect = 'move';\n }\n\n if (this.dropTargetItem !== targetItem) {\n if (this.dropTargetItem) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n }\n this.dropTargetItem = targetItem;\n targetItem.classList.add('drag-over', 'drop-target');\n targetItem.setAttribute('drag-over', '');\n if ('dragOver' in targetItem) {\n (targetItem as unknown as { dragOver: boolean }).dragOver = true;\n }\n }\n };\n\n private handleDragLeave = (event: DragEvent) => {\n const relatedTarget = event.relatedTarget as Node \| null;\n if (\n this.dropTargetItem &&\n (!relatedTarget \|\| !this.dropTargetItem.contains(relatedTarget))\n ) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n this.dropTargetItem = null;\n }\n };\n\n private handleDrop = (event: DragEvent) => {\n if (!this.isReorderActive() \|\| !this.draggedItem) return;\n event.preventDefault();\n\n const targetItem = this.findDrawerItem(event);\n if (targetItem && targetItem !== this.draggedItem) {\n const items = this.getItems();\n const oldIndex = items.indexOf(this.draggedItem);\n const newIndex = items.indexOf(targetItem);\n\n if (oldIndex !== -1 && newIndex !== -1) {\n this.reorderItem(oldIndex, newIndex);\n }\n }\n\n this.cleanupDrag();\n };\n\n private handleDragEnd = () => {\n this.cleanupDrag();\n };\n\n private cleanupDrag() {\n if (this.draggedItem) {\n this.draggedItem.classList.remove('is-dragging');\n this.draggedItem.removeAttribute('dragging');\n if (typeof (this.draggedItem as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n (this.draggedItem as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(false);\n }\n this.draggedItem = null;\n }\n if (this.dropTargetItem) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n this.dropTargetItem = null;\n }\n const items = this.getItems();\n for (const item of items) {\n item.classList.remove('is-dragging', 'drag-over', 'drop-target');\n item.removeAttribute('dragging');\n item.removeAttribute('drag-over');\n if (typeof (item as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n (item as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(false);\n }\n if ('dragOver' in item) {\n (item as unknown as { dragOver: boolean }).dragOver = false;\n }\n }\n }\n\n private handleItemKeyDown = (event: KeyboardEvent) => {\n if (!this.isReorderActive() \|\| !event.altKey) return;\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) {\n const item = this.findDrawerItem(event);\n if (!item) return;\n\n const items = this.getItems();\n const currentIndex = items.indexOf(item);\n if (currentIndex === -1) return;\n\n let targetIndex = currentIndex;\n const cols = this.columns \|\| 3;\n\n if (event.key === 'ArrowLeft') {\n targetIndex = currentIndex - 1;\n } else if (event.key === 'ArrowRight') {\n targetIndex = currentIndex + 1;\n } else if (event.key === 'ArrowUp') {\n targetIndex = currentIndex - cols;\n } else if (event.key === 'ArrowDown') {\n targetIndex = currentIndex + cols;\n }\n\n if (targetIndex >= 0 && targetIndex < items.length && targetIndex !== currentIndex) {\n event.preventDefault();\n event.stopPropagation();\n this.reorderItem(currentIndex, targetIndex);\n item.focus?.();\n }\n }\n };\n\n /\n Opens the app drawer popup.\n /\n show() {\n if (!this.open) {\n this.open = true;\n }\n }\n\n /\n Closes the app drawer popup.\n /\n close() {\n if (this.open) {\n this.open = false;\n if (this.editing) {\n this.editing = false;\n }\n }\n }\n\n /\n Toggles the app drawer open/closed state.\n */\n toggle() {\n this.open = !this.open;\n }\n\n override render() {\n const headerContent = this.headline\n ? html`<span class=\"headline\">${this.headline}</span>`\n : nothing;\n\n const backButton = html`\n <slot name=\"back-button\">\n <md-icon-button\n class=\"back-btn\"\n variant=\"standard\"\n icon=\"arrow_back\"\n aria-label=\"Close\"\n title=\"Close\"\n @click=${this.handleBackClick}\n ></md-icon-button>\n </slot>\n `;\n\n const editButton = this.reorderable && this.editable\n ? html`\n <div class=\"header-actions\">\n ${this.editing\n ? html`\n <slot name=\"reset-button\">\n <md-icon-button\n class=\"reset-btn\"\n variant=\"standard\"\n icon=\"arrow_back\"\n aria-label=\"Reset to default order\"\n title=\"Reset to default order\"\n @click=${this.handleResetClick}\n ></md-icon-button>\n </slot>\n `\n : nothing}\n <slot name=\"edit-button\">\n <md-icon-button\n class=\"edit-btn\"\n variant=${this.editing ? 'filled' : 'standard'}\n icon=${this.editing ? 'check' : 'edit'}\n aria-label=${this.editing ? 'Done editing' : 'Edit apps order'}\n title=${this.editing ? 'Done editing' : 'Edit apps order'}\n @click=${this.handleEditToggle}\n ></md-icon-button>\n </slot>\n </div>\n `\n : nothing;\n\n const triggerContent = !this.noTrigger\n ? html`\n <div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n <slot name=\"trigger\">\n <md-icon-button\n icon=${this.icon}\n aria-label=${this.ariaLabelText}\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-haspopup=\"dialog\"\n ></md-icon-button>\n </slot>\n </div>\n `\n : html`<slot name=\"trigger\" @click=${this.handleTriggerClick}></slot>`;\n\n return html`\n <div class=\"backdrop\" @click=${this.handleBackdropClick}></div>\n\n <div class=\"trigger-wrapper\">\n ${triggerContent}\n </div>\n\n <div\n class=\"popover\"\n role=\"dialog\"\n aria-modal=${this.modal ? 'true' : 'false'}\n aria-label=${this.headline \|\| this.ariaLabelText}\n aria-hidden=${this.open ? 'false' : 'true'}\n >\n <div class=\"header\">\n <div class=\"header-leading\">\n ${backButton}\n <slot name=\"header\">\n ${headerContent}\n </slot>\n </div>\n ${editButton}\n </div>\n\n <div class=\"grid\" role=\"group\" aria-label=\"Apps\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n\n <div class=\"footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n}\n\n// Aliases\n@customElement('md-app-launcher')\nexport class MdAppLauncher extends MdAppDrawer {}\n\n@customElement('md-apps-menu')\nexport class MdAppsMenu extends MdAppDrawer {}\n\n@customElement('md-app-item')\nexport class MdAppItem extends MdAppDrawerItem {}\n\n@customElement('md-app-launcher-item')\nexport class MdAppLauncherItem extends MdAppDrawerItem {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-app-drawer': MdAppDrawer;\n 'md-app-launcher': MdAppLauncher;\n 'md-apps-menu': MdAppsMenu;\n 'md-app-drawer-item': MdAppDrawerItem;\n 'md-app-item': MdAppItem;\n 'md-app-launcher-item': MdAppLauncherItem;\n }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
1	+ {"version":3,"file":"app-drawer-DjKSuatE.js","names":[],"sources":["../../src/components/app-drawer/app-drawer.css.ts","../../src/components/app-drawer/app-drawer.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const appDrawerStyles = css`\n :host {\n display: inline-block;\n position: relative;\n font-family: var(--md-sys-typescale-font-family, inherit);\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .trigger-container {\n display: inline-flex;\n }\n\n .backdrop {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 990;\n background-color: transparent;\n }\n\n :host([modal]) .backdrop {\n background-color: rgba(0, 0, 0, 0.32);\n backdrop-filter: blur(1px);\n }\n\n :host([open][modal]) .backdrop {\n display: block;\n }\n\n .popover {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n right: 0;\n z-index: 1000;\n width: var(--md-app-drawer-width, 328px);\n max-width: calc(100vw - 24px);\n max-height: var(--md-app-drawer-max-height, 460px);\n box-sizing: border-box;\n padding: 16px;\n border-radius: var(--md-sys-shape-corner-extra-large, 24px);\n background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n color: var(--md-sys-color-on-surface, #1D1B20);\n box-shadow: var(--md-sys-elevation-level3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3));\n overflow-y: auto;\n overflow-x: hidden;\n overscroll-behavior: contain;\n scrollbar-width: thin;\n scrollbar-color: var(--md-sys-color-outline-variant, #CAC4D0) transparent;\n }\n\n :host([alignment='start']) .popover,\n :host([pivot='left']) .popover {\n right: auto;\n left: 0;\n }\n\n :host([open]) .popover {\n display: flex;\n flex-direction: column;\n gap: 12px;\n animation: md-app-drawer-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n }\n\n @keyframes md-app-drawer-in {\n from {\n opacity: 0;\n transform: scale(0.92) translateY(-8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n\n .header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4px;\n min-height: 40px;\n box-sizing: border-box;\n }\n\n .header-leading {\n display: flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n }\n\n .back-btn,\n slot[name=\"back-button\"] {\n display: none;\n --md-icon-size: 24px;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: auto;\n }\n\n .edit-btn,\n .reset-btn {\n --md-icon-size: 20px;\n font-size: 20px;\n }\n\n :host([editing]) .grid ::slotted(md-app-drawer-item),\n :host([editing]) .grid ::slotted(md-app-item),\n :host([editing]) .grid ::slotted(md-app-launcher-item) {\n cursor: grab;\n }\n\n .headline {\n margin: 0;\n font-size: var(--md-sys-typescale-title-medium-size, 16px);\n font-weight: 500;\n line-height: 24px;\n color: var(--md-sys-color-on-surface, #1D1B20);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .grid {\n display: grid;\n grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n gap: 8px;\n width: 100%;\n box-sizing: border-box;\n }\n\n ::slotted([draggable='true']) {\n cursor: grab;\n }\n\n ::slotted([dragging]),\n ::slotted(.is-dragging) {\n opacity: 0.4;\n transform: scale(0.95);\n cursor: grabbing !important;\n }\n\n ::slotted([drag-over]),\n ::slotted(.drag-over) {\n outline: 2px dashed var(--md-sys-color-primary, #6750A4);\n outline-offset: -2px;\n border-radius: var(--md-sys-shape-corner-medium, 12px);\n background-color: var(--md-sys-color-surface-container-highest, rgba(103, 80, 164, 0.08));\n }\n\n .footer {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n padding-top: 12px;\n margin-top: 4px;\n border-top: 1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, 0.1));\n }\n\n .footer ::slotted() {\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n }\n\n .footer:empty {\n display: none;\n }\n\n / Responsive Fullscreen / Mobile Mode /\n @media (max-width: 768px) {\n .back-btn,\n slot[name=\"back-button\"] {\n display: inline-flex;\n }\n\n :host([open]) .popover {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100vw;\n height: 100vh;\n height: 100dvh;\n max-height: 100vh;\n max-height: 100dvh;\n border-radius: 0;\n box-shadow: none;\n z-index: 10000;\n padding: 12px 16px env(safe-area-inset-bottom, 16px) 16px;\n margin: 0;\n gap: 16px;\n animation: md-app-drawer-mobile-in 200ms cubic-bezier(0.2, 0, 0, 1) forwards;\n }\n\n .header {\n min-height: 48px;\n padding: 0;\n gap: 8px;\n }\n\n .header-leading {\n gap: 8px;\n }\n\n .headline {\n font-size: var(--md-sys-typescale-title-large-size, 20px);\n font-weight: 500;\n line-height: 28px;\n }\n\n .grid {\n grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n gap: 12px 8px;\n flex: 1;\n align-content: start;\n }\n\n .footer {\n padding-top: 16px;\n padding-bottom: 8px;\n }\n }\n\n @keyframes md-app-drawer-mobile-in {\n from {\n opacity: 0;\n transform: translateY(12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n / Explicit Fullscreen Mode /\n :host([fullscreen]) .back-btn,\n :host([fullscreen]) slot[name=\"back-button\"] {\n display: inline-flex;\n }\n\n :host([fullscreen][open]) .popover {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100vw;\n height: 100vh;\n height: 100dvh;\n max-height: 100vh;\n max-height: 100dvh;\n border-radius: 0;\n box-shadow: none;\n z-index: 10000;\n padding: 12px 16px env(safe-area-inset-bottom, 16px) 16px;\n margin: 0;\n gap: 16px;\n }\n\n :host([fullscreen]) .header {\n min-height: 48px;\n padding: 0;\n gap: 8px;\n }\n\n :host([fullscreen]) .header-leading {\n gap: 8px;\n }\n\n :host([fullscreen]) .headline {\n font-size: var(--md-sys-typescale-title-large-size, 20px);\n font-weight: 500;\n line-height: 28px;\n }\n\n :host([fullscreen]) .grid {\n grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n gap: 12px 8px;\n flex: 1;\n align-content: start;\n }\n\n :host([fullscreen]) .footer {\n padding-top: 16px;\n padding-bottom: 8px;\n }\n`;\n\nexport const appDrawerItemStyles = css`\n :host {\n display: block;\n box-sizing: border-box;\n font-family: var(--md-sys-typescale-font-family, inherit);\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n min-height: 84px;\n padding: 8px 4px;\n box-sizing: border-box;\n border-radius: var(--md-sys-shape-corner-medium, 12px);\n color: var(--md-sys-color-on-surface, #1D1B20);\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n transition: background-color 150ms ease;\n background: transparent;\n border: none;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n .item:hover {\n background-color: var(--md-sys-color-surface-container-highest, rgba(0, 0, 0, 0.06));\n }\n\n :host([active]) .item,\n :host([selected]) .item {\n background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n color: var(--md-sys-color-on-secondary-container, #1D192B);\n }\n\n :host([disabled]) .item {\n opacity: 0.38;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n :host([draggable='true']) .item {\n cursor: grab;\n }\n\n :host([dragging]) {\n opacity: 0.4;\n transform: scale(0.95);\n }\n\n :host([dragging]) .item {\n cursor: grabbing;\n }\n\n :host([drag-over]) .item {\n outline: 2px dashed var(--md-sys-color-primary, #6750A4);\n outline-offset: -2px;\n background-color: var(--md-sys-color-surface-container-highest, rgba(103, 80, 164, 0.08));\n }\n\n .icon-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin-bottom: 4px;\n border-radius: var(--md-sys-shape-corner-full, 9999px);\n color: var(--md-sys-color-primary, #6750A4);\n }\n\n .icon-wrapper md-icon {\n --md-icon-size: 28px;\n font-size: 28px;\n }\n\n .icon-image {\n width: 32px;\n height: 32px;\n object-fit: contain;\n border-radius: 4px;\n }\n\n .label {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n font-weight: 500;\n max-width: 100%;\n word-break: break-word;\n }\n\n .badge-container {\n position: absolute;\n top: 2px;\n right: 2px;\n }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport { appDrawerStyles, appDrawerItemStyles } from './app-drawer.css.js';\n\nexport type AppDrawerAlignment = 'start' \| 'end';\nexport type AppDrawerPivot = 'left' \| 'right';\n\n/\n Material Design 3 App Drawer Item component.\n * Represents a single application, shortcut, or destination in the app drawer grid.\n \n @slot icon - Custom icon or graphic.\n * @slot - Default slot for app label.\n * @slot badge - Custom badge indicator.\n /\n@customElement('md-app-drawer-item')\nexport class MdAppDrawerItem extends MdBaseElement {\n static override styles = [MdBaseElement.styles, appDrawerItemStyles];\n\n @property({ type: String })\n icon = '';\n\n @property({ type: String })\n src = '';\n\n @property({ type: String })\n label = '';\n\n @property({ type: String })\n headline = '';\n\n @property({ type: String })\n badge = '';\n\n @property({ type: String })\n href = '';\n\n @property({ type: String })\n target = '';\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean, reflect: true })\n active = false;\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n dragging = false;\n\n @property({ type: Boolean, reflect: true, attribute: 'drag-over' })\n dragOver = false;\n\n private wasDragging = false;\n\n override willUpdate(changedProperties: Map<string, unknown>) {\n super.willUpdate(changedProperties);\n if (changedProperties.has('selected') && !changedProperties.has('active')) {\n this.active = this.selected;\n } else if (changedProperties.has('active') && !changedProperties.has('selected')) {\n this.selected = this.active;\n }\n }\n\n internalSetDragging(isDragging: boolean) {\n this.dragging = isDragging;\n if (isDragging) {\n this.wasDragging = true;\n } else {\n setTimeout(() => {\n this.wasDragging = false;\n }, 100);\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.disabled \|\| this.wasDragging \|\| this.dragging) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n\n const appLabel = this.label \|\| this.headline;\n this.emitEvent('item-click', {\n label: appLabel,\n icon: this.icon,\n src: this.src,\n href: this.href,\n active: this.active,\n });\n };\n\n override render() {\n const text = this.label \|\| this.headline;\n\n const iconContent = this.src\n ? html`<img class=\"icon-image\" src=${this.src} alt=${text \|\| 'App icon'} draggable=\"false\" />`\n : this.icon\n ? html`<md-icon name=${this.icon}></md-icon>`\n : nothing;\n\n const inner = html`\n <md-ripple ?disabled=${this.disabled}></md-ripple>\n <md-focus-ring></md-focus-ring>\n\n <div class=\"icon-wrapper\">\n <slot name=\"icon\">${iconContent}</slot>\n ${this.badge\n ? html`<div class=\"badge-container\"><slot name=\"badge\"><span class=\"badge\">${this.badge}</span></slot></div>`\n : html`<div class=\"badge-container\"><slot name=\"badge\"></slot></div>`}\n </div>\n\n <span class=\"label\">\n <slot>${text}</slot>\n </span>\n `;\n\n if (this.href) {\n return html`\n <a\n class=\"item\"\n href=${this.disabled ? nothing : this.href}\n target=${this.target \|\| nothing}\n aria-disabled=${this.disabled ? 'true' : nothing}\n tabindex=${this.disabled ? '-1' : '0'}\n draggable=\"false\"\n @click=${this.handleClick}\n >\n ${inner}\n </a>\n `;\n }\n\n return html`\n <button\n class=\"item\"\n type=\"button\"\n tabindex=${this.disabled ? '-1' : '0'}\n aria-disabled=${this.disabled ? 'true' : nothing}\n ?disabled=${this.disabled}\n draggable=\"false\"\n @click=${this.handleClick}\n >\n ${inner}\n </button>\n `;\n }\n}\n\n/\n Material Design 3 App Drawer (Apps Launcher / Waffle Menu) component.\n * Displays a popup grid of applications and services next to account or navigation controls.\n \n @slot trigger - Custom trigger button element.\n * @slot header - Optional header content above the apps grid.\n * @slot - Default slot for app drawer items (md-app-drawer-item).\n * @slot footer - Optional footer content (e.g. \"More apps\" link/button).\n /\n@customElement('md-app-drawer')\nexport class MdAppDrawer extends MdBaseElement {\n static override styles = [MdBaseElement.styles, appDrawerStyles];\n\n @property({ type: Boolean, reflect: true })\n open = false;\n\n @property({ type: String })\n headline = '';\n\n @property({ type: String })\n icon = 'apps';\n\n @property({ type: String, attribute: 'aria-label' })\n ariaLabelText = 'App launcher';\n\n @property({ type: Boolean, attribute: 'no-trigger' })\n noTrigger = false;\n\n get trigger(): boolean {\n return !this.noTrigger;\n }\n\n set trigger(value: boolean) {\n this.noTrigger = !value;\n this.requestUpdate('noTrigger');\n }\n\n @property({ type: String, reflect: true })\n alignment: AppDrawerAlignment = 'end';\n\n @property({ type: String, reflect: true })\n pivot: AppDrawerPivot = 'right';\n\n @property({ type: Boolean, reflect: true })\n modal = false;\n\n @property({ type: Boolean, reflect: true })\n fullscreen = false;\n\n @property({ type: Number })\n columns = 3;\n\n @property({ type: Boolean, reflect: true })\n reorderable = true;\n\n @property({ type: Boolean, reflect: true })\n editable = true;\n\n @property({ type: Boolean, reflect: true })\n editing = false;\n\n @property({ type: String, attribute: 'storage-key' })\n storageKey = '';\n\n @property({ type: Boolean, attribute: 'disable-storage' })\n disableStorage = false;\n\n private isReordering = false;\n private initialOrder: string[] = [];\n private draggedItem: HTMLElement \| null = null;\n private dropTargetItem: HTMLElement \| null = null;\n\n override connectedCallback() {\n super.connectedCallback();\n window.addEventListener('keydown', this.handleKeyDown);\n document.addEventListener('pointerdown', this.handleDocumentClick);\n this.addEventListener('dragstart', this.handleDragStart);\n this.addEventListener('dragover', this.handleDragOver);\n this.addEventListener('dragleave', this.handleDragLeave);\n this.addEventListener('drop', this.handleDrop);\n this.addEventListener('dragend', this.handleDragEnd);\n this.addEventListener('keydown', this.handleItemKeyDown);\n\n // Initial check on next animation frame\n requestAnimationFrame(() => {\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n this.applySavedOrder();\n this.updateDraggableItems();\n });\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n window.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('pointerdown', this.handleDocumentClick);\n this.removeEventListener('dragstart', this.handleDragStart);\n this.removeEventListener('dragover', this.handleDragOver);\n this.removeEventListener('dragleave', this.handleDragLeave);\n this.removeEventListener('drop', this.handleDrop);\n this.removeEventListener('dragend', this.handleDragEnd);\n this.removeEventListener('keydown', this.handleItemKeyDown);\n }\n\n override updated(changedProperties: Map<string, unknown>) {\n super.updated(changedProperties);\n if (changedProperties.has('open')) {\n if (this.open) {\n this.emitEvent('open');\n } else {\n this.emitEvent('close');\n }\n }\n if (changedProperties.has('columns')) {\n if (this.columns && this.columns !== 3) {\n this.style.setProperty('--md-app-drawer-columns', String(this.columns));\n } else {\n this.style.removeProperty('--md-app-drawer-columns');\n }\n }\n if (changedProperties.has('reorderable') \|\| changedProperties.has('editable')) {\n this.updateDraggableItems();\n }\n if (changedProperties.has('editing')) {\n this.updateDraggableItems();\n this.emitEvent('edit-toggle', { editing: this.editing });\n }\n if (changedProperties.has('storageKey') \|\| changedProperties.has('disableStorage')) {\n this.applySavedOrder();\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && this.open) {\n this.close();\n }\n };\n\n private handleDocumentClick = (event: MouseEvent \| PointerEvent) => {\n if (!this.open) return;\n const path = event.composedPath();\n if (!path.includes(this)) {\n this.close();\n }\n };\n\n private handleBackdropClick = () => {\n this.close();\n };\n\n private handleBackClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.close();\n };\n\n private handleTriggerClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.toggle();\n };\n\n /\n Identifies an app item uniquely for storage and ordering.\n /\n getItemKey(item: Element): string {\n const keyAttr =\n item.getAttribute('key') \|\|\n item.getAttribute('app-id') \|\|\n item.getAttribute('data-id');\n if (keyAttr) return keyAttr;\n if (item.id) return item.id;\n\n const label =\n (item as unknown as { label?: string }).label \|\|\n item.getAttribute('label') \|\|\n (item as unknown as { headline?: string }).headline \|\|\n item.getAttribute('headline');\n if (label) return label;\n\n const href =\n (item as unknown as { href?: string }).href \|\|\n item.getAttribute('href');\n if (href) return href;\n\n const icon =\n (item as unknown as { icon?: string }).icon \|\|\n item.getAttribute('icon');\n if (icon) return icon;\n\n return item.textContent?.trim() \|\| '';\n }\n\n /\n Returns the storage key used in localStorage.\n /\n getEffectiveStorageKey(): string {\n if (this.storageKey) {\n return this.storageKey;\n }\n if (this.id) {\n return `md-app-drawer-order-${this.id}`;\n }\n return 'md-app-drawer-order';\n }\n\n /\n Returns all slotted app item elements.\n /\n getItems(): HTMLElement[] {\n const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('.grid slot:not([name])');\n if (slot) {\n const assigned = slot\n .assignedElements()\n .filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n (!el.hasAttribute('slot') \|\| el.getAttribute('slot') === '')\n );\n if (assigned.length > 0) return assigned;\n }\n return Array.from(this.children).filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n (!el.hasAttribute('slot') \|\| el.getAttribute('slot') === '')\n );\n }\n\n /\n Retrieves the saved order array from persistent storage.\n /\n loadOrder(): string[] \| null {\n if (this.disableStorage) return null;\n try {\n const key = this.getEffectiveStorageKey();\n const stored = localStorage.getItem(key);\n if (!stored) return null;\n const parsed = JSON.parse(stored);\n return Array.isArray(parsed) ? parsed : null;\n } catch {\n return null;\n }\n }\n\n /\n Persists the item order to storage.\n /\n saveOrder(order?: string[]): string[] {\n const currentOrder = order \|\| this.getOrder();\n if (!this.disableStorage) {\n try {\n const key = this.getEffectiveStorageKey();\n localStorage.setItem(key, JSON.stringify(currentOrder));\n } catch {\n // Ignore localStorage quota / access errors\n }\n }\n return currentOrder;\n }\n\n /\n Returns the current array of item keys in DOM order.\n /\n getOrder(): string[] {\n return this.getItems().map((item) => this.getItemKey(item));\n }\n\n override firstUpdated(changedProperties: Map<string, unknown>) {\n super.firstUpdated(changedProperties);\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n this.applySavedOrder();\n this.updateDraggableItems();\n }\n\n /\n Sets and applies the order of items in the app drawer.\n /\n setOrder(order: string[]) {\n if (!order \|\| !order.length) return;\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n const items = this.getItems();\n if (items.length <= 1) return;\n\n const itemMap = new Map<string, HTMLElement>();\n const unmatched: HTMLElement[] = [];\n\n for (const item of items) {\n const key = this.getItemKey(item);\n if (key && !itemMap.has(key)) {\n itemMap.set(key, item);\n } else {\n unmatched.push(item);\n }\n }\n\n const newItemsOrder: HTMLElement[] = [];\n for (const key of order) {\n const item = itemMap.get(key);\n if (item) {\n newItemsOrder.push(item);\n itemMap.delete(key);\n }\n }\n\n // Append any items that were not part of the saved order\n itemMap.forEach((item) => newItemsOrder.push(item));\n newItemsOrder.push(...unmatched);\n\n let changed = false;\n for (let i = 0; i < items.length; i++) {\n if (items[i] !== newItemsOrder[i]) {\n changed = true;\n break;\n }\n }\n\n if (changed) {\n this.isReordering = true;\n for (const item of newItemsOrder) {\n this.appendChild(item);\n }\n this.isReordering = false;\n }\n }\n\n /\n Applies the saved order from localStorage if available.\n /\n applySavedOrder() {\n const savedOrder = this.loadOrder();\n if (savedOrder && savedOrder.length > 0) {\n this.setOrder(savedOrder);\n }\n }\n\n /\n Resets the persistent order and restores the initial layout.\n /\n resetOrder() {\n if (!this.disableStorage) {\n try {\n localStorage.removeItem(this.getEffectiveStorageKey());\n } catch {\n // Ignore storage errors\n }\n }\n if (this.initialOrder.length > 0) {\n this.setOrder(this.initialOrder);\n }\n const currentOrder = this.getOrder();\n this.emitEvent('reorder', {\n order: currentOrder,\n item: null,\n oldIndex: -1,\n newIndex: -1,\n });\n this.emitEvent('reset', { order: currentOrder });\n }\n\n /\n Moves an item from one index position to another.\n /\n reorderItem(fromIndex: number, toIndex: number) {\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n const items = this.getItems();\n if (\n fromIndex < 0 \|\|\n fromIndex >= items.length \|\|\n toIndex < 0 \|\|\n toIndex >= items.length \|\|\n fromIndex === toIndex\n ) {\n return;\n }\n\n const itemToMove = items[fromIndex];\n const targetItem = items[toIndex];\n\n if (!itemToMove \|\| !targetItem) {\n return;\n }\n\n this.isReordering = true;\n if (fromIndex < toIndex) {\n targetItem.after(itemToMove);\n } else {\n targetItem.before(itemToMove);\n }\n this.isReordering = false;\n\n const newOrder = this.getOrder();\n this.saveOrder(newOrder);\n\n this.emitEvent('reorder', {\n order: newOrder,\n item: itemToMove,\n oldIndex: fromIndex,\n newIndex: toIndex,\n });\n }\n\n /\n Returns whether reordering is currently active.\n /\n isReorderActive(): boolean {\n return this.reorderable && (!this.editable \|\| this.editing);\n }\n\n /\n Toggles the reordering editing mode.\n /\n toggleEdit() {\n this.editing = !this.editing;\n }\n\n /\n Enables the reordering editing mode.\n /\n startEditing() {\n this.editing = true;\n }\n\n /\n Disables the reordering editing mode.\n /\n stopEditing() {\n this.editing = false;\n }\n\n private handleEditToggle = (event: MouseEvent) => {\n event.stopPropagation();\n this.toggleEdit();\n };\n\n private handleResetClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.resetOrder();\n };\n\n private updateDraggableItems() {\n const isEnabled = this.isReorderActive();\n const items = this.getItems();\n for (const item of items) {\n const isDisabled = (item as unknown as { disabled?: boolean }).disabled \|\| item.hasAttribute('disabled');\n if (isEnabled && !isDisabled) {\n item.setAttribute('draggable', 'true');\n } else {\n item.removeAttribute('draggable');\n }\n }\n }\n\n private handleSlotChange = () => {\n if (this.isReordering) return;\n if (this.initialOrder.length === 0) {\n this.initialOrder = this.getOrder();\n }\n this.applySavedOrder();\n this.updateDraggableItems();\n };\n\n private findDrawerItem(event: Event): HTMLElement \| null {\n const path = event.composedPath();\n const items = this.getItems();\n for (const el of path) {\n if (el instanceof HTMLElement && items.includes(el)) {\n return el;\n }\n }\n return null;\n }\n\n private handleDragStart = (event: DragEvent) => {\n if (!this.isReorderActive()) return;\n const item = this.findDrawerItem(event);\n if (!item) return;\n const isDisabled = (item as unknown as { disabled?: boolean }).disabled \|\| item.hasAttribute('disabled');\n if (isDisabled) return;\n\n this.draggedItem = item;\n item.classList.add('is-dragging');\n item.setAttribute('dragging', '');\n if (typeof (item as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n (item as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(true);\n }\n\n if (event.dataTransfer) {\n event.dataTransfer.effectAllowed = 'move';\n event.dataTransfer.setData('text/plain', this.getItemKey(item));\n }\n };\n\n private handleDragOver = (event: DragEvent) => {\n if (!this.isReorderActive() \|\| !this.draggedItem) return;\n const targetItem = this.findDrawerItem(event);\n if (!targetItem \|\| targetItem === this.draggedItem) {\n if (this.dropTargetItem && this.dropTargetItem !== this.draggedItem) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n this.dropTargetItem = null;\n }\n return;\n }\n\n event.preventDefault();\n if (event.dataTransfer) {\n event.dataTransfer.dropEffect = 'move';\n }\n\n if (this.dropTargetItem !== targetItem) {\n if (this.dropTargetItem) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n }\n this.dropTargetItem = targetItem;\n targetItem.classList.add('drag-over', 'drop-target');\n targetItem.setAttribute('drag-over', '');\n if ('dragOver' in targetItem) {\n (targetItem as unknown as { dragOver: boolean }).dragOver = true;\n }\n }\n };\n\n private handleDragLeave = (event: DragEvent) => {\n const relatedTarget = event.relatedTarget as Node \| null;\n if (\n this.dropTargetItem &&\n (!relatedTarget \|\| !this.dropTargetItem.contains(relatedTarget))\n ) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n this.dropTargetItem = null;\n }\n };\n\n private handleDrop = (event: DragEvent) => {\n if (!this.isReorderActive() \|\| !this.draggedItem) return;\n event.preventDefault();\n\n const targetItem = this.findDrawerItem(event);\n if (targetItem && targetItem !== this.draggedItem) {\n const items = this.getItems();\n const oldIndex = items.indexOf(this.draggedItem);\n const newIndex = items.indexOf(targetItem);\n\n if (oldIndex !== -1 && newIndex !== -1) {\n this.reorderItem(oldIndex, newIndex);\n }\n }\n\n this.cleanupDrag();\n };\n\n private handleDragEnd = () => {\n this.cleanupDrag();\n };\n\n private cleanupDrag() {\n if (this.draggedItem) {\n this.draggedItem.classList.remove('is-dragging');\n this.draggedItem.removeAttribute('dragging');\n if (typeof (this.draggedItem as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n (this.draggedItem as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(false);\n }\n this.draggedItem = null;\n }\n if (this.dropTargetItem) {\n this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n this.dropTargetItem.removeAttribute('drag-over');\n if ('dragOver' in this.dropTargetItem) {\n (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n }\n this.dropTargetItem = null;\n }\n const items = this.getItems();\n for (const item of items) {\n item.classList.remove('is-dragging', 'drag-over', 'drop-target');\n item.removeAttribute('dragging');\n item.removeAttribute('drag-over');\n if (typeof (item as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n (item as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(false);\n }\n if ('dragOver' in item) {\n (item as unknown as { dragOver: boolean }).dragOver = false;\n }\n }\n }\n\n private handleItemKeyDown = (event: KeyboardEvent) => {\n if (!this.isReorderActive() \|\| !event.altKey) return;\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) {\n const item = this.findDrawerItem(event);\n if (!item) return;\n\n const items = this.getItems();\n const currentIndex = items.indexOf(item);\n if (currentIndex === -1) return;\n\n let targetIndex = currentIndex;\n const cols = this.columns \|\| 3;\n\n if (event.key === 'ArrowLeft') {\n targetIndex = currentIndex - 1;\n } else if (event.key === 'ArrowRight') {\n targetIndex = currentIndex + 1;\n } else if (event.key === 'ArrowUp') {\n targetIndex = currentIndex - cols;\n } else if (event.key === 'ArrowDown') {\n targetIndex = currentIndex + cols;\n }\n\n if (targetIndex >= 0 && targetIndex < items.length && targetIndex !== currentIndex) {\n event.preventDefault();\n event.stopPropagation();\n this.reorderItem(currentIndex, targetIndex);\n item.focus?.();\n }\n }\n };\n\n /\n Opens the app drawer popup.\n /\n show() {\n if (!this.open) {\n this.open = true;\n }\n }\n\n /\n Closes the app drawer popup.\n /\n close() {\n if (this.open) {\n this.open = false;\n if (this.editing) {\n this.editing = false;\n }\n }\n }\n\n /\n Toggles the app drawer open/closed state.\n */\n toggle() {\n this.open = !this.open;\n }\n\n override render() {\n const headerContent = this.headline\n ? html`<span class=\"headline\">${this.headline}</span>`\n : nothing;\n\n const backButton = html`\n <slot name=\"back-button\">\n <md-icon-button\n class=\"back-btn\"\n variant=\"standard\"\n icon=\"arrow_back\"\n aria-label=\"Close\"\n title=\"Close\"\n @click=${this.handleBackClick}\n ></md-icon-button>\n </slot>\n `;\n\n const editButton = this.reorderable && this.editable\n ? html`\n <div class=\"header-actions\">\n ${this.editing\n ? html`\n <slot name=\"reset-button\">\n <md-icon-button\n class=\"reset-btn\"\n variant=\"standard\"\n icon=\"arrow_back\"\n aria-label=\"Reset to default order\"\n title=\"Reset to default order\"\n @click=${this.handleResetClick}\n ></md-icon-button>\n </slot>\n `\n : nothing}\n <slot name=\"edit-button\">\n <md-icon-button\n class=\"edit-btn\"\n variant=${this.editing ? 'filled' : 'standard'}\n icon=${this.editing ? 'check' : 'edit'}\n aria-label=${this.editing ? 'Done editing' : 'Edit apps order'}\n title=${this.editing ? 'Done editing' : 'Edit apps order'}\n @click=${this.handleEditToggle}\n ></md-icon-button>\n </slot>\n </div>\n `\n : nothing;\n\n const triggerContent = !this.noTrigger\n ? html`\n <div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n <slot name=\"trigger\">\n <md-icon-button\n icon=${this.icon}\n aria-label=${this.ariaLabelText}\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-haspopup=\"dialog\"\n ></md-icon-button>\n </slot>\n </div>\n `\n : html`<slot name=\"trigger\" @click=${this.handleTriggerClick}></slot>`;\n\n return html`\n <div class=\"backdrop\" @click=${this.handleBackdropClick}></div>\n\n <div class=\"trigger-wrapper\">\n ${triggerContent}\n </div>\n\n <div\n class=\"popover\"\n role=\"dialog\"\n aria-modal=${this.modal ? 'true' : 'false'}\n aria-label=${this.headline \|\| this.ariaLabelText}\n aria-hidden=${this.open ? 'false' : 'true'}\n >\n <div class=\"header\">\n <div class=\"header-leading\">\n ${backButton}\n <slot name=\"header\">\n ${headerContent}\n </slot>\n </div>\n ${editButton}\n </div>\n\n <div class=\"grid\" role=\"group\" aria-label=\"Apps\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n\n <div class=\"footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n}\n\n// Aliases\n@customElement('md-app-launcher')\nexport class MdAppLauncher extends MdAppDrawer {}\n\n@customElement('md-apps-menu')\nexport class MdAppsMenu extends MdAppDrawer {}\n\n@customElement('md-app-item')\nexport class MdAppItem extends MdAppDrawerItem {}\n\n@customElement('md-app-launcher-item')\nexport class MdAppLauncherItem extends MdAppDrawerItem {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-app-drawer': MdAppDrawer;\n 'md-app-launcher': MdAppLauncher;\n 'md-apps-menu': MdAppsMenu;\n 'md-app-drawer-item': MdAppDrawerItem;\n 'md-app-item': MdAppItem;\n 'md-app-launcher-item': MdAppLauncherItem;\n }\n}\n"],"mappings":"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"}

package/dist/chunks/{badge-G4EjcMoy.js → badge-sZzNelZz.js} RENAMED Viewed

@@ -1,7 +1,8 @@
-import { n as s, t } from "./decorate-DXuynaiA.js";
-import { css as i, html as a, nothing as n } from "lit";
-import { customElement as l, property as o, queryAssignedElements as d } from "lit/decorators.js";
-var h = i`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, queryAssignedElements as s } from "lit/decorators.js";
+//#region src/components/badge/badge.css.ts
+var c = n`
   :host {
     display: inline-flex;
     position: relative;
@@ -50,40 +51,35 @@ var h = i`
     transform: translate(50%, -50%);
     z-index: 10;
   }
-`, e = class extends s {
-  constructor(...r) {
-    super(...r), this.value = "", this.dot = !1, this.anchored = !1, this.handleSlotChange = () => {
-      this.anchored = this.assignedChildren.length > 0;
-    };
-  }
-  static {
-    this.styles = [s.styles, h];
-  }
-  render() {
-    return a`
+`, l = class extends e {
+	constructor(...e) {
+		super(...e), this.value = "", this.dot = !1, this.anchored = !1, this.handleSlotChange = () => {
+			this.anchored = this.assignedChildren.length > 0;
+		};
+	}
+	static {
+		this.styles = [e.styles, c];
+	}
+	render() {
+		return r`
       <slot @slotchange=${this.handleSlotChange}></slot>
       <span class="badge">
-        ${!this.dot && this.value ? this.value : n}
+        ${!this.dot && this.value ? this.value : i}
       </span>
     `;
-  }
+	}
 };
 t([o({
-  type: String,
-  reflect: !0
-})], e.prototype, "value", void 0);
-t([o({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "dot", void 0);
-t([o({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "anchored", void 0);
-t([d()], e.prototype, "assignedChildren", void 0);
-e = t([l("md-badge")], e);
-export {
-  e as t
-};
+	type: String,
+	reflect: !0
+})], l.prototype, "value", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "dot", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "anchored", void 0), t([s()], l.prototype, "assignedChildren", void 0), l = t([a("md-badge")], l);
+//#endregion
+export { l as t };
-//# sourceMappingURL=badge-G4EjcMoy.js.map
+//# sourceMappingURL=badge-sZzNelZz.js.map

package/dist/chunks/{badge-G4EjcMoy.js.map → badge-sZzNelZz.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge-~~G4EjcMoy~~.js","names":[],"sources":["../../src/components/badge/badge.css.ts","../../src/components/badge/badge.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const badgeStyles = css`\n :host {\n display: inline-flex;\n position: relative;\n vertical-align: middle;\n }\n\n .badge {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: var(--md-sys-color-error, #B3261E);\n color: var(--md-sys-color-on-error, #FFFFFF);\n font-family: var(--md-sys-typescale-font-family, inherit);\n font-weight: 500;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--md-sys-shape-corner-full, 9999px);\n transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),\n opacity 150ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n /* Small Dot Badge /\n :host(:not([value])) .badge,\n :host([dot]) .badge {\n width: 6px;\n height: 6px;\n padding: 0;\n }\n\n / Large Badge with text /\n :host([value]:not([dot])) .badge {\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n font-size: 11px;\n letter-spacing: 0.5px;\n }\n\n / Anchored Positioning over slotted element */\n :host([anchored]) .badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n z-index: 10;\n }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { badgeStyles } from './badge.css.js';\n\n@customElement('md-badge')\nexport class MdBadge extends MdBaseElement {\n static override styles = [MdBaseElement.styles, badgeStyles];\n\n @property({ type: String, reflect: true })\n value = '';\n\n @property({ type: Boolean, reflect: true })\n dot = false;\n\n @property({ type: Boolean, reflect: true })\n anchored = false;\n\n @queryAssignedElements()\n private assignedChildren!: HTMLElement[];\n\n private handleSlotChange = () => {\n this.anchored = this.assignedChildren.length > 0;\n };\n\n override render() {\n return html`\n <slot @slotchange=${this.handleSlotChange}></slot>\n <span class=\"badge\">\n ${!this.dot && this.value ? this.value : nothing}\n </span>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-badge': MdBadge;\n }\n}\n\n"],"mappings":"~~;;;~~AAEA,IAAa,IAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GCId~~,IAAN,cAAsB,EAAc~~;AAAA;iBAIjC~~,KAAA,QAAA,IAGF,KAAA,MAAA,IAGK,KAAA,WAAA,IAKsB,KAAA,~~mBAAA,MAAA~~;~~AAC~~/B,~~WAAK~~,WAAW,KAAK,iBAAiB,SAAS;~~AAAA~~,~~IACjD;AAAA;;AAhByB~~,SAAA,~~SAAA,~~CAAC,EAAc,QAAQ,CAAW~~;AAAA;EAkB3D~~,SAAkB;~~AAChB~~,~~WAAO~~;~~AAAA~~,~~0BACe,~~KAAK,~~gBAAA;AAAA;AAAA~~,~~UAErB,~~CAAC,KAAK,OAAO,KAAK,QAAQ,KAAK,QAAQ,~~CAAA~~;~~AAAA;AAAA;AAAA,EAG/C;~~AACF;AAxBG,EAAA,CAAA,EAAS;~~AAAA~~,~~EAAE,~~MAAM;~~AAAA~~,~~EAAQ,~~SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,~~MAAA;AAGxC~~,EAAA,CAAA,EAAS;~~AAAA~~,~~EAAE,~~MAAM;~~AAAA~~,~~EAAS,~~SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,~~MAAA;AAGzC~~,EAAA,CAAA,EAAS;~~AAAA~~,~~EAAE,~~MAAM;~~AAAA~~,~~EAAS,~~SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,~~MAAA;AAGzC~~,EAAA,CAAA,EAAsB,CAAA,GAAA,EAAA,WAAA,oBAAA,~~MAAA;AAbxB~~,IAAA,EAAA,CAAA,EAAc,UAAU,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"badge-sZzNelZz.js","names":[],"sources":["../../src/components/badge/badge.css.ts","../../src/components/badge/badge.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const badgeStyles = css`\n :host {\n display: inline-flex;\n position: relative;\n vertical-align: middle;\n }\n\n .badge {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: var(--md-sys-color-error, #B3261E);\n color: var(--md-sys-color-on-error, #FFFFFF);\n font-family: var(--md-sys-typescale-font-family, inherit);\n font-weight: 500;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--md-sys-shape-corner-full, 9999px);\n transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),\n opacity 150ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n /* Small Dot Badge /\n :host(:not([value])) .badge,\n :host([dot]) .badge {\n width: 6px;\n height: 6px;\n padding: 0;\n }\n\n / Large Badge with text /\n :host([value]:not([dot])) .badge {\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n font-size: 11px;\n letter-spacing: 0.5px;\n }\n\n / Anchored Positioning over slotted element */\n :host([anchored]) .badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n z-index: 10;\n }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { badgeStyles } from './badge.css.js';\n\n@customElement('md-badge')\nexport class MdBadge extends MdBaseElement {\n static override styles = [MdBaseElement.styles, badgeStyles];\n\n @property({ type: String, reflect: true })\n value = '';\n\n @property({ type: Boolean, reflect: true })\n dot = false;\n\n @property({ type: Boolean, reflect: true })\n anchored = false;\n\n @queryAssignedElements()\n private assignedChildren!: HTMLElement[];\n\n private handleSlotChange = () => {\n this.anchored = this.assignedChildren.length > 0;\n };\n\n override render() {\n return html`\n <slot @slotchange=${this.handleSlotChange}></slot>\n <span class=\"badge\">\n ${!this.dot && this.value ? this.value : nothing}\n </span>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-badge': MdBadge;\n }\n}\n\n"],"mappings":";;;;AAEA,IAAa,IAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCIjB,IAAN,cAAsB,EAAc;;EAeR,aAXzB,KAAA,QAAA,IAGF,KAAA,MAAA,IAGK,KAAA,WAAA,IAKsB,KAAA,yBAAA;GAC/B,KAAK,WAAW,KAAK,iBAAiB,SAAS;EACjD;;;EAhByB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAW;;CAkB3D,SAAkB;EAChB,OAAO,CAAI;0BACW,KAAK,iBAAiB;;UAEtC,CAAC,KAAK,OAAO,KAAK,QAAQ,KAAK,QAAQ,EAAQ;;;CAGvD;AACF;AAxBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAsB,CAAA,GAAA,EAAA,WAAA,oBAAA,KAAA,CAAA,GAbxB,IAAA,EAAA,CAAA,EAAc,UAAU,CAAA,GAAA,CAAA"}

package/dist/chunks/{bottom-sheet-q79BBYAj.js → bottom-sheet-BGgbUmKd.js} RENAMED Viewed

@@ -1,9 +1,10 @@
-import { n as d, t } from "./decorate-DXuynaiA.js";
-import "./icon-DrNqcNEL.js";
-import "./icon-button-BQz73GLa.js";
-import { css as c, html as r, nothing as a } from "lit";
-import { customElement as m, property as i, query as p, state as v } from "lit/decorators.js";
-var g = c`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./icon-FvKeXi61.js";
+import "./icon-button-CulnCZpZ.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, query as s, state as c } from "lit/decorators.js";
+//#region src/components/bottom-sheet/bottom-sheet.css.ts
+var l = n`
   :host {
     display: contents;
     font-family: var(--md-sys-typescale-font-family, inherit);
@@ -242,60 +243,60 @@ var g = c`
     gap: 8px;
     flex-shrink: 0;
   }
-`, e = class extends d {
-  constructor(...s) {
-    super(...s), this.open = !1, this.type = "standard", this.modal = !1, this.headline = "", this.subhead = "", this.hideDragHandle = !1, this.hideCloseButton = !1, this.divider = !1, this.fullscreen = !1, this.isDragging = !1, this.dragStartY = 0, this.currentDragY = 0, this.activePointerId = null, this.handleKeyDown = (o) => {
-      o.key === "Escape" && this.open && this.isModalMode() && (this.close(), this.emitEvent("cancel"));
-    }, this.handleScrimClick = () => {
-      this.close(), this.emitEvent("scrim-click");
-    }, this.handleCloseClick = () => {
-      this.close(), this.emitEvent("close-click");
-    }, this.handleDragPointerDown = (o) => {
-      o.button === 0 && (o.target.closest('button, md-icon-button, md-button, a, input, [role="button"]') || (this.isDragging = !0, this.dragStartY = o.clientY, this.currentDragY = 0, this.activePointerId = o.pointerId, this.sheetElement && this.sheetElement.classList.add("is-dragging"), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp), window.addEventListener("pointercancel", this.handlePointerUp), this.emitEvent("drag-start", { startY: this.dragStartY })));
-    }, this.handlePointerMove = (o) => {
-      if (!this.isDragging) return;
-      const n = o.clientY - this.dragStartY;
-      if (this.currentDragY = n > 0 ? n : n * 0.15, this.sheetElement) {
-        const l = Math.max(0, this.currentDragY);
-        this.sheetElement.style.transform = `translateY(${l}px)`;
-      }
-      this.emitEvent("drag", { deltaY: this.currentDragY });
-    }, this.handlePointerUp = (o) => {
-      if (!this.isDragging) return;
-      this.isDragging = !1, this.cleanupDragListeners(), this.sheetElement && (this.sheetElement.classList.remove("is-dragging"), this.sheetElement.style.transform = "");
-      const n = this.sheetElement?.offsetHeight || 300, l = Math.min(100, n * 0.25);
-      this.currentDragY > l && (this.close(), this.emitEvent("drag-dismiss")), this.emitEvent("drag-end", { deltaY: this.currentDragY }), this.currentDragY = 0, this.activePointerId = null;
-    };
-  }
-  static {
-    this.styles = [d.styles, g];
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), this.cleanupDragListeners();
-  }
-  updated(s) {
-    super.updated(s), s.has("open") && (this.open ? this.emitEvent("open") : this.emitEvent("close"));
-  }
-  isModalMode() {
-    return this.modal || this.type === "modal";
-  }
-  cleanupDragListeners() {
-    window.removeEventListener("pointermove", this.handlePointerMove), window.removeEventListener("pointerup", this.handlePointerUp), window.removeEventListener("pointercancel", this.handlePointerUp);
-  }
-  show() {
-    this.open = !0;
-  }
-  close() {
-    this.open = !1;
-  }
-  toggle() {
-    this.open = !this.open;
-  }
-  render() {
-    const s = this.isModalMode(), o = this.hideDragHandle ? a : r`
+`, u = class extends e {
+	constructor(...e) {
+		super(...e), this.open = !1, this.type = "standard", this.modal = !1, this.headline = "", this.subhead = "", this.hideDragHandle = !1, this.hideCloseButton = !1, this.divider = !1, this.fullscreen = !1, this.isDragging = !1, this.dragStartY = 0, this.currentDragY = 0, this.activePointerId = null, this.handleKeyDown = (e) => {
+			e.key === "Escape" && this.open && this.isModalMode() && (this.close(), this.emitEvent("cancel"));
+		}, this.handleScrimClick = () => {
+			this.close(), this.emitEvent("scrim-click");
+		}, this.handleCloseClick = () => {
+			this.close(), this.emitEvent("close-click");
+		}, this.handleDragPointerDown = (e) => {
+			e.button === 0 && (e.target.closest("button, md-icon-button, md-button, a, input, [role=\"button\"]") || (this.isDragging = !0, this.dragStartY = e.clientY, this.currentDragY = 0, this.activePointerId = e.pointerId, this.sheetElement && this.sheetElement.classList.add("is-dragging"), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp), window.addEventListener("pointercancel", this.handlePointerUp), this.emitEvent("drag-start", { startY: this.dragStartY })));
+		}, this.handlePointerMove = (e) => {
+			if (!this.isDragging) return;
+			let t = e.clientY - this.dragStartY;
+			if (this.currentDragY = t > 0 ? t : t * .15, this.sheetElement) {
+				let e = Math.max(0, this.currentDragY);
+				this.sheetElement.style.transform = `translateY(${e}px)`;
+			}
+			this.emitEvent("drag", { deltaY: this.currentDragY });
+		}, this.handlePointerUp = (e) => {
+			if (!this.isDragging) return;
+			this.isDragging = !1, this.cleanupDragListeners(), this.sheetElement && (this.sheetElement.classList.remove("is-dragging"), this.sheetElement.style.transform = "");
+			let t = this.sheetElement?.offsetHeight || 300, n = Math.min(100, t * .25);
+			this.currentDragY > n && (this.close(), this.emitEvent("drag-dismiss")), this.emitEvent("drag-end", { deltaY: this.currentDragY }), this.currentDragY = 0, this.activePointerId = null;
+		};
+	}
+	static {
+		this.styles = [e.styles, l];
+	}
+	connectedCallback() {
+		super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), this.cleanupDragListeners();
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? this.emitEvent("open") : this.emitEvent("close"));
+	}
+	isModalMode() {
+		return this.modal || this.type === "modal";
+	}
+	cleanupDragListeners() {
+		window.removeEventListener("pointermove", this.handlePointerMove), window.removeEventListener("pointerup", this.handlePointerUp), window.removeEventListener("pointercancel", this.handlePointerUp);
+	}
+	show() {
+		this.open = !0;
+	}
+	close() {
+		this.open = !1;
+	}
+	toggle() {
+		this.open = !this.open;
+	}
+	render() {
+		let e = this.isModalMode(), t = this.hideDragHandle ? i : r`
           <div
             class="drag-handle-container"
             @pointerdown=${this.handleDragPointerDown}
@@ -305,7 +306,7 @@ var g = c`
               <div class="drag-handle"></div>
             </slot>
           </div>
-        `, n = this.headline ? r`<h2 class="headline">${this.headline}</h2>` : a, l = this.subhead ? r`<p class="subhead">${this.subhead}</p>` : a, h = this.hideCloseButton ? a : r`
+        `, n = this.headline ? r`<h2 class="headline">${this.headline}</h2>` : i, a = this.subhead ? r`<p class="subhead">${this.subhead}</p>` : i, o = this.hideCloseButton ? i : r`
           <slot name="close-button">
             <md-icon-button
               class="close-button"
@@ -315,17 +316,17 @@ var g = c`
             ></md-icon-button>
           </slot>
         `;
-    return r`
+		return r`
       <div class="scrim" @click=${this.handleScrimClick}></div>
       <aside
         class="sheet"
-        role=${s ? "dialog" : "region"}
-        aria-modal=${s ? "true" : a}
+        role=${e ? "dialog" : "region"}
+        aria-modal=${e ? "true" : i}
         aria-hidden=${this.open ? "false" : "true"}
         aria-label=${this.headline || "Bottom sheet"}
       >
-        ${o}
+        ${t}
         <slot name="header">
           <div class="header" @pointerdown=${this.handleDragPointerDown}>
@@ -334,18 +335,18 @@ var g = c`
                 ${n}
               </slot>
               <slot name="subhead">
-                ${l}
+                ${a}
               </slot>
             </div>
             <div class="header-actions">
               <slot name="header-actions"></slot>
-              ${h}
+              ${o}
             </div>
           </div>
         </slot>
-        ${this.divider ? r`<div class="divider"></div>` : a}
+        ${this.divider ? r`<div class="divider"></div>` : i}
         <div class="content">
           <slot></slot>
@@ -358,45 +359,33 @@ var g = c`
         </slot>
       </aside>
     `;
-  }
-};
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "open", void 0);
-t([i({
-  type: String,
-  reflect: !0
-})], e.prototype, "type", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "modal", void 0);
-t([i({ type: String })], e.prototype, "headline", void 0);
-t([i({ type: String })], e.prototype, "subhead", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0,
-  attribute: "hide-drag-handle"
-})], e.prototype, "hideDragHandle", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0,
-  attribute: "hide-close-button"
-})], e.prototype, "hideCloseButton", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "divider", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "fullscreen", void 0);
-t([p(".sheet")], e.prototype, "sheetElement", void 0);
-t([v()], e.prototype, "isDragging", void 0);
-e = t([m("md-bottom-sheet")], e);
-export {
-  e as t
+	}
 };
-//# sourceMappingURL=bottom-sheet-q79BBYAj.js.map
+t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "open", void 0), t([o({
+	type: String,
+	reflect: !0
+})], u.prototype, "type", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "modal", void 0), t([o({ type: String })], u.prototype, "headline", void 0), t([o({ type: String })], u.prototype, "subhead", void 0), t([o({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-drag-handle"
+})], u.prototype, "hideDragHandle", void 0), t([o({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-close-button"
+})], u.prototype, "hideCloseButton", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "divider", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "fullscreen", void 0), t([s(".sheet")], u.prototype, "sheetElement", void 0), t([c()], u.prototype, "isDragging", void 0), u = t([a("md-bottom-sheet")], u);
+//#endregion
+export { u as t };
+//# sourceMappingURL=bottom-sheet-BGgbUmKd.js.map