npm - @mhmo91/schmancy - Versions diffs - 0.2.166 → 0.2.167 - Mend

@mhmo91/schmancy 0.2.166 → 0.2.167

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 (255) hide show

package/dist/{chips-pqAEZ-DH.js.map → chips-CGx5hIpM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chips-pqAEZ-DH.js","sources":["../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/chip.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/chip-set.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/chip-set-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/chip-set.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/elevated-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/elevation/internal/elevation.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/elevation/internal/elevation-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/elevation/elevation.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/multi-action-chip.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/trailing-icons.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/filter-chip.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/filter-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/selectable-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/shared-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/trailing-icon-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/filter-chip.js","../src/chips/chip.ts","../src/chips/chips.ts"],"sourcesContent":["/*\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { mixinDelegatesAria } from '../../internal/aria/delegate.js';\n// Separate variable needed for closure.\nconst chipBaseClass = mixinDelegatesAria(LitElement);\n/\n A chip component.\n \n @fires update-focus {Event} Dispatched when `disabled` is toggled. --bubbles\n /\nexport class Chip extends chipBaseClass {\n /\n Whether or not the primary ripple is disabled (defaults to `disabled`).\n * Some chip actions such as links cannot be disabled.\n /\n get rippleDisabled() {\n return this.disabled \|\| this.softDisabled;\n }\n constructor() {\n super();\n /\n Whether or not the chip is disabled.\n \n Disabled chips are not focusable, unless `always-focusable` is set.\n /\n this.disabled = false;\n /\n Whether or not the chip is \"soft-disabled\" (disabled but still\n * focusable).\n \n Use this when a chip needs increased visibility when disabled. See\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\n * for more guidance on when this is needed.\n /\n this.softDisabled = false;\n /\n When true, allow disabled chips to be focused with arrow keys.\n \n Add this when a chip needs increased visibility when disabled. See\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\n * for more guidance on when this is needed.\n \n @deprecated Use `softDisabled` instead of `alwaysFocusable` + `disabled`.\n /\n this.alwaysFocusable = false;\n // TODO(b/350810013): remove the label property.\n /\n The label of the chip.\n \n @deprecated Set text as content of the chip instead.\n /\n this.label = '';\n /\n Only needed for SSR.\n \n Add this attribute when a chip has a `slot=\"icon\"` to avoid a Flash Of\n * Unstyled Content.\n /\n this.hasIcon = false;\n if (!isServer) {\n this.addEventListener('click', this.handleClick.bind(this));\n }\n }\n focus(options) {\n if (this.disabled && !this.alwaysFocusable) {\n return;\n }\n super.focus(options);\n }\n render() {\n return html `\n <div class=\"container ${classMap(this.getContainerClasses())}\">\n ${this.renderContainerContent()}\n </div>\n `;\n }\n updated(changed) {\n if (changed.has('disabled') && changed.get('disabled') !== undefined) {\n this.dispatchEvent(new Event('update-focus', { bubbles: true }));\n }\n }\n getContainerClasses() {\n return {\n 'disabled': this.disabled \|\| this.softDisabled,\n 'has-icon': this.hasIcon,\n };\n }\n renderContainerContent() {\n return html `\n ${this.renderOutline()}\n <md-focus-ring part=\"focus-ring\" for=${this.primaryId}></md-focus-ring>\n <md-ripple\n for=${this.primaryId}\n ?disabled=${this.rippleDisabled}></md-ripple>\n ${this.renderPrimaryAction(this.renderPrimaryContent())}\n `;\n }\n renderOutline() {\n return html `<span class=\"outline\"></span>`;\n }\n renderLeadingIcon() {\n return html `<slot name=\"icon\" @slotchange=${this.handleIconChange}></slot>`;\n }\n renderPrimaryContent() {\n return html `\n <span class=\"leading icon\" aria-hidden=\"true\">\n ${this.renderLeadingIcon()}\n </span>\n <span class=\"label\">\n <span class=\"label-text\" id=\"label\">\n ${this.label ? this.label : html `<slot></slot>`}\n </span>\n </span>\n <span class=\"touch\"></span>\n `;\n }\n handleIconChange(event) {\n const slot = event.target;\n this.hasIcon = slot.assignedElements({ flatten: true }).length > 0;\n }\n handleClick(event) {\n // If the chip is soft-disabled or disabled + always-focusable, we need to\n // explicitly prevent the click from propagating to other event listeners\n // as well as prevent the default action.\n if (this.softDisabled \|\| (this.disabled && this.alwaysFocusable)) {\n event.stopImmediatePropagation();\n event.preventDefault();\n return;\n }\n }\n}\n/* @nocollapse /\nChip.shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n};\n__decorate([\n property({ type: Boolean, reflect: true })\n], Chip.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean, attribute: 'soft-disabled', reflect: true })\n], Chip.prototype, \"softDisabled\", void 0);\n__decorate([\n property({ type: Boolean, attribute: 'always-focusable' })\n], Chip.prototype, \"alwaysFocusable\", void 0);\n__decorate([\n property()\n], Chip.prototype, \"label\", void 0);\n__decorate([\n property({ type: Boolean, reflect: true, attribute: 'has-icon' })\n], Chip.prototype, \"hasIcon\", void 0);\n//# sourceMappingURL=chip.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { html, isServer, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { Chip } from './chip.js';\n/\n A chip set component.\n /\nexport class ChipSet extends LitElement {\n get chips() {\n return this.childElements.filter((child) => child instanceof Chip);\n }\n constructor() {\n super();\n this.internals = \n // Cast needed for closure\n this.attachInternals();\n if (!isServer) {\n this.addEventListener('focusin', this.updateTabIndices.bind(this));\n this.addEventListener('update-focus', this.updateTabIndices.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.internals.role = 'toolbar';\n }\n }\n render() {\n return html `<slot @slotchange=${this.updateTabIndices}></slot>`;\n }\n handleKeyDown(event) {\n const isLeft = event.key === 'ArrowLeft';\n const isRight = event.key === 'ArrowRight';\n const isHome = event.key === 'Home';\n const isEnd = event.key === 'End';\n // Ignore non-navigation keys\n if (!isLeft && !isRight && !isHome && !isEnd) {\n return;\n }\n const { chips } = this;\n // Don't try to select another chip if there aren't any.\n if (chips.length < 2) {\n return;\n }\n // Prevent default interactions, such as scrolling.\n event.preventDefault();\n if (isHome \|\| isEnd) {\n const index = isHome ? 0 : chips.length - 1;\n chips[index].focus({ trailing: isEnd });\n this.updateTabIndices();\n return;\n }\n // Check if moving forwards or backwards\n const isRtl = getComputedStyle(this).direction === 'rtl';\n const forwards = isRtl ? isLeft : isRight;\n const focusedChip = chips.find((chip) => chip.matches(':focus-within'));\n if (!focusedChip) {\n // If there is not already a chip focused, select the first or last chip\n // based on the direction we're traveling.\n const nextChip = forwards ? chips[0] : chips[chips.length - 1];\n nextChip.focus({ trailing: !forwards });\n this.updateTabIndices();\n return;\n }\n const currentIndex = chips.indexOf(focusedChip);\n let nextIndex = forwards ? currentIndex + 1 : currentIndex - 1;\n // Search for the next sibling that is not disabled to select.\n // If we return to the host index, there is nothing to select.\n while (nextIndex !== currentIndex) {\n if (nextIndex >= chips.length) {\n // Return to start if moving past the last item.\n nextIndex = 0;\n }\n else if (nextIndex < 0) {\n // Go to end if moving before the first item.\n nextIndex = chips.length - 1;\n }\n // Check if the next sibling is disabled. If so,\n // move the index and continue searching.\n //\n // Some toolbar items may be focusable when disabled for increased\n // visibility.\n const nextChip = chips[nextIndex];\n if (nextChip.disabled && !nextChip.alwaysFocusable) {\n if (forwards) {\n nextIndex++;\n }\n else {\n nextIndex--;\n }\n continue;\n }\n nextChip.focus({ trailing: !forwards });\n this.updateTabIndices();\n break;\n }\n }\n updateTabIndices() {\n // The chip that should be focusable is either the chip that currently has\n // focus or the first chip that can be focused.\n const { chips } = this;\n let chipToFocus;\n for (const chip of chips) {\n const isChipFocusable = chip.alwaysFocusable \|\| !chip.disabled;\n const chipIsFocused = chip.matches(':focus-within');\n if (chipIsFocused && isChipFocusable) {\n // Found the first chip that is actively focused. This overrides the\n // first focusable chip found.\n chipToFocus = chip;\n continue;\n }\n if (isChipFocusable && !chipToFocus) {\n chipToFocus = chip;\n }\n // Disable non-focused chips. If we disable all of them, we'll grant focus\n // to the first focusable child that was found.\n chip.tabIndex = -1;\n }\n if (chipToFocus) {\n chipToFocus.tabIndex = 0;\n }\n }\n}\n__decorate([\n queryAssignedElements()\n], ChipSet.prototype, \"childElements\", void 0);\n//# sourceMappingURL=chip-set.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/chip-set-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{display:flex;flex-wrap:wrap;gap:8px}\n`;\n//# sourceMappingURL=chip-set-styles.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { ChipSet } from './internal/chip-set.js';\nimport { styles } from './internal/chip-set-styles.js';\n/\n TODO(b/243982145): add docs\n \n @final\n * @suppress {visibility}\n /\nlet MdChipSet = class MdChipSet extends ChipSet {\n};\nMdChipSet.styles = [styles];\nMdChipSet = __decorate([\n customElement('md-chip-set')\n], MdChipSet);\nexport { MdChipSet };\n//# sourceMappingURL=chip-set.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/elevated-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}}\n`;\n//# sourceMappingURL=elevated-styles.js.map","/\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { html, LitElement } from 'lit';\n/\n A component for elevation.\n /\nexport class Elevation extends LitElement {\n connectedCallback() {\n super.connectedCallback();\n // Needed for VoiceOver, which will create a \"group\" if the element is a\n // sibling to other content.\n this.setAttribute('aria-hidden', 'true');\n }\n render() {\n return html `<span class=\"shadow\"></span>`;\n }\n}\n//# sourceMappingURL=elevation.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./elevation/internal/elevation-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:\"\";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2clamp(0,var(--_level) - 4,1))) calc(1px(2clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2clamp(0,var(--_level) - 2,3))) calc(1px(3clamp(0,var(--_level),2) + 2clamp(0,var(--_level) - 2,3))) calc(1px(clamp(0,var(--_level),4) + 2clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}\n`;\n//# sourceMappingURL=elevation-styles.js.map","/*\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { Elevation } from './internal/elevation.js';\nimport { styles } from './internal/elevation-styles.js';\n/\n The `<md-elevation>` custom element with default styles.\n \n Elevation is the relative distance between two surfaces along the z-axis.\n \n @final\n * @suppress {visibility}\n /\nlet MdElevation = class MdElevation extends Elevation {\n};\nMdElevation.styles = [styles];\nMdElevation = __decorate([\n customElement('md-elevation')\n], MdElevation);\nexport { MdElevation };\n//# sourceMappingURL=elevation.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { html, isServer } from 'lit';\nimport { Chip } from './chip.js';\nconst ARIA_LABEL_REMOVE = 'aria-label-remove';\n/\n A chip component with multiple actions.\n /\nexport class MultiActionChip extends Chip {\n get ariaLabelRemove() {\n if (this.hasAttribute(ARIA_LABEL_REMOVE)) {\n return this.getAttribute(ARIA_LABEL_REMOVE);\n }\n const { ariaLabel } = this;\n // TODO(b/350810013): remove `this.label` when label property is removed.\n if (ariaLabel \|\| this.label) {\n return `Remove ${ariaLabel \|\| this.label}`;\n }\n return null;\n }\n set ariaLabelRemove(ariaLabel) {\n const prev = this.ariaLabelRemove;\n if (ariaLabel === prev) {\n return;\n }\n if (ariaLabel === null) {\n this.removeAttribute(ARIA_LABEL_REMOVE);\n }\n else {\n this.setAttribute(ARIA_LABEL_REMOVE, ariaLabel);\n }\n this.requestUpdate();\n }\n constructor() {\n super();\n this.handleTrailingActionFocus = this.handleTrailingActionFocus.bind(this);\n if (!isServer) {\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n }\n }\n focus(options) {\n const isFocusable = this.alwaysFocusable \|\| !this.disabled;\n if (isFocusable && options?.trailing && this.trailingAction) {\n this.trailingAction.focus(options);\n return;\n }\n super.focus(options);\n }\n renderContainerContent() {\n return html `\n ${super.renderContainerContent()}\n ${this.renderTrailingAction(this.handleTrailingActionFocus)}\n `;\n }\n handleKeyDown(event) {\n const isLeft = event.key === 'ArrowLeft';\n const isRight = event.key === 'ArrowRight';\n // Ignore non-navigation keys.\n if (!isLeft && !isRight) {\n return;\n }\n if (!this.primaryAction \|\| !this.trailingAction) {\n // Does not have multiple actions.\n return;\n }\n // Check if moving forwards or backwards\n const isRtl = getComputedStyle(this).direction === 'rtl';\n const forwards = isRtl ? isLeft : isRight;\n const isPrimaryFocused = this.primaryAction?.matches(':focus-within');\n const isTrailingFocused = this.trailingAction?.matches(':focus-within');\n if ((forwards && isTrailingFocused) \|\| (!forwards && isPrimaryFocused)) {\n // Moving outside of the chip, it will be handled by the chip set.\n return;\n }\n // Prevent default interactions, such as scrolling.\n event.preventDefault();\n // Don't let the chip set handle this navigation event.\n event.stopPropagation();\n const actionToFocus = forwards ? this.trailingAction : this.primaryAction;\n actionToFocus.focus();\n }\n handleTrailingActionFocus() {\n const { primaryAction, trailingAction } = this;\n if (!primaryAction \|\| !trailingAction) {\n return;\n }\n // Temporarily turn off the primary action's focusability. This allows\n // shift+tab from the trailing action to move to the previous chip rather\n // than the primary action in the same chip.\n primaryAction.tabIndex = -1;\n trailingAction.addEventListener('focusout', () => {\n primaryAction.tabIndex = 0;\n }, { once: true });\n }\n}\n//# sourceMappingURL=multi-action-chip.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, nothing } from 'lit';\n/* @protected /\nexport function renderRemoveButton({ ariaLabel, disabled, focusListener, tabbable = false, }) {\n // When an aria-label is not provided, we use two spans with aria-labelledby\n // to create the \"Remove <textContent>\" label for the remove button. The first\n // is this #remove-label span, the second is the chip's #label slot span.\n return html `\n <span id=\"remove-label\" hidden aria-hidden=\"true\">Remove</span>\n <button\n class=\"trailing action\"\n aria-label=${ariaLabel \|\| nothing}\n aria-labelledby=${!ariaLabel ? 'remove-label label' : nothing}\n tabindex=${!tabbable ? -1 : nothing}\n @click=${handleRemoveClick}\n @focus=${focusListener}>\n <md-focus-ring part=\"trailing-focus-ring\"></md-focus-ring>\n <md-ripple ?disabled=${disabled}></md-ripple>\n <span class=\"trailing icon\" aria-hidden=\"true\">\n <slot name=\"remove-trailing-icon\">\n <svg viewBox=\"0 96 960 960\">\n <path\n d=\"m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\" />\n </svg>\n </slot>\n </span>\n <span class=\"touch\"></span>\n </button>\n `;\n}\nfunction handleRemoveClick(event) {\n if (this.disabled \|\| this.softDisabled) {\n return;\n }\n event.stopPropagation();\n const preventDefault = !this.dispatchEvent(new Event('remove', { cancelable: true }));\n if (preventDefault) {\n return;\n }\n this.remove();\n}\n//# sourceMappingURL=trailing-icons.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport '../../elevation/elevation.js';\nimport { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { redispatchEvent } from '../../internal/events/redispatch-event.js';\nimport { MultiActionChip } from './multi-action-chip.js';\nimport { renderRemoveButton } from './trailing-icons.js';\n/\n A filter chip component.\n \n @fires remove {Event} Dispatched when the remove button is clicked.\n /\nexport class FilterChip extends MultiActionChip {\n constructor() {\n super(...arguments);\n this.elevated = false;\n this.removable = false;\n this.selected = false;\n /\n Only needed for SSR.\n \n Add this attribute when a filter chip has a `slot=\"selected-icon\"` to avoid\n * a Flash Of Unstyled Content.\n /\n this.hasSelectedIcon = false;\n }\n get primaryId() {\n return 'button';\n }\n getContainerClasses() {\n return {\n ...super.getContainerClasses(),\n elevated: this.elevated,\n selected: this.selected,\n 'has-trailing': this.removable,\n 'has-icon': this.hasIcon \|\| this.selected,\n };\n }\n renderPrimaryAction(content) {\n const { ariaLabel } = this;\n return html `\n <button\n class=\"primary action\"\n id=\"button\"\n aria-label=${ariaLabel \|\| nothing}\n aria-pressed=${this.selected}\n aria-disabled=${this.softDisabled \|\| nothing}\n ?disabled=${this.disabled && !this.alwaysFocusable}\n @click=${this.handleClickOnChild}\n >${content}</button\n >\n `;\n }\n renderLeadingIcon() {\n if (!this.selected) {\n return super.renderLeadingIcon();\n }\n return html `\n <slot name=\"selected-icon\">\n <svg class=\"checkmark\" viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n <path\n d=\"M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z\" />\n </svg>\n </slot>\n `;\n }\n renderTrailingAction(focusListener) {\n if (this.removable) {\n return renderRemoveButton({\n focusListener,\n ariaLabel: this.ariaLabelRemove,\n disabled: this.disabled \|\| this.softDisabled,\n });\n }\n return nothing;\n }\n renderOutline() {\n if (this.elevated) {\n return html `<md-elevation part=\"elevation\"></md-elevation>`;\n }\n return super.renderOutline();\n }\n handleClickOnChild(event) {\n if (this.disabled \|\| this.softDisabled) {\n return;\n }\n // Store prevValue to revert in case `chip.selected` is changed during an\n // event listener.\n const prevValue = this.selected;\n this.selected = !this.selected;\n const preventDefault = !redispatchEvent(this, event);\n if (preventDefault) {\n // We should not do `this.selected = !this.selected`, since a client\n // click listener could change its value. Instead, always revert to the\n // original value.\n this.selected = prevValue;\n return;\n }\n }\n}\n__decorate([\n property({ type: Boolean })\n], FilterChip.prototype, \"elevated\", void 0);\n__decorate([\n property({ type: Boolean })\n], FilterChip.prototype, \"removable\", void 0);\n__decorate([\n property({ type: Boolean, reflect: true })\n], FilterChip.prototype, \"selected\", void 0);\n__decorate([\n property({ type: Boolean, reflect: true, attribute: 'has-selected-icon' })\n], FilterChip.prototype, \"hasSelectedIcon\", void 0);\n__decorate([\n query('.primary.action')\n], FilterChip.prototype, \"primaryAction\", void 0);\n__decorate([\n query('.trailing.action')\n], FilterChip.prototype, \"trailingAction\", void 0);\n//# sourceMappingURL=filter-chip.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/filter-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}\n`;\n//# sourceMappingURL=filter-styles.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/selectable-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}\n`;\n//# sourceMappingURL=selectable-styles.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/shared-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit}\n`;\n//# sourceMappingURL=shared-styles.js.map","/*\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/trailing-icon-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333var(--_icon-size));width:calc(1.3333333333var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}\n`;\n//# sourceMappingURL=trailing-icon-styles.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { styles as elevatedStyles } from './internal/elevated-styles.js';\nimport { FilterChip } from './internal/filter-chip.js';\nimport { styles } from './internal/filter-styles.js';\nimport { styles as selectableStyles } from './internal/selectable-styles.js';\nimport { styles as sharedStyles } from './internal/shared-styles.js';\nimport { styles as trailingIconStyles } from './internal/trailing-icon-styles.js';\n/\n TODO(b/243982145): add docs\n \n @final\n * @suppress {visibility}\n */\nlet MdFilterChip = class MdFilterChip extends FilterChip {\n};\nMdFilterChip.styles = [\n sharedStyles,\n elevatedStyles,\n trailingIconStyles,\n selectableStyles,\n styles,\n];\nMdFilterChip = __decorate([\n customElement('md-filter-chip')\n], MdFilterChip);\nexport { MdFilterChip };\n//# sourceMappingURL=filter-chip.js.map","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { $LitElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-chip')\nexport default class SchmancyChip extends $LitElement() {\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t@property({ type: Boolean, reflect: true })\n\treadOnly: boolean = false\n\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\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\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<md-filter-chip\n\t\t\t\t@click=${() => {\n\t\t\t\t\tif (this.readOnly) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\t// Toggle selection and dispatch a change event\n\t\t\t\t\tthis.selected = !this.selected\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\tdetail: { value: this.value, selected: this.selected },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}}\n\t\t\t\t?selected=${this.selected}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t>\n\t\t\t\t${this.icon ? html`<span>${this.icon}</span>` : ''}\n\t\t\t\t<slot></slot>\n\t\t\t</md-filter-chip>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chip': SchmancyChip\n\t}\n}\n\nexport type SchmancyChipChangeEvent = { value: string; selected: boolean }\n","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { ChipSet } from '@material/web/chips/internal/chip-set'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport SchmancyChip, { SchmancyChipChangeEvent } from './chip'\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends $LitElement(css``) {\n\t@query('md-chip-set') chipSet!: ChipSet\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tmulti = false\n\n\t@property({\n\t\ttype: Array,\n\t\treflect: true,\n\t})\n\tvalues: string[] = []\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tvalue: string = ''\n\n\t@queryAssignedElements({\n\t\tselector: 'schmancy-chip',\n\t\tflatten: true,\n\t})\n\tchips!: SchmancyChip[]\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\twrap: 'wrap' \| 'nowrap' = 'wrap'\n\tasync change(e: CustomEvent<SchmancyChipChangeEvent>) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t\tconst { value, selected } = e.detail\n\t\tif (this.multi) {\n\t\t\tif (selected) {\n\t\t\t\tthis.values = [...this.values, value]\n\t\t\t\t// find the chip that was selected\n\t\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\t\t// if it exists, select it\n\t\t\t\tif (chip) chip.selected = true\n\t\t\t} else {\n\t\t\t\tthis.values = this.values.filter(v => v !== value)\n\t\t\t\t// find the chip that was deselected\n\t\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\t\t// if it exists, deselect it\n\t\t\t\tif (chip) chip.selected = false\n\t\t\t}\n\t\t\tthis.requestUpdate()\n\t\t} else {\n\t\t\tconst { value, selected } = e.detail\n\t\t\tthis.value = selected ? value : ''\n\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\tif (selected) chip.selected = selected\n\t\t\telse chip.selected = false\n\t\t\t// deselect all other chips\n\t\t\tthis.chips.forEach(c => {\n\t\t\t\tif (this.value && this.value === c.value) c.selected = true\n\t\t\t\telse c.selected = false\n\t\t\t})\n\t\t\tthis.requestUpdate()\n\t\t}\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyChipsChangeEvent>('change', {\n\t\t\t\tdetail: this.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\tthis.hydrateTabs()\n\t}\n\n\t// attribute changes\n\t// when values change, update the selected chips\n\tattributeChangedCallback(name: string, old: string, value: string): void {\n\t\tsuper.attributeChangedCallback(name, old, value)\n\t\tif (name === 'values') {\n\t\t\tthis.hydrateTabs()\n\t\t} else if (name === 'value') {\n\t\t\tthis.hydrateTabs()\n\t\t}\n\t}\n\n\thydrateTabs() {\n\t\tthis.chips.forEach(chip => {\n\t\t\tif (this.multi) {\n\t\t\t\tif (this.values.includes(chip.value)) chip.selected = true\n\t\t\t\telse chip.selected = false\n\t\t\t} else {\n\t\t\t\tif (this.value === chip.value) chip.selected = true\n\t\t\t\telse chip.selected = false\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render(): unknown {\n\t\tconst styles = {\n\t\t\t'flex-wrap': this.wrap,\n\t\t}\n\t\treturn html` <md-chip-set style=${this.styleMap(styles)} @change=${this.change}>\n\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t</md-chip-set>`\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"],"names":["chipBaseClass","mixinDelegatesAria","LitElement","Chip","this","disabled","softDisabled","constructor","super","alwaysFocusable","label","hasIcon","isServer","addEventListener","handleClick","bind","options","focus","render","html","classMap","getContainerClasses","renderContainerContent","changed","has","undefined","get","dispatchEvent","Event","bubbles","renderOutline","primaryId","rippleDisabled","renderPrimaryAction","renderPrimaryContent","renderLeadingIcon","handleIconChange","event","slot","target","assignedElements","flatten","length","stopImmediatePropagation","preventDefault","shadowRootOptions","delegatesFocus","__decorate","property","type","Boolean","reflect","prototype","attribute","ChipSet","childElements","filter","child","internals","attachInternals","updateTabIndices","handleKeyDown","role","isLeft","key","isRight","isHome","isEnd","chips","trailing","forwards","getComputedStyle","direction","focusedChip","find","chip","matches","currentIndex","indexOf","nextIndex","nextChip","chipToFocus","isChipFocusable","tabIndex","queryAssignedElements","styles","css","MdChipSet","customElement","Elevation","connectedCallback","setAttribute","MdElevation","ARIA_LABEL_REMOVE","MultiActionChip","hasAttribute","getAttribute","ariaLabel","ariaLabelRemove","removeAttribute","requestUpdate","handleTrailingActionFocus","trailingAction","renderTrailingAction","primaryAction","isPrimaryFocused","isTrailingFocused","stopPropagation","once","renderRemoveButton","focusListener","tabbable","nothing","handleRemoveClick","cancelable","remove","FilterChip","arguments","elevated","removable","selected","hasSelectedIcon","content","handleClickOnChild","prevValue","redispatchEvent","query","MdFilterChip","sharedStyles","elevatedStyles","trailingIconStyles","selectableStyles","SchmancyChip","$LitElement","value","icon","readOnly","form","CustomEvent","detail","formAssociated","__decorateClass","String","SchmancyChips","multi","values","wrap","e","c","v","forEach","_changedProperties","firstUpdated","hydrateTabs","name","old","attributeChangedCallback","includes","styleMap","change","Array","selector"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAgBC,EAAmBC;AAMlC,MAAMC,UAAaH,EAKtB;AAAA,EAAA,IAAA;AACI,WAAOI,KAAKC,YAAYD,KAAKE;AAAAA,EACrC;AAAA,EACI,cAAAC;AACIC,UAMAJ,GAAAA,KAAKC,eASLD,KAAKE,eAAe,IAUpBF,KAAKK,kBAAkB,IAOvBL,KAAKM,QAAQ,IAObN,KAAKO,UAAAA,IACAC,KACDR,KAAKS,iBAAiB,SAAST,KAAKU,YAAYC,KAAKX,IAEjE,CAAA;AAAA,EAAA;AAAA,EACI,MAAMY;AACEZ,SAAKC,YAAAA,CAAaD,KAAKK,mBAG3BD,MAAMS,MAAMD,CAAAA;AAAAA,EACpB;AAAA,EACI,SAAAE;AACI,WAAOC;AAAAA,8BACeC,EAAShB,KAAKiB,oBAAAA,CAAAA,CAAAA;AAAAA,UAClCjB,KAAKkB,uBAAAA,CAAAA;AAAAA;AAAAA;AAAAA,EAGf;AAAA,EACI,QAAQC,GACAA;AAAAA,MAAQC,IAAI,UAA2CC,KAA5BF,EAAQG,IAAI,gBAAgBD,UACvDrB,KAAKuB,cAAc,IAAIC,MAAM,gBAAgB,EAAEC,SAAAA,GAE3D,CAAA,CAAA;AAAA,EAAA;AAAA,EACI,sBACI;AAAA,WAAO,EACHxB,UAAYD,KAAKC,YAAYD,KAAKE,cAClC,YAAYF,KAAKO,QAE7B;AAAA,EAAA;AAAA,EACI,yBAAAW;AACI,WAAOH;AAAAA,QACPf,KAAK0B,cAAAA,CAAAA;AAAAA,6CACgC1B,KAAK2B,SAAAA;AAAAA;AAAAA,cAEpC3B,KAAK2B,SAAAA;AAAAA,oBACC3B,KAAK4B,cAAAA;AAAAA,QACjB5B,KAAK6B,oBAAoB7B,KAAK8B,qBAAAA,CAAAA,CAAAA;AAAAA;AAAAA,EAEtC;AAAA,EACI,gBACI;AAAA,WAAOf;AAAAA,EACf;AAAA,EACI,oBAAAgB;AACI,WAAOhB,kCAAsCf,KAAKgC,gBAAAA;AAAAA,EAC1D;AAAA,EACI,uBAAAF;AACI,WAAOf;AAAAA;AAAAA,UAELf,KAAK+B,kBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,YAIH/B,KAAKM,QAAQN,KAAKM,QAAQS,gBAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAK3C;AAAA,EACI,iBAAiBkB,GAAAA;AACb,UAAMC,IAAOD,EAAME;AACnBnC,SAAKO,UAAU2B,EAAKE,iBAAiB,EAAEC,SAAAA,MAAiBC,SAAS;AAAA,EACzE;AAAA,EACI,YAAYL,GAIR;AAAA,QAAIjC,KAAKE,gBAAiBF,KAAKC,YAAYD,KAAKK,gBAG5C,QAFA4B,EAAMM,yBAAAA,GAAAA,KACNN,EAAMO,eAAAA;AAAAA,EAGlB;;AAGAzC,EAAK0C,oBAAoB,KAClB3C,EAAW2C,mBACdC,mBAEJC,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,SAASC,SAAS,GAAA,CAAA,CAAA,GACpChD,EAAKiD,WAAW,YAAA,MACnBL,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,SAASG,WAAW,iBAAiBF,SAAS,GAAA,CAAA,CAAA,GAChEhD,EAAKiD,WAAW,sBACnBL,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,SAASG,WAAW,mBACtClD,CAAAA,CAAAA,GAAAA,EAAKiD,WAAW,mBAAmB,MAAA,GACtCL,EAAW,CACPC,EAAAA,CAAAA,GACD7C,EAAKiD,WAAW,SAAA,MACnBL,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,SAASC,aAAeE,WAAW,WACrDlD,CAAAA,CAAAA,GAAAA,EAAKiD,WAAW,WAAW,MAAA;ACnJvB,MAAME,UAAgBpD,EAAAA;AAAAA,EACzB,YACI;AAAA,WAAOE,KAAKmD,cAAcC,OAAQC,OAAUA,aAAiBtD;EACrE;AAAA,EACI;AACIK,UACAJ,GAAAA,KAAKsD,YAELtD,KAAKuD,mBACA/C,MACDR,KAAKS,iBAAiB,WAAWT,KAAKwD,iBAAiB7C,KAAKX,IAAAA,CAAAA,GAC5DA,KAAKS,iBAAiB,gBAAgBT,KAAKwD,iBAAiB7C,KAAKX,IAAAA,CAAAA,GACjEA,KAAKS,iBAAiB,WAAWT,KAAKyD,cAAc9C,KAAKX,IACzDA,CAAAA,GAAAA,KAAKsD,UAAUI,OAAO;AAAA,EAElC;AAAA,EACI,SAAA5C;AACI,WAAOC,sBAA0Bf,KAAKwD,gBAAAA;AAAAA,EAC9C;AAAA,EACI,cAAcvB;AACV,UAAM0B,IAAS1B,EAAM2B,QAAQ,aACvBC,IAAU5B,EAAM2B,QAAQ,cACxBE,IAAS7B,EAAM2B,QAAQ,QACvBG,IAAQ9B,EAAM2B,QAAQ;AAE5B,QAAA,EAAKD,KAAWE,KAAYC,KAAWC,GACnC;AAEJ,UAAMC,EAAAA,OAAEA,MAAUhE;AAElB,QAAIgE,EAAM1B,SAAS,EACf;AAIJ,QADAL,EAAMO,eACFsB,GAAAA,KAAUC;AAIV,aAFAC,EADcF,IAAS,IAAIE,EAAM1B,SAAS,CAAA,EAC7BzB,MAAM,EAAEoD,UAAUF,EAC/B/D,CAAAA,GAAAA,KAAAA,KAAKwD;AAIT,UACMU,IADQC,iBAAiBnE,IAAMoE,EAAAA,cAAc,QAC1BT,IAASE,GAC5BQ,IAAcL,EAAMM,KAAMC,CAAAA,MAASA,EAAKC,QAAQ,eACtD,CAAA;AAAA,QAAA,CAAKH;AAMD,cAHiBH,IAAWF,EAAM,CAAA,IAAKA,EAAMA,EAAM1B,SAAS,CACnDzB,GAAAA,MAAM,EAAEoD,UAAWC,CAAAA,EAAAA,CAAAA,GAAAA,KAC5BlE,KAAKwD,iBAEjB;AACQ,UAAMiB,IAAeT,EAAMU,QAAQL,CAAAA;AACnC,QAAIM,IAAYT,IAAWO,IAAe,IAAIA,IAAe;AAG7D,WAAOE,MAAcF,KAAc;AAC3BE,MAAAA,KAAaX,EAAM1B,SAEnBqC,IAAY,IAEPA,IAAY,MAEjBA,IAAYX,EAAM1B,SAAS;AAO/B,YAAMsC,IAAWZ,EAAMW,CACvB;AAAA,UAAA,CAAIC,EAAS3E,YAAa2E,EAASvE,iBAAnC;AASAuE,QAAAA,EAAS/D,MAAM,EAAEoD,WAAWC,EAC5BlE,CAAAA,GAAAA,KAAKwD;AACL;AAAA,MAHZ;AAPoBU,MAAAA,IACAS,MAGAA;AAAAA,IAOpB;AAAA,EACA;AAAA,EACI,mBAGI;AAAA,UAAA,EAAMX,OAAEA,EAAUhE,IAAAA;AAClB,QAAI6E;AACJ,eAAWN,KAAQP,GAAO;AACtB,YAAMc,IAAkBP,EAAKlE,mBAAoBkE,CAAAA,EAAKtE;AAChCsE,MAAAA,EAAKC,QAAQ,oBACdM,IAGjBD,IAAcN,KAGdO,KAAoBD,CAAAA,MACpBA,IAAcN,IAIlBA,EAAKQ,WAAa;AAAA,IAC9B;AACYF,IAAAA,MACAA,EAAYE,WAAW;AAAA,EAEnC;AAAA;AAEApC,EAAW,CACPqC,MACD9B,EAAQF,WAAW,uBCvHf;AAAA,MAAMiC,IAASC;AAAAA;ACQtB,IAAIC,IAAY,cAAwBjC,EAExCiC;AAAAA;AAAAA,EAAUF,SAAS,CAACA,CAAAA,GACpBE,IAAYxC,EAAW,CACnByC,EAAc,aAAA,CAAA,GACfD,CCbI;AAAA,MAAMF,IAASC;AAAAA;ACEf,MAAMG,UAAkBvF,EAC3B;AAAA,EAAA;AACIM,UAAMkF,kBAAAA,GAGNtF,KAAKuF,aAAa,eAAe;EACzC;AAAA,EACI;AACI,WAAOxE;AAAAA,EACf;ACXO;AAAA,MAAMkE,IAASC;AAAAA;ACUtB,IAAIM,IAAc,cAA0BH,EAE5CG;AAAAA;AAAAA,EAAYP,SAAS,CAACA,CAAAA,GACtBO,IAAc7C,EAAW,CACrByC,EAAc,kBACfI,CCfH;AAAA,MAAMC,IAAoB;AAInB,MAAMC,UAAwB3F,EACjC;AAAA,EAAA,IAAA,kBACI;AAAA,QAAIC,KAAK2F,aAAaF,GAClB,QAAOzF,KAAK4F,aAAaH,CAE7B;AAAA,UAAA,EAAMI,WAAEA,EAAc7F,IAAAA;AAEtB,WAAI6F,KAAa7F,KAAKM,QACX,UAAUuF,KAAa7F,KAAKM,UAEhC;AAAA,EACf;AAAA,EACI,oBAAoBuF,GAAAA;AAEZA,UADS7F,KAAK8F,oBAIdD,MAAc,OACd7F,KAAK+F,gBAAgBN,KAGrBzF,KAAKuF,aAAaE,GAAmBI,CAEzC7F,GAAAA,KAAKgG,cACb;AAAA,EAAA;AAAA,EACI,cAAA7F;AACIC,aACAJ,KAAKiG,4BAA4BjG,KAAKiG,0BAA0BtF,KAAKX,OAChEQ,KACDR,KAAKS,iBAAiB,WAAWT,KAAKyD,cAAc9C,KAAKX,IAErE,CAAA;AAAA,EAAA;AAAA,EACI,MAAMY,GAAAA;AAAAA,KACkBZ,KAAKK,mBAAoBL,CAAAA,KAAKC,cAC/BW,eAASqD,aAAYjE,KAAKkG,iBACzClG,KAAKkG,eAAerF,MAAMD,CAAAA,IAG9BR,MAAMS,MAAMD;EACpB;AAAA,EACI,yBACI;AAAA,WAAOG;AAAAA,QACPX,MAAMc,uBAAAA,CAAAA;AAAAA,QACNlB,KAAKmG,qBAAqBnG,KAAKiG,yBAAAA,CAAAA;AAAAA;AAAAA,EAEvC;AAAA,EACI,cAAchE,GACV;;AAAA,UAAM0B,IAAS1B,EAAM2B,QAAQ,aACvBC,IAAU5B,EAAM2B,QAAQ;AAK9B,QAHA,CAAKD,MAAWE,MAGX7D,KAAKoG,iBAAAA,CAAkBpG,KAAKkG,eAE7B;AAGJ,UACMhC,IADQC,iBAAiBnE,IAAMoE,EAAAA,cAAc,QAC1BT,IAASE,GAC5BwC,KAAmBrG,IAAAA,KAAKoG,kBAALpG,gBAAAA,EAAoBwE,QAAQ,kBAC/C8B,KAAoBtG,IAAAA,KAAKkG,mBAALlG,gBAAAA,EAAqBwE,QAAQ;AACvD,IAAKN,KAAYoC,KAAAA,CAAwBpC,KAAYmC,MAKrDpE,EAAMO,kBAENP,EAAMsE,gBAAAA,IACgBrC,IAAWlE,KAAKkG,iBAAiBlG,KAAKoG,eAC9CvF,MAAAA;AAAAA,EACtB;AAAA,EACI,4BAAAoF;AACI,YAAMG,eAAEA,GAAaF,gBAAEA,EAAmBlG,IAAAA;AACrCoG,SAAkBF,MAMvBE,EAAcrB,eACdmB,EAAezF,iBAAiB,YAAY,MAAA;AACxC2F,QAAcrB,WAAW;AAAA,IAAC,GAC3B,EAAEyB,MAAAA;EACb;ACvFO;AAAA,SAASC,IAAmBZ,WAAEA,GAAS5F,UAAEA,GAAQyG,eAAEA,GAAaC,UAAEA,IAAAA,GAIrE,GAAA;AAAA,SAAO5F;AAAAA;AAAAA;AAAAA;AAAAA,mBAIQ8E,KAAae,CAAAA;AAAAA,wBACPf,IAAmCe,IAAvB,oBAAA;AAAA,iBACnBD,IAAgBC,IAAL,EAAA;AAAA,eACdC,CAAAA;AAAAA,eACAH,CAAAA;AAAAA;AAAAA,6BAEczG,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAY7B;AACA,SAAS4G,EAAkB5E,GAAAA;AACvB,EAAIjC,KAAKC,YAAYD,KAAKE,iBAG1B+B,EAAMsE,oBACkBvG,KAAKuB,cAAc,IAAIC,MAAM,UAAU,EAAEsF,YAAAA,GAIjE9G,CAAAA,CAAAA,KAAAA,KAAK+G;AACT;AC7BO,MAAMC,UAAmBtB,EAAAA;AAAAA,EAC5B,cACItF;AAAAA,UAAAA,GAAS6G,SACTjH,GAAAA,KAAKkH,eACLlH,KAAKmH,YAAY,IACjBnH,KAAKoH,WAAW,IAOhBpH,KAAKqH,kBAAAA;AAAAA,EACb;AAAA,EACI,IAAA,YACI;AAAA,WAAO;AAAA,EACf;AAAA,EACI,sBACI;AAAA,WAAO,KACAjH,MAAMa,oBAAAA,GACTiG,UAAUlH,KAAKkH,UACfE,UAAUpH,KAAKoH,UACf,gBAAgBpH,KAAKmH,WACrB,YAAYnH,KAAKO,WAAWP,KAAKoH,SAE7C;AAAA,EAAA;AAAA,EACI,oBAAoBE;AAChB,UAAMzB,EAAAA,WAAEA,EAAc7F,IAAAA;AACtB,WAAOe;AAAAA;AAAAA;AAAAA;AAAAA,qBAIM8E,KAAae,CAAAA;AAAAA,uBACX5G,KAAKoH,QAAAA;AAAAA,wBACJpH,KAAKE,gBAAgB0G,CAAAA;AAAAA,oBACzB5G,KAAKC,aAAaD,KAAKK,eAAAA;AAAAA,iBAC1BL,KAAKuH,kBAAAA;AAAAA,WACXD,CAAAA;AAAAA;AAAAA;AAAAA,EAGX;AAAA,EACI,oBAAAvF;AACI,WAAK/B,KAAKoH,WAGHrG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAFIX,MAAM2B,kBAAAA;AAAAA,EAUzB;AAAA,EACI,qBAAqB2E,GAAAA;AACjB,WAAI1G,KAAKmH,YACEV,EAAmB,EACtBC,eAAAA,GACAb,WAAW7F,KAAK8F,iBAChB7F,UAAUD,KAAKC,YAAYD,KAAKE,aAGjC0G,CAAAA,IAAAA;AAAAA,EACf;AAAA,EACI,gBACI;AAAA,WAAI5G,KAAKkH,WACEnG,oDAEJX,MAAMsB,cACrB;AAAA,EAAA;AAAA,EACI,mBAAmBO,GACf;AAAA,QAAIjC,KAAKC,YAAYD,KAAKE,aACtB;AAIJ,UAAMsH,IAAYxH,KAAKoH;AACvBpH,SAAKoH,WAAYpH,CAAAA,KAAKoH,UACEK,CAAAA,EAAgBzH,MAAMiC,CAAAA,MAK1CjC,KAAKoH,WAAWI;AAAAA,EAG5B;AAAA;AAEA7E,EAAW,CACPC,EAAS,EAAEC,MAAMC,QAClBkE,CAAAA,CAAAA,GAAAA,EAAWhE,WAAW,YAAA,MACzBL,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,QAClBkE,CAAAA,CAAAA,GAAAA,EAAWhE,WAAW,aAAA,MACzBL,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,SAASC,SAAAA,GAC3BiE,CAAAA,CAAAA,GAAAA,EAAWhE,WAAW,YAAA,MACzBL,GAAAA,EAAW,CACPC,EAAS,EAAEC,MAAMC,SAASC,SAAS,IAAME,WAAW,oBAAA,CAAA,CAAA,GACrD+D,EAAWhE,WAAW,mBAAmB,MAAA,GAC5CL,EAAW,CACP+E,EAAM,iBAAA,CAAA,GACPV,EAAWhE,WAAW,iBAAiB,MAAA,GAC1CL,EAAW,CACP+E,EAAM,kBAAA,CAAA,GACPV,EAAWhE,WAAW,kBAAkB,MAAA;ACnHpC,MAAMiC,IAASC;AAAAA,GCATD,IAASC;AAAAA,GCATD,IAASC;AAAAA,GCATD,IAASC;AAAAA;ACYtB,IAAIyC,IAAe,cAA2BX,EAAAA;AAAAA;AAE9CW,EAAa1C,SAAS,CAClB2C,GACAC,GACAC,GACAC,GACA9C,CAEJ0C,GAAAA,IAAehF,EAAW,CACtByC,EAAc,gBACfuC,CAAAA,GAAAA,CAAAA;;;;;ACvBH,IAAqBK,IAArB,cAA0CC,EAAAA,EAAAA;AAAAA,EAgBzC,cAAA9H;AACOC,UAfSJ,GAAAA,KAAAkI,QAAA,IAGIlI,KAAAoH,WAAAA,IAGLpH,KAAAmI,OAAA,IAGKnI,KAAAoI,WAAA,IAGApI,KAAAC,WAAAA;AAIf,QAAA;AACED,WAAAsD,YAAYtD,KAAKuD,gBAAAA;AAAAA,IAAgB,QAC/B;AACPvD,WAAKsD,YAAAA;AAAAA,IAAY;AAAA,EAClB;AAAA,EAUD,IAAI+E,OAAAA;;AACH,YAAOrI,IAAAA,KAAKsD,cAALtD,gBAAAA,EAAgBqI;AAAAA,EAAA;AAAA,EAGd,SACF;AAAA,WAAAtH;AAAAA;AAAAA,aAEI,MACJf;AAAAA,WAAKoI,aAIJpI,KAAAoH,WAAAA,CAAYpH,KAAKoH,UACjBpH,KAAAuB,cACJ,IAAI+G,YAAY,UAAU,EACzBC,QAAQ,EAAEL,OAAOlI,KAAKkI,OAAOd,UAAUpH,KAAKoH,SAC5C3F,GAAAA,SAAAA,GAEF,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA,gBAEWzB,KAAKoH,QAAAA;AAAAA,gBACLpH,KAAKC,QAAAA;AAAAA;AAAAA,MAEfD,KAAKmI,OAAOpH,UAAaf,KAAKmI,IAAgB,YAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAAE;AAAA;AAvDjCH,EAyBHvF,oBAAoB,EAAA,GACjC3C,EAAW2C,mBACdC,gBAAAA,MA3BmBsF,EA8BbQ,iBAAAA,IA5BPC,EAAA,CADC7F,EAAS,EAAEC,MAAM6F,QAAQ3F,SAAAA,QADNiF,EAEpBhF,WAAA,SAAA,CAAA,GAGAyF,EAAA,CADC7F,EAAS,EAAEC,MAAMC,SAASC,YAJPiF,CAAAA,CAAAA,GAAAA,EAKpBhF,WAAA,YAAA,IAGAyF,EAAA,CADC7F,EAAS,EAAEC,MAAM6F,QAAQ3F,SAAS,GAAA,CAAA,CAAA,GAPfiF,EAQpBhF,WAAA,QAAA,CAGAyF,GAAAA,EAAA,CADC7F,EAAS,EAAEC,MAAMC,SAASC,SAAAA,GAVPiF,CAAAA,CAAAA,GAAAA,EAWpBhF,WAAA,YAAA,CAAA,GAGAyF,EAAA,CADC7F,EAAS,EAAEC,MAAMC,SAASC,SAAS,GAAA,CAAA,CAAA,GAbhBiF,EAcpBhF,WAAA,YAAA,IAdoBgF,IAArBS,EAAA,CADCrD,EAAc,eAAA,CAAA,GACM4C;;;;;ACCrB,IAAqBW,IAArB,cAA2CV,EAAY/C,GAAvD,EAAA;AAAA,EAAA;AAAA9E,UAAA6G,GAAAA,SAAAA,GAOSjH,KAAA4I,QAAA,IAMR5I,KAAA6I,SAAmB,IAMH7I,KAAAkI,QAAA,IAYUlI,KAAA8I,OAAA;AAAA,EAAA;AAAA,EAC1B,MAAA,OAAaC,GAAAA;AACZA,IAAAA,EAAEvG,eACFuG,GAAAA,EAAExC;AACF,UAAM2B,EAAAA,OAAEA,GAAAd,UAAOA,EAAAA,IAAa2B,EAAER;AAC9B,QAAIvI,KAAK4I,OAAO;AACf,UAAIxB,GAAU;AACbpH,aAAK6I,SAAS,CAAA,GAAI7I,KAAK6I,QAAQX;AAE/B,cAAM3D,IAAOvE,KAAKgE,MAAMM,KAAU0E,CAAAA,MAAAA,EAAEd,UAAUA,CAE1C3D;AAAAA,QAAAA,QAAW6C,WAAW;AAAA,MAAA,OACpB;AACNpH,aAAK6I,SAAS7I,KAAK6I,OAAOzF,OAAO6F,CAAAA,MAAKA,MAAMf,CAE5C;AAAA,cAAM3D,IAAOvE,KAAKgE,MAAMM,KAAU0E,CAAAA,MAAAA,EAAEd,UAAUA,CAAAA;AAE1C3D,QAAAA,QAAW6C,WAAAA;AAAAA,MAAW;AAE3BpH,WAAKgG;IAAc,OACb;AACN,YAAQkC,EAAAA,OAAAA,GAAOd,UAAAA,EAAAA,IAAa2B,EAAER;AACzBvI,WAAAkI,QAAQd,IAAWc,IAAQ;AAChC,YAAM3D,IAAOvE,KAAKgE,MAAMM,KAAU0E,CAAAA,MAAAA,EAAEd,UAAUA;QAC3Bd,WAAfA,KAAAA,IAGCpH,KAAAgE,MAAMkF,QAAaF,CAAAA,MACnBhJ;AAAAA,aAAKkI,SAASlI,KAAKkI,UAAUc,EAAEd,UAASd,kBACrCA;MAAW,CAAA,GAEnBpH,KAAKgG,cAAc;AAAA,IAAA;AAEfhG,SAAAuB,cACJ,IAAI+G,YAAsC,UAAU,EACnDC,QAAQvI,KAAK4I,QAAQ5I,KAAK6I,SAAS7I,KAAKkI,OACxCzG,YAEF,CAAA,CAAA;AAAA,EAAA;AAAA,EAGS,aAAa0H,GAAAA;AACtB/I,UAAMgJ,aAAaD,CAAAA,GACnBnJ,KAAKqJ,YAAAA;AAAAA,EAAY;AAAA,EAKlB,yBAAyBC,GAAcC,GAAarB,GAAAA;AAC7C9H,UAAAoJ,yBAAyBF,GAAMC,GAAKrB,CAAAA,IACtCoB,MAAS,YAEFA,MAAS,YADnBtJ,KAAKqJ,YAAAA;AAAAA,EAGN;AAAA,EAGD,cAAAA;AACMrJ,SAAAgE,MAAMkF,QAAgB3E,CAAAA,MACtBvE;AAAAA,WAAK4I,QACJ5I,KAAK6I,OAAOY,SAASlF,EAAK2D,KAAAA,MAAad,WAAAA,OACjCA,WAAAA,KAENpH,KAAKkI,UAAU3D,EAAK2D,UAAYd,WAAW,OACrCA,WAAW;AAAA,IAAA;EAEtB;AAAA,EAGQ;AACT,UAAMnC,IAAS,EACd,aAAajF,KAAK8I;AAEnB,WAAO/H,wBAA2Bf,KAAK0J,SAASzE,cAAmBjF,KAAK2J,MAAAA;AAAAA,uBACnD,MAAM3J,KAAKqJ,YAAAA,CAAAA;AAAAA;AAAAA,EAAa;AAAA;AAxGxBZ,EAAA,CAArBf,EAAM,aAAA,CAAA,GADaiB,EACE3F,WAAA,WAAA,CAMtByF,GAAAA,EAAA,CAJC7F,EAAS,EACTC,MAAMC,SACNC,YALmB4F,CAAAA,CAAAA,GAAAA,EAOpB3F,WAAA,SAAA,CAMAyF,GAAAA,EAAA,CAJC7F,EAAS,EACTC,MAAM+G,OACN7G,SAAS,GAAA,CAAA,CAAA,GAXU4F,EAapB3F,WAAA,UAAA,CAMAyF,GAAAA,EAAA,CAJC7F,EAAS,EACTC,MAAM6F,QACN3F,SAAS,GAAA,CAAA,CAAA,GAjBU4F,EAmBpB3F,WAAA,SAAA,CAMAyF,GAAAA,EAAA,CAJCzD,EAAsB,EACtB6E,UAAU,iBACVxH,SAAS,GAAA,CAAA,CAAA,GAvBUsG,EAyBpB3F,WAAA,SAAA,CAMAyF,GAAAA,EAAA,CAJC7F,EAAS,EACTC,MAAM6F,QACN3F,SAAS,GAAA,CAAA,CAAA,GA7BU4F,EA+BpB3F,WAAA,QAAA,CA/BoB2F,GAAAA,IAArBF,EAAA,CADCrD,EAAc,gBACMuD,CAAAA,GAAAA,CAAAA;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]}
1	+ {"version":3,"file":"chips-CGx5hIpM.js","sources":["../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/chip.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/chip-set.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/chip-set-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/chip-set.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/elevated-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/elevation/internal/elevation.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/elevation/internal/elevation-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/elevation/elevation.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/multi-action-chip.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/trailing-icons.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/filter-chip.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/filter-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/selectable-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/shared-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/internal/trailing-icon-styles.js","../../../../.yarn/berry/cache/@material-web-npm-2.3.0-e634be95cf-10c0.zip/node_modules/@material/web/chips/filter-chip.js","../src/chips/chip.ts","../src/chips/chips.ts"],"sourcesContent":["/*\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { mixinDelegatesAria } from '../../internal/aria/delegate.js';\n// Separate variable needed for closure.\nconst chipBaseClass = mixinDelegatesAria(LitElement);\n/\n A chip component.\n \n @fires update-focus {Event} Dispatched when `disabled` is toggled. --bubbles\n /\nexport class Chip extends chipBaseClass {\n /\n Whether or not the primary ripple is disabled (defaults to `disabled`).\n * Some chip actions such as links cannot be disabled.\n /\n get rippleDisabled() {\n return this.disabled \|\| this.softDisabled;\n }\n constructor() {\n super();\n /\n Whether or not the chip is disabled.\n \n Disabled chips are not focusable, unless `always-focusable` is set.\n /\n this.disabled = false;\n /\n Whether or not the chip is \"soft-disabled\" (disabled but still\n * focusable).\n \n Use this when a chip needs increased visibility when disabled. See\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\n * for more guidance on when this is needed.\n /\n this.softDisabled = false;\n /\n When true, allow disabled chips to be focused with arrow keys.\n \n Add this when a chip needs increased visibility when disabled. See\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\n * for more guidance on when this is needed.\n \n @deprecated Use `softDisabled` instead of `alwaysFocusable` + `disabled`.\n /\n this.alwaysFocusable = false;\n // TODO(b/350810013): remove the label property.\n /\n The label of the chip.\n \n @deprecated Set text as content of the chip instead.\n /\n this.label = '';\n /\n Only needed for SSR.\n \n Add this attribute when a chip has a `slot=\"icon\"` to avoid a Flash Of\n * Unstyled Content.\n /\n this.hasIcon = false;\n if (!isServer) {\n this.addEventListener('click', this.handleClick.bind(this));\n }\n }\n focus(options) {\n if (this.disabled && !this.alwaysFocusable) {\n return;\n }\n super.focus(options);\n }\n render() {\n return html `\n <div class=\"container ${classMap(this.getContainerClasses())}\">\n ${this.renderContainerContent()}\n </div>\n `;\n }\n updated(changed) {\n if (changed.has('disabled') && changed.get('disabled') !== undefined) {\n this.dispatchEvent(new Event('update-focus', { bubbles: true }));\n }\n }\n getContainerClasses() {\n return {\n 'disabled': this.disabled \|\| this.softDisabled,\n 'has-icon': this.hasIcon,\n };\n }\n renderContainerContent() {\n return html `\n ${this.renderOutline()}\n <md-focus-ring part=\"focus-ring\" for=${this.primaryId}></md-focus-ring>\n <md-ripple\n for=${this.primaryId}\n ?disabled=${this.rippleDisabled}></md-ripple>\n ${this.renderPrimaryAction(this.renderPrimaryContent())}\n `;\n }\n renderOutline() {\n return html `<span class=\"outline\"></span>`;\n }\n renderLeadingIcon() {\n return html `<slot name=\"icon\" @slotchange=${this.handleIconChange}></slot>`;\n }\n renderPrimaryContent() {\n return html `\n <span class=\"leading icon\" aria-hidden=\"true\">\n ${this.renderLeadingIcon()}\n </span>\n <span class=\"label\">\n <span class=\"label-text\" id=\"label\">\n ${this.label ? this.label : html `<slot></slot>`}\n </span>\n </span>\n <span class=\"touch\"></span>\n `;\n }\n handleIconChange(event) {\n const slot = event.target;\n this.hasIcon = slot.assignedElements({ flatten: true }).length > 0;\n }\n handleClick(event) {\n // If the chip is soft-disabled or disabled + always-focusable, we need to\n // explicitly prevent the click from propagating to other event listeners\n // as well as prevent the default action.\n if (this.softDisabled \|\| (this.disabled && this.alwaysFocusable)) {\n event.stopImmediatePropagation();\n event.preventDefault();\n return;\n }\n }\n}\n/* @nocollapse /\nChip.shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n};\n__decorate([\n property({ type: Boolean, reflect: true })\n], Chip.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean, attribute: 'soft-disabled', reflect: true })\n], Chip.prototype, \"softDisabled\", void 0);\n__decorate([\n property({ type: Boolean, attribute: 'always-focusable' })\n], Chip.prototype, \"alwaysFocusable\", void 0);\n__decorate([\n property()\n], Chip.prototype, \"label\", void 0);\n__decorate([\n property({ type: Boolean, reflect: true, attribute: 'has-icon' })\n], Chip.prototype, \"hasIcon\", void 0);\n//# sourceMappingURL=chip.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { html, isServer, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { Chip } from './chip.js';\n/\n A chip set component.\n /\nexport class ChipSet extends LitElement {\n get chips() {\n return this.childElements.filter((child) => child instanceof Chip);\n }\n constructor() {\n super();\n this.internals = \n // Cast needed for closure\n this.attachInternals();\n if (!isServer) {\n this.addEventListener('focusin', this.updateTabIndices.bind(this));\n this.addEventListener('update-focus', this.updateTabIndices.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.internals.role = 'toolbar';\n }\n }\n render() {\n return html `<slot @slotchange=${this.updateTabIndices}></slot>`;\n }\n handleKeyDown(event) {\n const isLeft = event.key === 'ArrowLeft';\n const isRight = event.key === 'ArrowRight';\n const isHome = event.key === 'Home';\n const isEnd = event.key === 'End';\n // Ignore non-navigation keys\n if (!isLeft && !isRight && !isHome && !isEnd) {\n return;\n }\n const { chips } = this;\n // Don't try to select another chip if there aren't any.\n if (chips.length < 2) {\n return;\n }\n // Prevent default interactions, such as scrolling.\n event.preventDefault();\n if (isHome \|\| isEnd) {\n const index = isHome ? 0 : chips.length - 1;\n chips[index].focus({ trailing: isEnd });\n this.updateTabIndices();\n return;\n }\n // Check if moving forwards or backwards\n const isRtl = getComputedStyle(this).direction === 'rtl';\n const forwards = isRtl ? isLeft : isRight;\n const focusedChip = chips.find((chip) => chip.matches(':focus-within'));\n if (!focusedChip) {\n // If there is not already a chip focused, select the first or last chip\n // based on the direction we're traveling.\n const nextChip = forwards ? chips[0] : chips[chips.length - 1];\n nextChip.focus({ trailing: !forwards });\n this.updateTabIndices();\n return;\n }\n const currentIndex = chips.indexOf(focusedChip);\n let nextIndex = forwards ? currentIndex + 1 : currentIndex - 1;\n // Search for the next sibling that is not disabled to select.\n // If we return to the host index, there is nothing to select.\n while (nextIndex !== currentIndex) {\n if (nextIndex >= chips.length) {\n // Return to start if moving past the last item.\n nextIndex = 0;\n }\n else if (nextIndex < 0) {\n // Go to end if moving before the first item.\n nextIndex = chips.length - 1;\n }\n // Check if the next sibling is disabled. If so,\n // move the index and continue searching.\n //\n // Some toolbar items may be focusable when disabled for increased\n // visibility.\n const nextChip = chips[nextIndex];\n if (nextChip.disabled && !nextChip.alwaysFocusable) {\n if (forwards) {\n nextIndex++;\n }\n else {\n nextIndex--;\n }\n continue;\n }\n nextChip.focus({ trailing: !forwards });\n this.updateTabIndices();\n break;\n }\n }\n updateTabIndices() {\n // The chip that should be focusable is either the chip that currently has\n // focus or the first chip that can be focused.\n const { chips } = this;\n let chipToFocus;\n for (const chip of chips) {\n const isChipFocusable = chip.alwaysFocusable \|\| !chip.disabled;\n const chipIsFocused = chip.matches(':focus-within');\n if (chipIsFocused && isChipFocusable) {\n // Found the first chip that is actively focused. This overrides the\n // first focusable chip found.\n chipToFocus = chip;\n continue;\n }\n if (isChipFocusable && !chipToFocus) {\n chipToFocus = chip;\n }\n // Disable non-focused chips. If we disable all of them, we'll grant focus\n // to the first focusable child that was found.\n chip.tabIndex = -1;\n }\n if (chipToFocus) {\n chipToFocus.tabIndex = 0;\n }\n }\n}\n__decorate([\n queryAssignedElements()\n], ChipSet.prototype, \"childElements\", void 0);\n//# sourceMappingURL=chip-set.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/chip-set-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{display:flex;flex-wrap:wrap;gap:8px}\n`;\n//# sourceMappingURL=chip-set-styles.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { ChipSet } from './internal/chip-set.js';\nimport { styles } from './internal/chip-set-styles.js';\n/\n TODO(b/243982145): add docs\n \n @final\n * @suppress {visibility}\n /\nlet MdChipSet = class MdChipSet extends ChipSet {\n};\nMdChipSet.styles = [styles];\nMdChipSet = __decorate([\n customElement('md-chip-set')\n], MdChipSet);\nexport { MdChipSet };\n//# sourceMappingURL=chip-set.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/elevated-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}}\n`;\n//# sourceMappingURL=elevated-styles.js.map","/\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { html, LitElement } from 'lit';\n/\n A component for elevation.\n /\nexport class Elevation extends LitElement {\n connectedCallback() {\n super.connectedCallback();\n // Needed for VoiceOver, which will create a \"group\" if the element is a\n // sibling to other content.\n this.setAttribute('aria-hidden', 'true');\n }\n render() {\n return html `<span class=\"shadow\"></span>`;\n }\n}\n//# sourceMappingURL=elevation.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./elevation/internal/elevation-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:\"\";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2clamp(0,var(--_level) - 4,1))) calc(1px(2clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2clamp(0,var(--_level) - 2,3))) calc(1px(3clamp(0,var(--_level),2) + 2clamp(0,var(--_level) - 2,3))) calc(1px(clamp(0,var(--_level),4) + 2clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}\n`;\n//# sourceMappingURL=elevation-styles.js.map","/*\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { Elevation } from './internal/elevation.js';\nimport { styles } from './internal/elevation-styles.js';\n/\n The `<md-elevation>` custom element with default styles.\n \n Elevation is the relative distance between two surfaces along the z-axis.\n \n @final\n * @suppress {visibility}\n /\nlet MdElevation = class MdElevation extends Elevation {\n};\nMdElevation.styles = [styles];\nMdElevation = __decorate([\n customElement('md-elevation')\n], MdElevation);\nexport { MdElevation };\n//# sourceMappingURL=elevation.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { html, isServer } from 'lit';\nimport { Chip } from './chip.js';\nconst ARIA_LABEL_REMOVE = 'aria-label-remove';\n/\n A chip component with multiple actions.\n /\nexport class MultiActionChip extends Chip {\n get ariaLabelRemove() {\n if (this.hasAttribute(ARIA_LABEL_REMOVE)) {\n return this.getAttribute(ARIA_LABEL_REMOVE);\n }\n const { ariaLabel } = this;\n // TODO(b/350810013): remove `this.label` when label property is removed.\n if (ariaLabel \|\| this.label) {\n return `Remove ${ariaLabel \|\| this.label}`;\n }\n return null;\n }\n set ariaLabelRemove(ariaLabel) {\n const prev = this.ariaLabelRemove;\n if (ariaLabel === prev) {\n return;\n }\n if (ariaLabel === null) {\n this.removeAttribute(ARIA_LABEL_REMOVE);\n }\n else {\n this.setAttribute(ARIA_LABEL_REMOVE, ariaLabel);\n }\n this.requestUpdate();\n }\n constructor() {\n super();\n this.handleTrailingActionFocus = this.handleTrailingActionFocus.bind(this);\n if (!isServer) {\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n }\n }\n focus(options) {\n const isFocusable = this.alwaysFocusable \|\| !this.disabled;\n if (isFocusable && options?.trailing && this.trailingAction) {\n this.trailingAction.focus(options);\n return;\n }\n super.focus(options);\n }\n renderContainerContent() {\n return html `\n ${super.renderContainerContent()}\n ${this.renderTrailingAction(this.handleTrailingActionFocus)}\n `;\n }\n handleKeyDown(event) {\n const isLeft = event.key === 'ArrowLeft';\n const isRight = event.key === 'ArrowRight';\n // Ignore non-navigation keys.\n if (!isLeft && !isRight) {\n return;\n }\n if (!this.primaryAction \|\| !this.trailingAction) {\n // Does not have multiple actions.\n return;\n }\n // Check if moving forwards or backwards\n const isRtl = getComputedStyle(this).direction === 'rtl';\n const forwards = isRtl ? isLeft : isRight;\n const isPrimaryFocused = this.primaryAction?.matches(':focus-within');\n const isTrailingFocused = this.trailingAction?.matches(':focus-within');\n if ((forwards && isTrailingFocused) \|\| (!forwards && isPrimaryFocused)) {\n // Moving outside of the chip, it will be handled by the chip set.\n return;\n }\n // Prevent default interactions, such as scrolling.\n event.preventDefault();\n // Don't let the chip set handle this navigation event.\n event.stopPropagation();\n const actionToFocus = forwards ? this.trailingAction : this.primaryAction;\n actionToFocus.focus();\n }\n handleTrailingActionFocus() {\n const { primaryAction, trailingAction } = this;\n if (!primaryAction \|\| !trailingAction) {\n return;\n }\n // Temporarily turn off the primary action's focusability. This allows\n // shift+tab from the trailing action to move to the previous chip rather\n // than the primary action in the same chip.\n primaryAction.tabIndex = -1;\n trailingAction.addEventListener('focusout', () => {\n primaryAction.tabIndex = 0;\n }, { once: true });\n }\n}\n//# sourceMappingURL=multi-action-chip.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, nothing } from 'lit';\n/* @protected /\nexport function renderRemoveButton({ ariaLabel, disabled, focusListener, tabbable = false, }) {\n // When an aria-label is not provided, we use two spans with aria-labelledby\n // to create the \"Remove <textContent>\" label for the remove button. The first\n // is this #remove-label span, the second is the chip's #label slot span.\n return html `\n <span id=\"remove-label\" hidden aria-hidden=\"true\">Remove</span>\n <button\n class=\"trailing action\"\n aria-label=${ariaLabel \|\| nothing}\n aria-labelledby=${!ariaLabel ? 'remove-label label' : nothing}\n tabindex=${!tabbable ? -1 : nothing}\n @click=${handleRemoveClick}\n @focus=${focusListener}>\n <md-focus-ring part=\"trailing-focus-ring\"></md-focus-ring>\n <md-ripple ?disabled=${disabled}></md-ripple>\n <span class=\"trailing icon\" aria-hidden=\"true\">\n <slot name=\"remove-trailing-icon\">\n <svg viewBox=\"0 96 960 960\">\n <path\n d=\"m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\" />\n </svg>\n </slot>\n </span>\n <span class=\"touch\"></span>\n </button>\n `;\n}\nfunction handleRemoveClick(event) {\n if (this.disabled \|\| this.softDisabled) {\n return;\n }\n event.stopPropagation();\n const preventDefault = !this.dispatchEvent(new Event('remove', { cancelable: true }));\n if (preventDefault) {\n return;\n }\n this.remove();\n}\n//# sourceMappingURL=trailing-icons.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport '../../elevation/elevation.js';\nimport { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { redispatchEvent } from '../../internal/events/redispatch-event.js';\nimport { MultiActionChip } from './multi-action-chip.js';\nimport { renderRemoveButton } from './trailing-icons.js';\n/\n A filter chip component.\n \n @fires remove {Event} Dispatched when the remove button is clicked.\n /\nexport class FilterChip extends MultiActionChip {\n constructor() {\n super(...arguments);\n this.elevated = false;\n this.removable = false;\n this.selected = false;\n /\n Only needed for SSR.\n \n Add this attribute when a filter chip has a `slot=\"selected-icon\"` to avoid\n * a Flash Of Unstyled Content.\n /\n this.hasSelectedIcon = false;\n }\n get primaryId() {\n return 'button';\n }\n getContainerClasses() {\n return {\n ...super.getContainerClasses(),\n elevated: this.elevated,\n selected: this.selected,\n 'has-trailing': this.removable,\n 'has-icon': this.hasIcon \|\| this.selected,\n };\n }\n renderPrimaryAction(content) {\n const { ariaLabel } = this;\n return html `\n <button\n class=\"primary action\"\n id=\"button\"\n aria-label=${ariaLabel \|\| nothing}\n aria-pressed=${this.selected}\n aria-disabled=${this.softDisabled \|\| nothing}\n ?disabled=${this.disabled && !this.alwaysFocusable}\n @click=${this.handleClickOnChild}\n >${content}</button\n >\n `;\n }\n renderLeadingIcon() {\n if (!this.selected) {\n return super.renderLeadingIcon();\n }\n return html `\n <slot name=\"selected-icon\">\n <svg class=\"checkmark\" viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n <path\n d=\"M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z\" />\n </svg>\n </slot>\n `;\n }\n renderTrailingAction(focusListener) {\n if (this.removable) {\n return renderRemoveButton({\n focusListener,\n ariaLabel: this.ariaLabelRemove,\n disabled: this.disabled \|\| this.softDisabled,\n });\n }\n return nothing;\n }\n renderOutline() {\n if (this.elevated) {\n return html `<md-elevation part=\"elevation\"></md-elevation>`;\n }\n return super.renderOutline();\n }\n handleClickOnChild(event) {\n if (this.disabled \|\| this.softDisabled) {\n return;\n }\n // Store prevValue to revert in case `chip.selected` is changed during an\n // event listener.\n const prevValue = this.selected;\n this.selected = !this.selected;\n const preventDefault = !redispatchEvent(this, event);\n if (preventDefault) {\n // We should not do `this.selected = !this.selected`, since a client\n // click listener could change its value. Instead, always revert to the\n // original value.\n this.selected = prevValue;\n return;\n }\n }\n}\n__decorate([\n property({ type: Boolean })\n], FilterChip.prototype, \"elevated\", void 0);\n__decorate([\n property({ type: Boolean })\n], FilterChip.prototype, \"removable\", void 0);\n__decorate([\n property({ type: Boolean, reflect: true })\n], FilterChip.prototype, \"selected\", void 0);\n__decorate([\n property({ type: Boolean, reflect: true, attribute: 'has-selected-icon' })\n], FilterChip.prototype, \"hasSelectedIcon\", void 0);\n__decorate([\n query('.primary.action')\n], FilterChip.prototype, \"primaryAction\", void 0);\n__decorate([\n query('.trailing.action')\n], FilterChip.prototype, \"trailingAction\", void 0);\n//# sourceMappingURL=filter-chip.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/filter-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}\n`;\n//# sourceMappingURL=filter-styles.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/selectable-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}\n`;\n//# sourceMappingURL=selectable-styles.js.map","/\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/shared-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit}\n`;\n//# sourceMappingURL=shared-styles.js.map","/*\n @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n// Generated stylesheet for ./chips/internal/trailing-icon-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333var(--_icon-size));width:calc(1.3333333333var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}\n`;\n//# sourceMappingURL=trailing-icon-styles.js.map","/\n @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { styles as elevatedStyles } from './internal/elevated-styles.js';\nimport { FilterChip } from './internal/filter-chip.js';\nimport { styles } from './internal/filter-styles.js';\nimport { styles as selectableStyles } from './internal/selectable-styles.js';\nimport { styles as sharedStyles } from './internal/shared-styles.js';\nimport { styles as trailingIconStyles } from './internal/trailing-icon-styles.js';\n/\n TODO(b/243982145): add docs\n \n @final\n * @suppress {visibility}\n */\nlet MdFilterChip = class MdFilterChip extends FilterChip {\n};\nMdFilterChip.styles = [\n sharedStyles,\n elevatedStyles,\n trailingIconStyles,\n selectableStyles,\n styles,\n];\nMdFilterChip = __decorate([\n customElement('md-filter-chip')\n], MdFilterChip);\nexport { MdFilterChip };\n//# sourceMappingURL=filter-chip.js.map","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { $LitElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-chip')\nexport default class SchmancyChip extends $LitElement() {\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t@property({ type: Boolean, reflect: true })\n\treadOnly: boolean = false\n\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\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\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<md-filter-chip\n\t\t\t\t@click=${() => {\n\t\t\t\t\tif (this.readOnly) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\t// Toggle selection and dispatch a change event\n\t\t\t\t\tthis.selected = !this.selected\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\tdetail: { value: this.value, selected: this.selected },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}}\n\t\t\t\t?selected=${this.selected}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t>\n\t\t\t\t${this.icon ? html`<span>${this.icon}</span>` : ''}\n\t\t\t\t<slot></slot>\n\t\t\t</md-filter-chip>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chip': SchmancyChip\n\t}\n}\n\nexport type SchmancyChipChangeEvent = { value: string; selected: boolean }\n","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { ChipSet } from '@material/web/chips/internal/chip-set'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport SchmancyChip, { SchmancyChipChangeEvent } from './chip'\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends $LitElement(css``) {\n\t@query('md-chip-set') chipSet!: ChipSet\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tmulti = false\n\n\t@property({\n\t\ttype: Array,\n\t\treflect: true,\n\t})\n\tvalues: string[] = []\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tvalue: string = ''\n\n\t@queryAssignedElements({\n\t\tselector: 'schmancy-chip',\n\t\tflatten: true,\n\t})\n\tchips!: SchmancyChip[]\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\twrap: 'wrap' \| 'nowrap' = 'wrap'\n\tasync change(e: CustomEvent<SchmancyChipChangeEvent>) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t\tconst { value, selected } = e.detail\n\t\tif (this.multi) {\n\t\t\tif (selected) {\n\t\t\t\tthis.values = [...this.values, value]\n\t\t\t\t// find the chip that was selected\n\t\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\t\t// if it exists, select it\n\t\t\t\tif (chip) chip.selected = true\n\t\t\t} else {\n\t\t\t\tthis.values = this.values.filter(v => v !== value)\n\t\t\t\t// find the chip that was deselected\n\t\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\t\t// if it exists, deselect it\n\t\t\t\tif (chip) chip.selected = false\n\t\t\t}\n\t\t\tthis.requestUpdate()\n\t\t} else {\n\t\t\tconst { value, selected } = e.detail\n\t\t\tthis.value = selected ? value : ''\n\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\tif (selected) chip.selected = selected\n\t\t\telse chip.selected = false\n\t\t\t// deselect all other chips\n\t\t\tthis.chips.forEach(c => {\n\t\t\t\tif (this.value && this.value === c.value) c.selected = true\n\t\t\t\telse c.selected = false\n\t\t\t})\n\t\t\tthis.requestUpdate()\n\t\t}\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyChipsChangeEvent>('change', {\n\t\t\t\tdetail: this.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\tthis.hydrateTabs()\n\t}\n\n\t// attribute changes\n\t// when values change, update the selected chips\n\tattributeChangedCallback(name: string, old: string, value: string): void {\n\t\tsuper.attributeChangedCallback(name, old, value)\n\t\tif (name === 'values') {\n\t\t\tthis.hydrateTabs()\n\t\t} else if (name === 'value') {\n\t\t\tthis.hydrateTabs()\n\t\t}\n\t}\n\n\thydrateTabs() {\n\t\tthis.chips.forEach(chip => {\n\t\t\tif (this.multi) {\n\t\t\t\tif (this.values.includes(chip.value)) chip.selected = true\n\t\t\t\telse chip.selected = false\n\t\t\t} else {\n\t\t\t\tif (this.value === chip.value) chip.selected = true\n\t\t\t\telse chip.selected = false\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render(): unknown {\n\t\tconst styles = {\n\t\t\t'flex-wrap': this.wrap,\n\t\t}\n\t\treturn html` <md-chip-set style=${this.styleMap(styles)} @change=${this.change}>\n\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t</md-chip-set>`\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"],"names":["chipBaseClass","mixinDelegatesAria","LitElement","Chip","this","disabled","softDisabled","constructor","super","alwaysFocusable","label","hasIcon","isServer","addEventListener","handleClick","bind","options","focus","render","html","classMap","getContainerClasses","renderContainerContent","changed","has","undefined","get","dispatchEvent","Event","bubbles","renderOutline","primaryId","rippleDisabled","renderPrimaryAction","renderPrimaryContent","renderLeadingIcon","handleIconChange","event","slot","target","assignedElements","flatten","length","stopImmediatePropagation","preventDefault","shadowRootOptions","delegatesFocus","__decorate","property","type","Boolean","reflect","prototype","attribute","ChipSet","childElements","filter","child","internals","attachInternals","updateTabIndices","handleKeyDown","role","isLeft","key","isRight","isHome","isEnd","chips","trailing","forwards","getComputedStyle","direction","focusedChip","find","chip","matches","currentIndex","indexOf","nextIndex","nextChip","chipToFocus","isChipFocusable","tabIndex","queryAssignedElements","styles","css","MdChipSet","customElement","Elevation","connectedCallback","setAttribute","MdElevation","ARIA_LABEL_REMOVE","MultiActionChip","hasAttribute","getAttribute","ariaLabel","ariaLabelRemove","removeAttribute","requestUpdate","handleTrailingActionFocus","trailingAction","renderTrailingAction","primaryAction","isPrimaryFocused","isTrailingFocused","stopPropagation","once","renderRemoveButton","focusListener","tabbable","nothing","handleRemoveClick","cancelable","remove","FilterChip","arguments","elevated","removable","selected","hasSelectedIcon","content","handleClickOnChild","prevValue","redispatchEvent","query","MdFilterChip","sharedStyles","elevatedStyles","trailingIconStyles","selectableStyles","SchmancyChip","$LitElement","value","icon","readOnly","form","CustomEvent","detail","formAssociated","__decorateClass","String","SchmancyChips","multi","values","wrap","e","c","v","forEach","_changedProperties","firstUpdated","hydrateTabs","name","old","attributeChangedCallback","includes","styleMap","change","Array","selector"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]}

package/dist/chips.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("./chips-Bv2hdmMK.cjs");
+"use strict";require("./chips-2eS0Uabf.cjs");
 //# sourceMappingURL=chips.cjs.map

package/dist/chips.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import "./chips-pqAEZ-DH.js";
+import "./chips-CGx5hIpM.js";
 //# sourceMappingURL=chips.js.map

package/dist/components.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./payment-card-form-DxD9nGB0.cjs");Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>e.SchmancyPaymentCardForm});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./payment-card-form-DhNlMTrt.cjs");Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>e.SchmancyPaymentCardForm});
 //# sourceMappingURL=components.cjs.map

package/dist/components.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as r } from "./payment-card-form-qTHGWvQQ.js";
+import { S as r } from "./payment-card-form-C-fZxGAB.js";
 export {
   r as SchmancyPaymentCardForm
 };

package/dist/content-drawer.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CnDx2oti.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-BNQxK07I.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
 //# sourceMappingURL=content-drawer.cjs.map

package/dist/content-drawer.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { f as n, c as t, g as r, d as c, e as h, h as o, a as S, b as s, s as m } from "./teleport.component-DfjivpLV.js";
+import { f as n, c as t, g as r, d as c, e as h, h as o, a as S, b as s, s as m } from "./teleport.component-CsJzJB21.js";
 export {
   n as SchmancyContentDrawer,
   t as SchmancyContentDrawerID,

package/dist/dailog-DAJREbGA.cjs ADDED Viewed

@@ -0,0 +1,79 @@
+"use strict";const l=require("rxjs");require("lit/directives/class-map.js");const u=require("lit/directives/style-map.js"),g=require("./litElement.mixin-BEw8-T-i.cjs");require("./tailwind.mixin-3l-Om0oz.cjs");const f=require("./ripple-C2BHbhcS.cjs"),p=require("./theme.interface-Xg5Zi46a.cjs"),m=require("lit"),o=require("lit/decorators.js");var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(t,i,n,r)=>{for(var a,e=r>1?void 0:r?b(i,n):i,c=t.length-1;c>=0;c--)(a=t[c])&&(e=(r?a(i,n,e):a(e))||e);return r&&e&&v(i,n,e),e};exports.ConfirmDialog=class extends g.$LitElement(m.css`
+	:host {
+		display: block;
+		position: fixed;
+		inset: 0;
+		z-index: 1000;
+		visibility: hidden;
+		pointer-events: none;
+	}
+	:host([open]) {
+		visibility: visible;
+		pointer-events: auto;
+	}
+	.dialog {
+		position: absolute;
+		max-width: 360px;
+		width: max-content;
+		opacity: 0;
+		transform: scale(0.95);
+		transition:
+			opacity 0.15s ease,
+			transform 0.15s ease;
+	}
+	:host([open]) .dialog {
+		opacity: 1;
+		transform: scale(1);
+	}
+	.overlay {
+		position: fixed;
+		inset: 0;
+		background: rgba(0, 0, 0, 0.4);
+		opacity: 0;
+		transition: opacity 0.15s ease;
+	}
+	:host([open]) .overlay {
+		opacity: 1;
+	}
+`){constructor(){super(...arguments),this.open=!1,this.title="Confirm Action",this.message="Are you sure you want to proceed?",this.confirmText="Confirm",this.cancelText="Cancel",this.variant="default",this._position={x:0,y:0},this._clickPosition={x:0,y:0}}showAt(t,i){this._clickPosition={x:t,y:i},this._position=this._calculateOptimalPosition(t,i),this.open=!0,this._setupListeners()}hide(){this.open=!1}_calculateOptimalPosition(t,i){return requestAnimationFrame(()=>{var d;const n=(d=this.shadowRoot)==null?void 0:d.querySelector(".dialog");if(!n)return;const r=n.offsetWidth,a=n.offsetHeight,e=window.innerWidth,c=window.innerHeight;let h=t,y=i;h+r>e-16&&(h=Math.max(16,e-r-16)),y+a>c-16&&(y=i>a+16?i-a-8:16),this._position={x:h,y}}),{x:t,y:i}}_setupListeners(){l.fromEvent(document,"keydown").pipe(l.takeUntil(this.disconnecting)).subscribe(t=>{t.key==="Escape"&&this.open&&this._handleCancel()}),l.fromEvent(window,"resize").pipe(l.takeUntil(this.disconnecting)).subscribe(()=>{this.open&&(this._position=this._calculateOptimalPosition(this._clickPosition.x,this._clickPosition.y))})}_handleConfirm(){this.hide(),this.dispatchEvent(new CustomEvent("confirm",{bubbles:!0,composed:!0}))}_handleCancel(){this.hide(),this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))}render(){const t={left:`${this._position.x}px`,top:`${this._position.y}px`};return m.html`
+			<div class="overlay" @click=${this._handleCancel}></div>
+			<div
+				class="dialog"
+				style=${u.styleMap(t)}
+				role="alertdialog"
+				aria-modal="true"
+				aria-labelledby="dialog-title"
+				aria-describedby="dialog-message"
+			>
+				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
+					<div class="p-4">
+						<div id="dialog-title" class="mb-2">
+							<schmancy-typography type="title" token="md"> ${this.title} </schmancy-typography>
+						</div>
+						<div id="dialog-message" class="mb-4">
+							<schmancy-typography type="body"> ${this.message} </schmancy-typography>
+						</div>
+						<div class="flex justify-end gap-3">
+							<schmancy-button variant="outlined" @click=${this._handleCancel}> ${this.cancelText} </schmancy-button>
+							<schmancy-button
+								variant="filled"
+								${f.color({bgColor:this.variant==="danger"?p.SchmancyTheme.sys.color.error.default:p.SchmancyTheme.sys.color.primary.default,color:this.variant==="danger"?p.SchmancyTheme.sys.color.error.on:p.SchmancyTheme.sys.color.primary.on})}
+								@click=${this._handleConfirm}
+							>
+								${this.confirmText}
+							</schmancy-button>
+						</div>
+					</div>
+				</schmancy-surface>
+			</div>
+		`}},s([o.property({type:Boolean,reflect:!0})],exports.ConfirmDialog.prototype,"open",2),s([o.property({type:String})],exports.ConfirmDialog.prototype,"title",2),s([o.property({type:String})],exports.ConfirmDialog.prototype,"message",2),s([o.property({type:String})],exports.ConfirmDialog.prototype,"confirmText",2),s([o.property({type:String})],exports.ConfirmDialog.prototype,"cancelText",2),s([o.property({type:String})],exports.ConfirmDialog.prototype,"variant",2),s([o.state()],exports.ConfirmDialog.prototype,"_position",2),exports.ConfirmDialog=s([o.customElement("confirm-dialog")],exports.ConfirmDialog);
+//# sourceMappingURL=dailog-DAJREbGA.cjs.map

package/dist/dailog-DAJREbGA.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dailog-DAJREbGA.cjs","sources":["../src/dialog/dailog.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * A minimal, positioned confirm dialog component\n *\n * @element confirm-dialog\n * @fires confirm - When the confirm button is clicked\n * @fires cancel - When the cancel button is clicked or outside is clicked\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 1000;\n\t\tvisibility: hidden;\n\t\tpointer-events: none;\n\t}\n\n\t:host([open]) {\n\t\tvisibility: visible;\n\t\tpointer-events: auto;\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: 360px;\n\t\twidth: max-content;\n\t\topacity: 0;\n\t\ttransform: scale(0.95);\n\t\ttransition:\n\t\t\topacity 0.15s ease,\n\t\t\ttransform 0.15s ease;\n\t}\n\n\t:host([open]) .dialog {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t\topacity: 0;\n\t\ttransition: opacity 0.15s ease;\n\t}\n\n\t:host([open]) .overlay {\n\t\topacity: 1;\n\t}\n`) {\n\t/**\n\t * Whether the dialog is open\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = 'Confirm Action'\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = 'Are you sure you want to proceed?'\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Internal position state\n\t */\n\t@state() private _position = { x: 0, y: 0 }\n\n\t/**\n\t * Last clicked position for initial placement\n\t */\n\tprivate _clickPosition = { x: 0, y: 0 }\n\n\t/**\n\t * Show the dialog at specific coordinates\n\t */\n\tpublic showAt(x: number, y: number) {\n\t\tthis._clickPosition = { x, y }\n\t\tthis._position = this._calculateOptimalPosition(x, y)\n\t\tthis.open = true\n\t\tthis._setupListeners()\n\t}\n\n\t/**\n\t * Hide the dialog\n\t */\n\tpublic hide() {\n\t\tthis.open = false\n\t}\n\n\t/**\n\t * Find the best position for the dialog based on click coordinates\n\t */\n\tprivate _calculateOptimalPosition(x: number, y: number) {\n\t\t// Wait for next frame to ensure dialog is rendered and has dimensions\n\t\trequestAnimationFrame(() => {\n\t\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\t\tif (!dialog) return\n\n\t\t\tconst dialogWidth = dialog.offsetWidth\n\t\t\tconst dialogHeight = dialog.offsetHeight\n\t\t\tconst viewport = {\n\t\t\t\twidth: window.innerWidth,\n\t\t\t\theight: window.innerHeight,\n\t\t\t}\n\n\t\t\t// Start with the click position\n\t\t\tlet newX = x\n\t\t\tlet newY = y\n\n\t\t\t// Ensure dialog stays in viewport horizontally\n\t\t\tif (newX + dialogWidth > viewport.width - 16) {\n\t\t\t\tnewX = Math.max(16, viewport.width - dialogWidth - 16)\n\t\t\t}\n\n\t\t\t// Ensure dialog stays in viewport vertically\n\t\t\tif (newY + dialogHeight > viewport.height - 16) {\n\t\t\t\t// Place above click if there's room\n\t\t\t\tif (y > dialogHeight + 16) {\n\t\t\t\t\tnewY = y - dialogHeight - 8\n\t\t\t\t} else {\n\t\t\t\t\t// Otherwise place at top of screen with small margin\n\t\t\t\t\tnewY = 16\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Update the position state\n\t\t\tthis._position = { x: newX, y: newY }\n\t\t})\n\n\t\t// Return initial position for first render\n\t\treturn { x, y }\n\t}\n\n\t/**\n\t * Setup event listeners when dialog opens\n\t */\n\tprivate _setupListeners() {\n\t\t// Listen for ESC key\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.key === 'Escape' && this.open) {\n\t\t\t\t\tthis._handleCancel()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle window resize to reposition dialog if needed\n\t\tfromEvent(window, 'resize')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.open) {\n\t\t\t\t\tthis._position = this._calculateOptimalPosition(this._clickPosition.x, this._clickPosition.y)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate _handleConfirm() {\n\t\tthis.hide()\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel action\n\t */\n\tprivate _handleCancel() {\n\t\tthis.hide()\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('cancel', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst dialogStyles = {\n\t\t\tleft: `${this._position.x}px`,\n\t\t\ttop: `${this._position.y}px`,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this._handleCancel}></div>\n\n\t\t\t<div\n\t\t\t\tclass=\"dialog\"\n\t\t\t\tstyle=${styleMap(dialogStyles)}\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\taria-labelledby=\"dialog-title\"\n\t\t\t\taria-describedby=\"dialog-message\"\n\t\t\t>\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<div class=\"p-4\">\n\t\t\t\t\t\t<div id=\"dialog-title\" class=\"mb-2\">\n\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\"> ${this.title} </schmancy-typography>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div id=\"dialog-message\" class=\"mb-4\">\n\t\t\t\t\t\t\t<schmancy-typography type=\"body\"> ${this.message} </schmancy-typography>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this._handleCancel}> ${this.cancelText} </schmancy-button>\n\n\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\t\t\tbgColor:\n\t\t\t\t\t\t\t\t\t\tthis.variant === 'danger'\n\t\t\t\t\t\t\t\t\t\t\t? SchmancyTheme.sys.color.error.default\n\t\t\t\t\t\t\t\t\t\t\t: SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tthis.variant === 'danger' ? SchmancyTheme.sys.color.error.on : SchmancyTheme.sys.color.primary.on,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t@click=${this._handleConfirm}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${this.confirmText}\n\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n"],"names":["ConfirmDialog","$LitElement","css","constructor","super","arguments","this","open","title","message","confirmText","cancelText","variant","_position","x","y","_clickPosition","_calculateOptimalPosition","_setupListeners","requestAnimationFrame","dialog","shadowRoot","querySelector","dialogWidth","offsetWidth","dialogHeight","offsetHeight","viewport","window","innerWidth","innerHeight","newX","newY","Math","max","fromEvent","document","pipe","takeUntil","disconnecting","subscribe","e","key","_handleCancel","hide","dispatchEvent","CustomEvent","bubbles","composed","render","dialogStyles","left","top","html","styleMap","color","bgColor","SchmancyTheme","sys","error","default","primary","on","_handleConfirm","__decorateClass","property","type","Boolean","reflect","prototype","String","state","customElement"],"mappings":"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"}

package/dist/dailog-DQHJeJ0g.js ADDED Viewed

@@ -0,0 +1,133 @@
+import { fromEvent as m, takeUntil as u } from "rxjs";
+import "lit/directives/class-map.js";
+import { styleMap as f } from "lit/directives/style-map.js";
+import { $ as g } from "./litElement.mixin-KvfZL1-7.js";
+import "./tailwind.mixin-B2sscaiD.js";
+import { c as v } from "./ripple-BumgqsDT.js";
+import { S as p } from "./theme.interface-C5Kj6WjD.js";
+import { css as b, html as x } from "lit";
+import { property as c, state as _, customElement as w } from "lit/decorators.js";
+var k = Object.defineProperty, C = Object.getOwnPropertyDescriptor, s = (t, i, n, a) => {
+  for (var r, e = a > 1 ? void 0 : a ? C(i, n) : i, l = t.length - 1; l >= 0; l--) (r = t[l]) && (e = (a ? r(i, n, e) : r(e)) || e);
+  return a && e && k(i, n, e), e;
+};
+let o = class extends g(b`
+	:host {
+		display: block;
+		position: fixed;
+		inset: 0;
+		z-index: 1000;
+		visibility: hidden;
+		pointer-events: none;
+	}
+	:host([open]) {
+		visibility: visible;
+		pointer-events: auto;
+	}
+	.dialog {
+		position: absolute;
+		max-width: 360px;
+		width: max-content;
+		opacity: 0;
+		transform: scale(0.95);
+		transition:
+			opacity 0.15s ease,
+			transform 0.15s ease;
+	}
+	:host([open]) .dialog {
+		opacity: 1;
+		transform: scale(1);
+	}
+	.overlay {
+		position: fixed;
+		inset: 0;
+		background: rgba(0, 0, 0, 0.4);
+		opacity: 0;
+		transition: opacity 0.15s ease;
+	}
+	:host([open]) .overlay {
+		opacity: 1;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.open = !1, this.title = "Confirm Action", this.message = "Are you sure you want to proceed?", this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this._position = { x: 0, y: 0 }, this._clickPosition = { x: 0, y: 0 };
+  }
+  showAt(t, i) {
+    this._clickPosition = { x: t, y: i }, this._position = this._calculateOptimalPosition(t, i), this.open = !0, this._setupListeners();
+  }
+  hide() {
+    this.open = !1;
+  }
+  _calculateOptimalPosition(t, i) {
+    return requestAnimationFrame(() => {
+      var y;
+      const n = (y = this.shadowRoot) == null ? void 0 : y.querySelector(".dialog");
+      if (!n) return;
+      const a = n.offsetWidth, r = n.offsetHeight, e = window.innerWidth, l = window.innerHeight;
+      let h = t, d = i;
+      h + a > e - 16 && (h = Math.max(16, e - a - 16)), d + r > l - 16 && (d = i > r + 16 ? i - r - 8 : 16), this._position = { x: h, y: d };
+    }), { x: t, y: i };
+  }
+  _setupListeners() {
+    m(document, "keydown").pipe(u(this.disconnecting)).subscribe((t) => {
+      t.key === "Escape" && this.open && this._handleCancel();
+    }), m(window, "resize").pipe(u(this.disconnecting)).subscribe(() => {
+      this.open && (this._position = this._calculateOptimalPosition(this._clickPosition.x, this._clickPosition.y));
+    });
+  }
+  _handleConfirm() {
+    this.hide(), this.dispatchEvent(new CustomEvent("confirm", { bubbles: !0, composed: !0 }));
+  }
+  _handleCancel() {
+    this.hide(), this.dispatchEvent(new CustomEvent("cancel", { bubbles: !0, composed: !0 }));
+  }
+  render() {
+    const t = { left: `${this._position.x}px`, top: `${this._position.y}px` };
+    return x`
+			<div class="overlay" @click=${this._handleCancel}></div>
+			<div
+				class="dialog"
+				style=${f(t)}
+				role="alertdialog"
+				aria-modal="true"
+				aria-labelledby="dialog-title"
+				aria-describedby="dialog-message"
+			>
+				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
+					<div class="p-4">
+						<div id="dialog-title" class="mb-2">
+							<schmancy-typography type="title" token="md"> ${this.title} </schmancy-typography>
+						</div>
+						<div id="dialog-message" class="mb-4">
+							<schmancy-typography type="body"> ${this.message} </schmancy-typography>
+						</div>
+						<div class="flex justify-end gap-3">
+							<schmancy-button variant="outlined" @click=${this._handleCancel}> ${this.cancelText} </schmancy-button>
+							<schmancy-button
+								variant="filled"
+								${v({ bgColor: this.variant === "danger" ? p.sys.color.error.default : p.sys.color.primary.default, color: this.variant === "danger" ? p.sys.color.error.on : p.sys.color.primary.on })}
+								@click=${this._handleConfirm}
+							>
+								${this.confirmText}
+							</schmancy-button>
+						</div>
+					</div>
+				</schmancy-surface>
+			</div>
+		`;
+  }
+};
+s([c({ type: Boolean, reflect: !0 })], o.prototype, "open", 2), s([c({ type: String })], o.prototype, "title", 2), s([c({ type: String })], o.prototype, "message", 2), s([c({ type: String })], o.prototype, "confirmText", 2), s([c({ type: String })], o.prototype, "cancelText", 2), s([c({ type: String })], o.prototype, "variant", 2), s([_()], o.prototype, "_position", 2), o = s([w("confirm-dialog")], o);
+export {
+  o as C
+};
+//# sourceMappingURL=dailog-DQHJeJ0g.js.map