x.id}-panel\"\n\t\taria-labelledby=\"${(x) => x.id}\"\n\t\trole=\"region\"\n\t\tclass=\"region ${(x) => x.icon && !x.iconTrailing ? \"padded\" : \"\"} ${(x) => x.size ? `size-${x.size}` : \"\"}\"\n\t>\n\t\t\n\t\n`;\n\nconst accordionItemDefinition = AccordionItem.compose({\n baseName: \"accordion-item\",\n template: AccordionItemTemplate,\n styles\n});\nconst accordionItemRegistries = [\n accordionItemDefinition(),\n ...iconRegistries\n];\nconst registerAccordionItem = registerFactory(accordionItemRegistries);\n\nexport { AccordionItem$1 as A, accordionItemDefinition as a, accordionItemRegistries as b, registerAccordionItem as r };\n","import { a as attr, h as html, r as registerFactory } from './index.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { B as BreadcrumbItem$1 } from './breadcrumb-item.js';\nimport { t as textAnchorTemplate } from './text-anchor.template.js';\nimport { I as Icon } from './icon.js';\nimport { w as when } from './when.js';\nimport { c as classNames } from './class-names.js';\n\nconst styles = \".base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -4px;border-radius:2px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}.control:any-link:hover{text-decoration:underline}\";\n\nvar __defProp = Object.defineProperty;\nvar __decorateClass = (decorators, target, key, kind) => {\n var result = void 0 ;\n for (var i = decorators.length - 1, decorator; i >= 0; i--)\n if (decorator = decorators[i])\n result = (decorator(target, key, result) ) || result;\n if (result)\n __defProp(target, key, result);\n return result;\n};\nclass BreadcrumbItem extends BreadcrumbItem$1 {\n constructor() {\n super();\n }\n}\n__decorateClass([\n attr\n], BreadcrumbItem.prototype, \"text\");\n\nconst getClasses = (_) => classNames(\"base\");\nconst BreadcrumbItemTemplate = (context, definition) => {\n const iconTag = context.tagFor(Icon);\n return html` \n\t\t${when((x) => x.text && !x.href, html`${(x) => x.text}`)}\n\t\t${when(\n (x) => x.text && x.href && x.href.length > 0,\n html`${textAnchorTemplate(context)}`\n )}\n\t\t${when(\n (x) => x.separator,\n html`<${iconTag} class=\"separator\" name=\"chevron-right-solid\">`\n )}\n\t
`;\n};\n\nconst breadcrumbItemDefinition = BreadcrumbItem.compose({\n baseName: \"breadcrumb-item\",\n template: BreadcrumbItemTemplate,\n styles,\n shadowOptions: {\n delegatesFocus: true\n }\n});\nconst breadcrumbItemRegistries = [\n breadcrumbItemDefinition(),\n ...iconRegistries\n];\nconst registerBreadcrumbItem = registerFactory(breadcrumbItemRegistries);\n\nexport { breadcrumbItemRegistries as a, breadcrumbItemDefinition as b, registerBreadcrumbItem as r };\n","import { F as FoundationElement, a as attr, h as html, r as registerFactory } from './index.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { I as Icon } from './icon.js';\nimport { w as when } from './when.js';\nimport { c as classNames } from './class-names.js';\n\nconst styles = \".base{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle}.base.connotation-cta{--_connotation-color-primary: var(--vvd-avatar-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-avatar-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-avatar-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-avatar-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-avatar-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-pale: var(--vvd-avatar-cta-pale, var(--vvd-color-cta-300));--_connotation-color-soft: var(--vvd-avatar-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-avatar-cta-contrast, var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-avatar-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-avatar-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-avatar-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-avatar-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-fierce: var(--vvd-avatar-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-pale: var(--vvd-avatar-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-soft: var(--vvd-avatar-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-avatar-accent-contrast, var(--vvd-color-neutral-800))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.size-condensed{--_size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2);line-height:1}.base.size-expanded{--_size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(1px*(48 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2);line-height:1}.base:not(.size-condensed,.size-expanded){--_size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2);line-height:1}.base:not(.shape-pill){--_avatar-border-radius: 8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius: 4px}.base.shape-pill{--_avatar-border-radius: 50%}.base .initials{text-transform:uppercase}.base ::slotted(*){block-size:100%;inline-size:100%;object-fit:cover}\";\n\nvar __defProp = Object.defineProperty;\nvar __decorateClass = (decorators, target, key, kind) => {\n var result = void 0 ;\n for (var i = decorators.length - 1, decorator; i >= 0; i--)\n if (decorator = decorators[i])\n result = (decorator(target, key, result) ) || result;\n if (result)\n __defProp(target, key, result);\n return result;\n};\nclass Avatar extends FoundationElement {\n}\n__decorateClass([\n attr\n], Avatar.prototype, \"connotation\");\n__decorateClass([\n attr\n], Avatar.prototype, \"shape\");\n__decorateClass([\n attr\n], Avatar.prototype, \"appearance\");\n__decorateClass([\n attr\n], Avatar.prototype, \"size\");\n__decorateClass([\n attr\n], Avatar.prototype, \"icon\");\n__decorateClass([\n attr\n], Avatar.prototype, \"initials\");\n\nconst getClasses = ({ appearance, connotation, shape, size }) => classNames(\n \"base\",\n [`connotation-${connotation}`, Boolean(connotation)],\n [`appearance-${appearance}`, Boolean(appearance)],\n [`shape-${shape}`, Boolean(shape)],\n [`size-${size}`, Boolean(size)]\n);\nfunction renderIcon(iconTag) {\n return html`\n\t\t\n\t\t\t<${iconTag} name=\"${(x) => x.icon ? `${x.icon}` : \"user-line\"}\">\n\t\t\n\t`;\n}\nfunction renderInitials() {\n return html`\n\t\t${({ initials }) => initials.substring(0, 2)}\n\t`;\n}\nconst AvatarTemplate = (context) => {\n const iconTag = context.tagFor(Icon);\n return html` \n\t\t\n\t\t\t${when((x) => x.initials, renderInitials())}\n\t\t\t${when((x) => !x.initials, renderIcon(iconTag))}\n\t\t\n\t`;\n};\n\nconst avatarDefinition = Avatar.compose({\n baseName: \"avatar\",\n template: AvatarTemplate,\n styles\n});\nconst avatarRegistries = [avatarDefinition(), ...iconRegistries];\nconst registerAvatar = registerFactory(avatarRegistries);\n\nexport { avatarDefinition as a, avatarRegistries as b, registerAvatar as r };\n","import { a as attr, F as FoundationElement, o as observable, h as html, r as registerFactory } from './index.js';\nimport { B as Button, a as buttonRegistries } from './definition11.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { C as Connotation } from './enums.js';\nimport { A as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';\nimport './index2.js';\nimport { L as Localized } from './localized.js';\nimport { a as applyMixins } from './apply-mixins.js';\nimport { s as slotted } from './slotted.js';\nimport { w as when } from './when.js';\nimport { c as classNames } from './class-names.js';\n\nconst styles = \":host{display:block}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control.removing{max-height:0}.header{display:flex;box-sizing:border-box;align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;padding:10px 16px;column-gap:16px;inline-size:100%}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}\";\n\nvar __defProp = Object.defineProperty;\nvar __decorateClass = (decorators, target, key, kind) => {\n var result = void 0 ;\n for (var i = decorators.length - 1, decorator; i >= 0; i--)\n if (decorator = decorators[i])\n result = (decorator(target, key, result) ) || result;\n if (result)\n __defProp(target, key, result);\n return result;\n};\nconst connotationIconMap = /* @__PURE__ */ new Map([\n [Connotation.Information, \"info-solid\"],\n [Connotation.Announcement, \"megaphone-solid\"],\n [Connotation.Success, \"check-circle-solid\"],\n [Connotation.Warning, \"warning-solid\"],\n [Connotation.Alert, \"error-solid\"]\n]);\nconst defaultConnotation = (connotation = Connotation.Information) => connotationIconMap.get(connotation);\nclass Banner extends FoundationElement {\n constructor() {\n super(...arguments);\n this.dismissButtonAriaLabel = null;\n this.role = null;\n this.removable = false;\n this.#handleRemoveEnd = () => {\n this.$emit(\"removed\");\n this.parentElement && this.parentElement.removeChild(this);\n };\n this.#closeOnKeyDown = (e) => {\n if (e.key !== \"Escape\" || !this.removable) {\n return;\n }\n this.remove();\n };\n }\n get conditionedIcon() {\n return this.icon ?? defaultConnotation(this.connotation);\n }\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener(\"keydown\", this.#closeOnKeyDown);\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener(\"keydown\", this.#closeOnKeyDown);\n }\n remove() {\n this.$emit(\"removing\");\n const banner = this.shadowRoot && this.shadowRoot.querySelector(\".control\");\n if (banner) {\n banner.classList.add(\"removing\");\n banner.addEventListener(\"transitionend\", this.#handleRemoveEnd);\n }\n }\n #handleRemoveEnd;\n #closeOnKeyDown;\n}\n__decorateClass([\n attr({ attribute: \"dismiss-aria-label\" })\n], Banner.prototype, \"dismissButtonAriaLabel\");\n__decorateClass([\n attr\n], Banner.prototype, \"role\");\n__decorateClass([\n attr({ attribute: \"action-href\" })\n], Banner.prototype, \"actionHref\");\n__decorateClass([\n attr({ attribute: \"action-text\" })\n], Banner.prototype, \"actionText\");\n__decorateClass([\n attr({ mode: \"boolean\" })\n], Banner.prototype, \"removable\");\n__decorateClass([\n attr({ attribute: \"aria-live\" })\n], Banner.prototype, \"ariaLive\");\n__decorateClass([\n attr()\n], Banner.prototype, \"text\");\n__decorateClass([\n attr()\n], Banner.prototype, \"connotation\");\n__decorateClass([\n observable\n], Banner.prototype, \"actionItemsSlottedContent\");\napplyMixins(Banner, AffixIcon);\napplyMixins(Banner, Localized);\n\nconst getClasses = (_) => classNames(\"control\", [`connotation-${_.connotation}`, !!_.connotation]);\nfunction renderDismissButton(buttonTag) {\n return html`\n\t <${buttonTag}\n\t \t\taria-label=\"${(x) => x.dismissButtonAriaLabel || x.locale.banner.dismissButtonLabel}\"\n\t\t\tpart=\"${(x) => x.connotation === \"warning\" ? \"\" : \"vvd-theme-alternate\"}\"\n\t\t\tsize=\"condensed\"\n\t\t\tclass=\"dismiss-button\"\n\t\t\ticon=\"close-line\"\n\t\t\t@click=\"${(x) => x.remove()}\">\n\t `;\n}\nconst BannerTemplate = (context) => {\n const affixIconTemplate = affixIconTemplateFactory(context);\n const buttonTag = context.tagFor(Button);\n return html`\n\t\t\n\t\t\t
\n\n\t\t\t\t${when((x) => x.removable, renderDismissButton(buttonTag))}\n\t\t\t\n\t\t\n\t`;\n};\n\nconst bannerDefinition = Banner.compose({\n baseName: \"banner\",\n template: BannerTemplate,\n styles\n});\nconst bannerRegistries = [\n bannerDefinition(),\n ...iconRegistries,\n ...buttonRegistries\n];\nconst registerBanner = registerFactory(bannerRegistries);\n\nexport { bannerRegistries as a, bannerDefinition as b, registerBanner as r };\n"],"names":["__defProp","Object","defineProperty","__decorateClass","decorators","target","key","kind","decorator","result","i","length","Badge","F","a","prototype","getClasses","connotation","appearance","shape","iconTrailing","text","icon","c","Boolean","badgeRegistries","compose","baseName","template","context","affixIconTemplate","h","x","I","Slot","w","styles","badgeDefinition","registerBadge","r","AccordionItem$1","constructor","super","arguments","this","headinglevel","expanded","clickHandler","e","change","$emit","_","attribute","mode","converter","n","S","AccordionItem","noIndicator","accordionItemRegistries","hTag","size","id","event","heading","meta","header","accordionItemDefinition","registerAccordionItem","BreadcrumbItem","B","breadcrumbItemRegistries","definition","iconTag","tagFor","href","t","separator","shadowOptions","delegatesFocus","breadcrumbItemDefinition","registerBreadcrumbItem","Avatar","avatarRegistries","initials","substring","renderIcon","avatarDefinition","registerAvatar","connotationIconMap","Map","C","Information","Announcement","Success","Warning","Alert","Banner","dismissButtonAriaLabel","role","removable","parentElement","removeChild","remove","conditionedIcon","get","defaultConnotation","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","banner","shadowRoot","querySelector","classList","add","o","A","L","bannerRegistries","buttonTag","ariaLive","s","locale","dismissButtonLabel","renderDismissButton","bannerDefinition","registerBanner"],"sourceRoot":""}