@cds/core 5.7.1 → 6.0.0-beta.3

package/internal/base/base.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xs, calc(4 / var(--cds-global-base, 20) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc(6 / var(--cds-global-base, 20) * 1rem));--δ4:var(--cds-global-layout-space-md, calc(12 / var(--cds-global-base, 20) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc(24 / var(--cds-global-base, 20) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc(48 / var(--cds-global-base, 20) * 1rem))}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal]{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:flex-start;align-items:flex-start;width:100%;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{width:100%;display:flex;flex-direction:column;align-items:flex-start}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc(40 / var(--cds-global-base,20) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc(24 / var(--cds-global-base,20) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc(20 / var(--cds-global-base,20) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc(14 / var(--cds-global-base,20) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc(16 / var(--cds-global-base,20) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc(400 / var(--cds-global-base,20) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc(13 / var(--cds-global-base,20) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc(1 / var(--cds-global-base,20) * 1rem));overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc(1 / var(--cds-global-base,20) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}`;export{a as default};
+import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xxs, 0.25rem);--δ3:var(--cds-global-layout-space-xs, 0.5rem);--δ4:var(--cds-global-layout-space-sm, 0.75rem);--δ5:var(--cds-global-layout-space-md, 1rem);--δ6:var(--cds-global-layout-space-lg, 1.5rem);--δ7:var(--cds-global-layout-space-xl, 2rem)}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal]{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:flex-start;align-items:flex-start;width:100%;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{width:100%;display:flex;flex-direction:column;align-items:flex-start}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}::slotted([cds-layout~="display:screen-reader-only"]),[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xxs"]{gap:var(--δ2)}[cds-layout*="gap:xs"]{gap:var(--δ3)}[cds-layout*="gap:sm"]{gap:var(--δ4)}[cds-layout*="gap:md"]{gap:var(--δ5)}[cds-layout*="gap:lg"]{gap:var(--δ6)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xxs"]{padding:var(--δ2)!important}[cds-layout~="p:xs"]{padding:var(--δ3)!important}[cds-layout~="p:sm"]{padding:var(--δ4)!important}[cds-layout~="p:md"]{padding:var(--δ5)!important}[cds-layout~="m:md"]{margin:var(--δ5)!important}[cds-layout~="p:lg"]{padding:var(--δ6)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ6)!important;padding-right:var(--δ6)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ5)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ6)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ6)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ6)}[cds-layout~="p@md:lg"]{padding:var(--δ6)!important}[cds-layout~="m@md:xl"]{margin:var(--δ7)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,2.5rem);font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,1.5rem);font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,1.25rem);font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size,1rem);font-weight:var(--cds-global-typography-subsection-font-weight,400);line-height:var(--cds-global-typography-subsection-line-height,1.25em);letter-spacing:var(--cds-global-typography-subsection-letter-spacing,-.0125em)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-subsection-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-subsection-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,.875rem);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,1rem);font-weight:var(--cds-global-typography-message-font-weight,25rem);line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,.8125rem);font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}[cds-text~=code]{color:var(--cds-alias-status-danger,var(--cds-global-color-red-700,#e02200));font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,.0625rem);overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,.0625rem) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([role=dialog][hidden]),:host([role=dialog][hidden]) ::slotted(*){display:block!important;visibility:hidden!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:Highlight solid 2px;outline:5px auto -webkit-focus-ring-color;outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}`;export{a as default};
 //# sourceMappingURL=base.element.scss.js.map

package/internal/base/button.base.d.ts

@@ -1,43 +1,14 @@
-import { LitElement, PropertyValues } from 'lit';
+import { LitElement } from 'lit';
+/**
+ * Base class that provides all nessesary behavior for enabling a custom element to emulate a native button.
+ */
 export declare class CdsBaseButton extends LitElement {
+    pressed: boolean;
+    expanded: boolean;
     readonly: boolean;
     type: 'button' | 'submit';
     name: string;
     value: string;
     disabled: boolean;
-    protected tabIndexAttr: number | null;
-    protected focused: boolean;
-    protected active: boolean;
-    protected isAnchor: boolean;
-    protected icon: HTMLElement;
-    protected badge: HTMLElement;
-    private marker;
-    private explicitClick;
-    private markerSignificantProperties;
-    protected render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    protected updated(props: PropertyValues<this>): void;
-    /** This mimics the mouse-click visual behavior for keyboard only users and screen readers.
-     * Browsers do not apply the CSS psuedo-selector :active in those instances. So we need this
-     * for our :active styles to show.
-     *
-     * Make sure to update a component's CSS to account for the presence of the [_active] attribute
-     * in all instance where :active is defined.
-     *
-     * @private
-     */
-    private emulateActiveMouseDown;
-    private emulateActiveMouseUp;
-    private setupNativeButtonBehavior;
-    /**
-     * We have to append a hidden button outside the web component in the light DOM
-     * This allows us to trigger native submit events within a form element.
-     */
-    private triggerNativeButtonBehavior;
-    private createMarker;
-    private get markerAttached();
-    private hasMarkerSignificantProperty;
-    private emulateKeyBoardEventBehavior;
-    private updateButtonAttributes;
-    private addDefaultSubmitBehavior;
+    popup: string;
 }

package/internal/base/button.base.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{LitElement as t,html as i,render as r}from"lit";import{ifDefined as s}from"lit/directives/if-defined.js";import{property as o,state as a}from"../decorators/property.js";import{querySlot as n}from"../decorators/query-slot.js";import{onAnyKey as h}from"../utils/keycodes.js";import{stopEvent as d}from"../utils/events.js";class l extends t{constructor(){super(...arguments);this.readonly=!1,this.disabled=!1,this.focused=!1,this.active=!1,this.isAnchor=!1,this.explicitClick=!1,this.markerSignificantProperties=["type","name","value","disabled"]}render(){return i`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.role="button"}updated(e){this.hasMarkerSignificantProperty(e)&&(this.markerAttached&&this.marker.remove(),this.createMarker()),super.updated(e),this.updateButtonAttributes(),this.addDefaultSubmitBehavior(),e.has("readonly")&&this.setupNativeButtonBehavior()}emulateActiveMouseDown(){this.disabled||this.readonly||(this.active=!0)}emulateActiveMouseUp(){this.active=!1,this.explicitClick=!0}setupNativeButtonBehavior(){this.readonly?(this.removeEventListener("keyup",this.emulateActiveMouseUp),this.removeEventListener("keydown",this.emulateActiveMouseDown),this.removeEventListener("mouseup",this.emulateActiveMouseUp),this.removeEventListener("mousedown",this.emulateActiveMouseDown),this.removeEventListener("click",this.triggerNativeButtonBehavior),this.removeEventListener("keyup",this.emulateKeyBoardEventBehavior)):(this.addEventListener("keyup",this.emulateActiveMouseUp),this.addEventListener("keydown",this.emulateActiveMouseDown),this.addEventListener("mouseup",this.emulateActiveMouseUp),this.addEventListener("mousedown",this.emulateActiveMouseDown),this.addEventListener("click",this.triggerNativeButtonBehavior),this.addEventListener("keyup",this.emulateKeyBoardEventBehavior))}triggerNativeButtonBehavior(e){var t;this.readonly||(this.disabled?d(e):!e.defaultPrevented&&this.marker&&this.explicitClick&&(this.markerAttached||this.appendChild(this.marker),null===(t=this.querySelector("button[aria-hidden]"))||void 0===t||t.dispatchEvent(new MouseEvent("click",{relatedTarget:this,composed:!0})),"submit"!==this.type&&this.marker.remove())),this.explicitClick=!1}createMarker(){const e=i`<button aria-hidden="true" role="presentation" ?disabled="${this.disabled}" tabindex="-1" style="display:none!important" value="${s(this.value)}" name="${s(this.name)}" type="${s(this.type)}"></button>`,t=document.createElement("div");t.style.display="none",r(e,t),this.marker=t}get markerAttached(){return!(!this.marker||!this.marker.parentElement)}hasMarkerSignificantProperty(e){for(const t of this.markerSignificantProperties)if(e.has(t))return!0;return!1}emulateKeyBoardEventBehavior(e){h(["enter","space"],e,(()=>{this.readonly||(this.click(),d(e))}))}updateButtonAttributes(){var e;this.isAnchor="A"===(null===(e=this.parentElement)||void 0===e?void 0:e.tagName),this.isAnchor&&this.parentElement&&(this.parentElement.style.lineHeight="0",this.parentElement.style.textDecoration="none"),this.readonly=this.readonly||this.isAnchor,this.readonly?(this.role=null,this.tabIndexAttr=null,this.ariaDisabled=null):(this.role="button",this.tabIndexAttr=this.disabled?-1:0,this.ariaDisabled=this.disabled?"true":"false")}addDefaultSubmitBehavior(){!this.type&&this.closest("form")&&(this.type="submit"),"submit"!==this.type||this.markerAttached||this.appendChild(this.marker)}}e([o({type:Boolean})],l.prototype,"readonly",void 0),e([o({type:String})],l.prototype,"type",void 0),e([o({type:String})],l.prototype,"name",void 0),e([o({type:String})],l.prototype,"value",void 0),e([o({type:Boolean})],l.prototype,"disabled",void 0),e([a({type:Number,attribute:"tabindex",reflect:!0})],l.prototype,"tabIndexAttr",void 0),e([a({type:Boolean,reflect:!0})],l.prototype,"focused",void 0),e([a({type:Boolean,reflect:!0})],l.prototype,"active",void 0),e([a({type:Boolean,reflect:!0})],l.prototype,"isAnchor",void 0),e([n("cds-icon")],l.prototype,"icon",void 0),e([n("cds-badge")],l.prototype,"badge",void 0);export{l as CdsBaseButton};
+import{__decorate as o}from"tslib";import{LitElement as r}from"lit";import{property as t}from"../decorators/property.js";import{active as e}from"../controllers/active.controller.js";import{ariaPopupTrigger as p}from"../controllers/aria-popup-trigger.controller.js";import{ariaDisabled as l}from"../controllers/aria-disabled.controller.js";import{ariaPressed as i}from"../controllers/aria-pressed.controller.js";import{ariaButton as n}from"../controllers/aria-button.controller.js";import{buttonAnchor as s}from"../controllers/button-anchor.controller.js";import{buttonSubmit as a}from"../controllers/button-submit.controller.js";import{ariaExpanded as m}from"../controllers/aria-expanded.controller.js";let d=class extends r{constructor(){super(...arguments);this.disabled=!1}};o([t({type:Boolean})],d.prototype,"pressed",void 0),o([t({type:Boolean})],d.prototype,"expanded",void 0),o([t({type:Boolean})],d.prototype,"readonly",void 0),o([t({type:String})],d.prototype,"type",void 0),o([t({type:String})],d.prototype,"name",void 0),o([t({type:String})],d.prototype,"value",void 0),o([t({type:Boolean})],d.prototype,"disabled",void 0),o([t({type:String})],d.prototype,"popup",void 0),d=o([e(),n(),i(),m(),l(),p(),a(),s()],d);export{d as CdsBaseButton};
 //# sourceMappingURL=button.base.js.map

package/internal/base/button.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html, LitElement, render } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, state } from '../decorators/property.js';\nimport { querySlot } from '../decorators/query-slot.js';\nimport { onAnyKey } from '../utils/keycodes.js';\nimport { stopEvent } from './../utils/events.js';\n// @dynamic\nexport class CdsBaseButton extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.readonly = false;\n        this.disabled = false;\n        this.focused = false;\n        this.active = false;\n        this.isAnchor = false;\n        // When submitting forms with Enter key, the default submit button receives a click event from the form.\n        // We need to be able to differentiate between the real/explicit clicks and those form produced clicks.\n        // Otherwise we will submit the form twice.\n        this.explicitClick = false;\n        this.markerSignificantProperties = ['type', 'name', 'value', 'disabled'];\n    }\n    render() {\n        return html ` <slot></slot> `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.tabIndex = 0; // initialize immediately so button can be focused synchronously\n        this.role = 'button';\n    }\n    updated(props) {\n        if (this.hasMarkerSignificantProperty(props)) {\n            if (this.markerAttached) {\n                this.marker.remove();\n            }\n            this.createMarker();\n        }\n        super.updated(props);\n        this.updateButtonAttributes();\n        this.addDefaultSubmitBehavior();\n        if (props.has('readonly')) {\n            this.setupNativeButtonBehavior();\n        }\n    }\n    /** This mimics the mouse-click visual behavior for keyboard only users and screen readers.\n     * Browsers do not apply the CSS psuedo-selector :active in those instances. So we need this\n     * for our :active styles to show.\n     *\n     * Make sure to update a component's CSS to account for the presence of the [_active] attribute\n     * in all instance where :active is defined.\n     *\n     * @private\n     */\n    emulateActiveMouseDown() {\n        if (!this.disabled && !this.readonly) {\n            this.active = true;\n        }\n    }\n    emulateActiveMouseUp() {\n        this.active = false;\n        this.explicitClick = true; // mouse down/up are only associated with real clicks\n    }\n    setupNativeButtonBehavior() {\n        if (this.readonly) {\n            this.removeEventListener('keyup', this.emulateActiveMouseUp);\n            this.removeEventListener('keydown', this.emulateActiveMouseDown);\n            this.removeEventListener('mouseup', this.emulateActiveMouseUp);\n            this.removeEventListener('mousedown', this.emulateActiveMouseDown);\n            this.removeEventListener('click', this.triggerNativeButtonBehavior);\n            this.removeEventListener('keyup', this.emulateKeyBoardEventBehavior);\n        }\n        else {\n            this.addEventListener('keyup', this.emulateActiveMouseUp);\n            this.addEventListener('keydown', this.emulateActiveMouseDown);\n            this.addEventListener('mouseup', this.emulateActiveMouseUp);\n            this.addEventListener('mousedown', this.emulateActiveMouseDown);\n            this.addEventListener('click', this.triggerNativeButtonBehavior);\n            this.addEventListener('keyup', this.emulateKeyBoardEventBehavior);\n        }\n    }\n    /**\n     * We have to append a hidden button outside the web component in the light DOM\n     * This allows us to trigger native submit events within a form element.\n     */\n    triggerNativeButtonBehavior(event) {\n        var _a;\n        if (!this.readonly) {\n            if (this.disabled) {\n                stopEvent(event);\n            }\n            else if (!event.defaultPrevented && this.marker && this.explicitClick) {\n                if (!this.markerAttached) {\n                    this.appendChild(this.marker);\n                }\n                (_a = this.querySelector('button[aria-hidden]')) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { relatedTarget: this, composed: true }));\n                if (this.type !== 'submit') {\n                    this.marker.remove();\n                }\n            }\n        }\n        // get ready for the next real click check\n        this.explicitClick = false;\n    }\n    createMarker() {\n        const buttonTemplate = html `<button\n      aria-hidden=\"true\"\n      role=\"presentation\"\n      ?disabled=\"${this.disabled}\"\n      tabindex=\"-1\"\n      style=\"display: none !important\"\n      value=\"${ifDefined(this.value)}\"\n      name=\"${ifDefined(this.name)}\"\n      type=\"${ifDefined(this.type)}\"\n    ></button>`;\n        const marker = document.createElement('div');\n        // avoid an empty space inside button\n        marker.style.display = 'none';\n        render(buttonTemplate, marker);\n        this.marker = marker;\n    }\n    get markerAttached() {\n        return !!(this.marker && this.marker.parentElement);\n    }\n    // A marker significant property is one that should be dynamically bound to a property of the native button\n    hasMarkerSignificantProperty(props) {\n        for (const prop of this.markerSignificantProperties) {\n            if (props.has(prop)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    emulateKeyBoardEventBehavior(evt) {\n        onAnyKey(['enter', 'space'], evt, () => {\n            if (!this.readonly) {\n                this.click();\n                stopEvent(evt);\n            }\n        });\n    }\n    updateButtonAttributes() {\n        var _a;\n        this.isAnchor = ((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'A';\n        if (this.isAnchor && this.parentElement) {\n            this.parentElement.style.lineHeight = '0';\n            this.parentElement.style.textDecoration = 'none'; // fixes issue when style is applied to text node\n        }\n        this.readonly = this.readonly || this.isAnchor;\n        if (this.readonly) {\n            this.role = null;\n            this.tabIndexAttr = null;\n            this.ariaDisabled = null;\n        }\n        else {\n            this.role = 'button';\n            this.tabIndexAttr = this.disabled ? -1 : 0;\n            this.ariaDisabled = this.disabled ? 'true' : 'false';\n        }\n    }\n    // Forms handle default submit buttons without type=\"submit\" automatically.\n    // Because of the dynamic createion of the native element, we prefer to set the attribute explicitly.\n    addDefaultSubmitBehavior() {\n        if (!this.type && this.closest('form')) {\n            this.type = 'submit';\n        }\n        if (this.type === 'submit' && !this.markerAttached) {\n            this.appendChild(this.marker);\n        }\n    }\n}\n__decorate([\n    property({ type: Boolean })\n], CdsBaseButton.prototype, \"readonly\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"type\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"name\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"value\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsBaseButton.prototype, \"disabled\", void 0);\n__decorate([\n    state({ type: Number, attribute: 'tabindex', reflect: true })\n], CdsBaseButton.prototype, \"tabIndexAttr\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsBaseButton.prototype, \"focused\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsBaseButton.prototype, \"active\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsBaseButton.prototype, \"isAnchor\", void 0);\n__decorate([\n    querySlot('cds-icon')\n], CdsBaseButton.prototype, \"icon\", void 0);\n__decorate([\n    querySlot('cds-badge')\n], CdsBaseButton.prototype, \"badge\", void 0);\n"],"names":["CdsBaseButton","LitElement","constructor","super","this","readonly","disabled","focused","active","isAnchor","explicitClick","markerSignificantProperties","render","html","connectedCallback","tabIndex","role","updated","props","hasMarkerSignificantProperty","markerAttached","marker","remove","createMarker","updateButtonAttributes","addDefaultSubmitBehavior","has","setupNativeButtonBehavior","emulateActiveMouseDown","emulateActiveMouseUp","removeEventListener","triggerNativeButtonBehavior","emulateKeyBoardEventBehavior","addEventListener","event","_a","stopEvent","defaultPrevented","appendChild","querySelector","dispatchEvent","MouseEvent","relatedTarget","composed","type","buttonTemplate","ifDefined","value","name","document","createElement","style","display","parentElement","prop","evt","onAnyKey","click","tagName","lineHeight","textDecoration","tabIndexAttr","ariaDisabled","closest","__decorate","property","Boolean","prototype","String","state","Number","attribute","reflect","querySlot"],"mappings":"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"}
+{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { LitElement } from 'lit';\nimport { property } from '../decorators/property.js';\nimport { active } from '../controllers/active.controller.js';\nimport { ariaPopupTrigger } from '../controllers/aria-popup-trigger.controller.js';\nimport { ariaDisabled } from '../controllers/aria-disabled.controller.js';\nimport { ariaPressed } from '../controllers/aria-pressed.controller.js';\nimport { ariaButton } from '../controllers/aria-button.controller.js';\nimport { buttonAnchor } from '../controllers/button-anchor.controller.js';\nimport { buttonSubmit } from '../controllers/button-submit.controller.js';\nimport { ariaExpanded } from '../controllers/aria-expanded.controller.js';\n/**\n * Base class that provides all nessesary behavior for enabling a custom element to emulate a native button.\n */\nlet CdsBaseButton = class CdsBaseButton extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.disabled = false;\n    }\n};\n__decorate([\n    property({ type: Boolean })\n], CdsBaseButton.prototype, \"pressed\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsBaseButton.prototype, \"expanded\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsBaseButton.prototype, \"readonly\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"type\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"name\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"value\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsBaseButton.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseButton.prototype, \"popup\", void 0);\nCdsBaseButton = __decorate([\n    active(),\n    ariaButton(),\n    ariaPressed(),\n    ariaExpanded(),\n    ariaDisabled(),\n    ariaPopupTrigger(),\n    buttonSubmit(),\n    buttonAnchor()\n], CdsBaseButton);\nexport { CdsBaseButton };\n"],"names":["CdsBaseButton","LitElement","constructor","super","this","disabled","__decorate","property","type","Boolean","prototype","String","active","ariaButton","ariaPressed","ariaExpanded","ariaDisabled","ariaPopupTrigger","buttonSubmit","buttonAnchor"],"mappings":"+rBAmBG,IAACA,EAAgB,cAA4BC,EAC5CC,cACIC,oBACAC,KAAKC,UAAW,IAGxBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBT,EAAcU,UAAW,eAAW,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBT,EAAcU,UAAW,gBAAY,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBT,EAAcU,UAAW,gBAAY,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBX,EAAcU,UAAW,YAAQ,GACpCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBX,EAAcU,UAAW,YAAQ,GACpCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBX,EAAcU,UAAW,aAAS,GACrCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBT,EAAcU,UAAW,gBAAY,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBX,EAAcU,UAAW,aAAS,GACrCV,EAAgBM,EAAW,CACvBM,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,KACDnB"}

package/internal/base/focus-trap.base.d.ts

@@ -1,21 +1,13 @@
 import { LitElement } from 'lit';
-import { FocusTrap } from '../utils/focus-trap.js';
+import { FirstFocusController } from '../controllers/first-focus.controller.js';
+import { ClosableController } from '../controllers/closable.controller.js';
+import { InlineFocusTrapController } from '../controllers/inline-focus-trap.controller.js';
 export declare class CdsBaseFocusTrap extends LitElement {
-    focusTrap: FocusTrap;
-    topReboundElement: HTMLElement;
-    bottomReboundElement: HTMLElement;
-    /**
-     * Its recommended to remove or add a focus trap element from the DOM
-     * some SSR systems can have technical constraints where the item can
-     * only be removed via CSS/hidden.
-     */
-    hidden: boolean;
+    firstFocusController: FirstFocusController<this>;
+    closableController: ClosableController<this>;
+    protected inlineFocusTrapController: InlineFocusTrapController<this>;
     protected demoMode: boolean;
-    focusTrapId: string;
+    protected focusTrapId: string;
     constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, old: string, value: string): void;
     protected render(): import("lit-html").TemplateResult<1>;
-    private toggleFocusTrap;
 }

package/internal/base/focus-trap.base.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{FocusTrap as r}from"../utils/focus-trap.js";import{property as s,state as i}from"../decorators/property.js";import{createId as a}from"../utils/identity.js";class p extends o{constructor(){super();this.hidden=!1,this.demoMode=!1,this.focusTrapId=a(),this.focusTrap=new r(this)}connectedCallback(){super.connectedCallback(),this.toggleFocusTrap()}disconnectedCallback(){super.disconnectedCallback(),this.focusTrap.removeFocusTrap()}attributeChangedCallback(t,o,e){super.attributeChangedCallback(t,o,e),"hidden"===t&&o!==e&&this.toggleFocusTrap()}render(){return e`<slot></slot>`}toggleFocusTrap(){this.demoMode||this.hasAttribute("hidden")?this.focusTrap.removeFocusTrap():this.focusTrap.enableFocusTrap()}}t([s({type:Boolean})],p.prototype,"hidden",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"demoMode",void 0),t([s({type:String})],p.prototype,"focusTrapId",void 0);export{p as CdsBaseFocusTrap};
+import{__decorate as o}from"tslib";import{LitElement as r,html as t}from"lit";import{state as e}from"../decorators/property.js";import{createId as s}from"../utils/identity.js";import{FirstFocusController as l}from"../controllers/first-focus.controller.js";import{ClosableController as i}from"../controllers/closable.controller.js";import{InlineFocusTrapController as n}from"../controllers/inline-focus-trap.controller.js";class p extends r{constructor(){super();this.firstFocusController=new l(this),this.closableController=new i(this),this.inlineFocusTrapController=new n(this),this.demoMode=!1,this.focusTrapId=s()}render(){return t`<slot></slot>`}}o([e({type:Boolean,reflect:!0})],p.prototype,"demoMode",void 0),o([e({type:String})],p.prototype,"focusTrapId",void 0);export{p as CdsBaseFocusTrap};
 //# sourceMappingURL=focus-trap.base.js.map

package/internal/base/focus-trap.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-trap.base.js","sources":["../../../../src/internal/base/focus-trap.base.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html, LitElement } from 'lit';\nimport { FocusTrap } from '../utils/focus-trap.js';\nimport { state, property } from '../decorators/property.js';\nimport { createId } from '../utils/identity.js';\nexport class CdsBaseFocusTrap extends LitElement {\n    constructor() {\n        super();\n        /**\n         * Its recommended to remove or add a focus trap element from the DOM\n         * some SSR systems can have technical constraints where the item can\n         * only be removed via CSS/hidden.\n         */\n        this.hidden = false;\n        this.demoMode = false;\n        this.focusTrapId = createId();\n        // if we see issues instantiating here, we should consider moving to\n        // firstUpdated()\n        this.focusTrap = new FocusTrap(this);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.toggleFocusTrap();\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.focusTrap.removeFocusTrap();\n    }\n    attributeChangedCallback(name, old, value) {\n        super.attributeChangedCallback(name, old, value);\n        if (name === 'hidden' && old !== value) {\n            this.toggleFocusTrap();\n        }\n    }\n    render() {\n        return html `<slot></slot>`;\n    }\n    toggleFocusTrap() {\n        if (!this.demoMode && !this.hasAttribute('hidden')) {\n            this.focusTrap.enableFocusTrap();\n        }\n        else {\n            this.focusTrap.removeFocusTrap();\n        }\n    }\n}\n__decorate([\n    property({ type: Boolean })\n], CdsBaseFocusTrap.prototype, \"hidden\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsBaseFocusTrap.prototype, \"demoMode\", void 0);\n__decorate([\n    property({ type: String })\n], CdsBaseFocusTrap.prototype, \"focusTrapId\", void 0);\n"],"names":["CdsBaseFocusTrap","LitElement","constructor","super","this","hidden","demoMode","focusTrapId","createId","focusTrap","FocusTrap","connectedCallback","toggleFocusTrap","disconnectedCallback","removeFocusTrap","attributeChangedCallback","name","old","value","render","html","hasAttribute","enableFocusTrap","__decorate","property","type","Boolean","prototype","state","reflect","String"],"mappings":"iPAUO,MAAMA,UAAyBC,EAClCC,cACIC,QAMAC,KAAKC,QAAS,EACdD,KAAKE,UAAW,EAChBF,KAAKG,YAAcC,IAGnBJ,KAAKK,UAAY,IAAIC,EAAUN,MAEnCO,oBACIR,MAAMQ,oBACNP,KAAKQ,kBAETC,uBACIV,MAAMU,uBACNT,KAAKK,UAAUK,kBAEnBC,yBAAyBC,EAAMC,EAAKC,GAChCf,MAAMY,yBAAyBC,EAAMC,EAAKC,GAC7B,WAATF,GAAqBC,IAAQC,GAC7Bd,KAAKQ,kBAGbO,SACI,OAAOC,CAAK,gBAEhBR,kBACSR,KAAKE,UAAaF,KAAKiB,aAAa,UAIrCjB,KAAKK,UAAUK,kBAHfV,KAAKK,UAAUa,mBAO3BC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClB1B,EAAiB2B,UAAW,cAAU,GACzCJ,EAAW,CACPK,EAAM,CAAEH,KAAMC,QAASG,SAAS,KACjC7B,EAAiB2B,UAAW,gBAAY,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMK,UAClB9B,EAAiB2B,UAAW,mBAAe"}
+{"version":3,"file":"focus-trap.base.js","sources":["../../../../src/internal/base/focus-trap.base.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html, LitElement } from 'lit';\nimport { state } from '../decorators/property.js';\nimport { createId } from '../utils/identity.js';\nimport { FirstFocusController } from '../controllers/first-focus.controller.js';\nimport { ClosableController } from '../controllers/closable.controller.js';\nimport { InlineFocusTrapController } from '../controllers/inline-focus-trap.controller.js';\nexport class CdsBaseFocusTrap extends LitElement {\n    constructor() {\n        super();\n        this.firstFocusController = new FirstFocusController(this);\n        this.closableController = new ClosableController(this);\n        this.inlineFocusTrapController = new InlineFocusTrapController(this);\n        this.demoMode = false;\n        this.focusTrapId = createId();\n    }\n    render() {\n        return html `<slot></slot>`;\n    }\n}\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsBaseFocusTrap.prototype, \"demoMode\", void 0);\n__decorate([\n    state({ type: String })\n], CdsBaseFocusTrap.prototype, \"focusTrapId\", void 0);\n"],"names":["CdsBaseFocusTrap","LitElement","constructor","super","this","firstFocusController","FirstFocusController","closableController","ClosableController","inlineFocusTrapController","InlineFocusTrapController","demoMode","focusTrapId","createId","render","html","__decorate","state","type","Boolean","reflect","prototype","String"],"mappings":"saAYO,MAAMA,UAAyBC,EAClCC,cACIC,QACAC,KAAKC,qBAAuB,IAAIC,EAAqBF,MACrDA,KAAKG,mBAAqB,IAAIC,EAAmBJ,MACjDA,KAAKK,0BAA4B,IAAIC,EAA0BN,MAC/DA,KAAKO,UAAW,EAChBP,KAAKQ,YAAcC,IAEvBC,SACI,OAAOC,CAAK,iBAGpBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjCpB,EAAiBqB,UAAW,gBAAY,GAC3CL,EAAW,CACPC,EAAM,CAAEC,KAAMI,UACftB,EAAiBqB,UAAW,mBAAe"}

package/internal/controllers/active.controller.d.ts

@@ -0,0 +1,20 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export interface Active extends ReactiveElement {
+    disabled: boolean;
+}
+/**
+ * This mimics the mouse-click visual behavior for keyboard only users and screen readers.
+ * Browsers do not apply the CSS psuedo-selector :active in those instances. So we need this
+ * for our :active styles to show.
+ *
+ * Make sure to update a component's CSS to account for the presence of the [cds-active] attribute
+ * in all instance where :active is defined.
+ */
+export declare function active<T extends Active>(): ClassDecorator;
+export declare class ActiveController<T extends Active> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+    private emulateActive;
+    private emulateInactive;
+}

package/internal/controllers/active.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new e(t)))}class e{constructor(t){this.host=t,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.host.addEventListener("keydown",(t=>this.emulateActive(t))),this.host.addEventListener("mousedown",(t=>this.emulateActive(t))),this.host.addEventListener("keyup",(()=>this.emulateInactive())),this.host.addEventListener("blur",(()=>this.emulateInactive())),this.host.addEventListener("mouseup",(()=>this.emulateInactive()))}emulateActive(t){this.host.disabled||this.host?.setAttribute("cds-active",""),"Space"===t.code&&t.target===this.host&&t.preventDefault()}emulateInactive(){this.host.removeAttribute("cds-active")}}export{e as ActiveController,t as active};
+//# sourceMappingURL=active.controller.js.map

package/internal/controllers/active.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"active.controller.js","sources":["../../../../src/internal/controllers/active.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * This mimics the mouse-click visual behavior for keyboard only users and screen readers.\n * Browsers do not apply the CSS psuedo-selector :active in those instances. So we need this\n * for our :active styles to show.\n *\n * Make sure to update a component's CSS to account for the presence of the [cds-active] attribute\n * in all instance where :active is defined.\n */\nexport function active() {\n    return (target) => target.addInitializer((instance) => new ActiveController(instance));\n}\nexport class ActiveController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.host.addEventListener('keydown', (e) => this.emulateActive(e));\n        this.host.addEventListener('mousedown', (e) => this.emulateActive(e));\n        this.host.addEventListener('keyup', () => this.emulateInactive());\n        this.host.addEventListener('blur', () => this.emulateInactive());\n        this.host.addEventListener('mouseup', () => this.emulateInactive());\n    }\n    emulateActive(e) {\n        if (!this.host.disabled) {\n            this.host?.setAttribute('cds-active', '');\n        }\n        if (e.code === 'Space' && e.target === this.host) {\n            e.preventDefault(); // prevent space bar scroll with button behavior\n        }\n    }\n    emulateInactive() {\n        this.host.removeAttribute('cds-active');\n    }\n}\n"],"names":["active","target","addInitializer","instance","ActiveController","constructor","host","this","addController","async","updateComplete","addEventListener","e","emulateActive","emulateInactive","disabled","setAttribute","code","preventDefault","removeAttribute"],"mappings":"AAaO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAiBD,KAEzE,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,4BACUF,KAAKD,KAAKI,eAChBH,KAAKD,KAAKK,iBAAiB,WAAYC,GAAML,KAAKM,cAAcD,KAChEL,KAAKD,KAAKK,iBAAiB,aAAcC,GAAML,KAAKM,cAAcD,KAClEL,KAAKD,KAAKK,iBAAiB,SAAS,IAAMJ,KAAKO,oBAC/CP,KAAKD,KAAKK,iBAAiB,QAAQ,IAAMJ,KAAKO,oBAC9CP,KAAKD,KAAKK,iBAAiB,WAAW,IAAMJ,KAAKO,oBAErDD,cAAcD,GACLL,KAAKD,KAAKS,UACXR,KAAKD,MAAMU,aAAa,aAAc,IAE3B,UAAXJ,EAAEK,MAAoBL,EAAEX,SAAWM,KAAKD,MACxCM,EAAEM,iBAGVJ,kBACIP,KAAKD,KAAKa,gBAAgB"}

package/internal/controllers/aria-button.controller.d.ts

@@ -0,0 +1,15 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export interface AriaButton extends ReactiveElement {
+    readonly: boolean;
+    disabled: boolean;
+}
+/**
+ * Provides nessesary attributes for indicating a non-button element as an accessible button type.
+ */
+export declare function ariaButton<T extends AriaButton>(): ClassDecorator;
+export declare class AriaButtonController<T extends AriaButton> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/internal/controllers/aria-button.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new s(t)))}class s{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){this.host.tabIndex=0}hostUpdated(){this.host.role=this.host.readonly?null:"button",this.host.tabIndex=this.host.disabled?-1:0,this.host.readonly&&this.host.removeAttribute("tabindex")}}export{s as AriaButtonController,t as ariaButton};
+//# sourceMappingURL=aria-button.controller.js.map

package/internal/controllers/aria-button.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-button.controller.js","sources":["../../../../src/internal/controllers/aria-button.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides nessesary attributes for indicating a non-button element as an accessible button type.\n */\nexport function ariaButton() {\n    return (target) => target.addInitializer((instance) => new AriaButtonController(instance));\n}\nexport class AriaButtonController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostConnected() {\n        this.host.tabIndex = 0; // initialize immediately so element can be focused synchronously\n    }\n    hostUpdated() {\n        this.host.role = this.host.readonly ? null : 'button';\n        this.host.tabIndex = !this.host.disabled ? 0 : -1;\n        if (this.host.readonly) {\n            this.host.removeAttribute('tabindex');\n        }\n    }\n}\n"],"names":["ariaButton","target","addInitializer","instance","AriaButtonController","constructor","host","this","addController","hostConnected","tabIndex","hostUpdated","role","readonly","disabled","removeAttribute"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAqBD,KAE7E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,gBACIF,KAAKD,KAAKI,SAAW,EAEzBC,cACIJ,KAAKD,KAAKM,KAAOL,KAAKD,KAAKO,SAAW,KAAO,SAC7CN,KAAKD,KAAKI,SAAYH,KAAKD,KAAKQ,UAAgB,EAAL,EACvCP,KAAKD,KAAKO,UACVN,KAAKD,KAAKS,gBAAgB"}

package/internal/controllers/aria-disabled.controller.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type AriaDisabled = ReactiveElement & {
+    disabled: boolean;
+    readonly?: boolean;
+};
+/**
+ * Provides all nessesary aria-* attributes to create valid disabled state for interactive components.
+ */
+export declare function ariaDisabled<T extends AriaDisabled>(): ClassDecorator;
+export declare class AriaDisabledController<T extends AriaDisabled> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostUpdated(): void;
+}

package/internal/controllers/aria-disabled.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new s(t)))}class s{constructor(t){this.host=t,this.host.addController(this)}hostUpdated(){null!==this.host.disabled&&(this.host.ariaDisabled=this.host.disabled),this.host.readonly&&(this.host.ariaDisabled=null)}}export{s as AriaDisabledController,t as ariaDisabled};
+//# sourceMappingURL=aria-disabled.controller.js.map

package/internal/controllers/aria-disabled.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-disabled.controller.js","sources":["../../../../src/internal/controllers/aria-disabled.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create valid disabled state for interactive components.\n */\nexport function ariaDisabled() {\n    return (target) => target.addInitializer((instance) => new AriaDisabledController(instance));\n}\nexport class AriaDisabledController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        if (this.host.disabled !== null) {\n            this.host.ariaDisabled = this.host.disabled;\n        }\n        if (this.host.readonly) {\n            this.host.ariaDisabled = null;\n        }\n    }\n}\n"],"names":["ariaDisabled","target","addInitializer","instance","AriaDisabledController","constructor","host","this","addController","hostUpdated","disabled","readonly"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,cAC+B,OAAvBF,KAAKD,KAAKI,WACVH,KAAKD,KAAKN,aAAeO,KAAKD,KAAKI,UAEnCH,KAAKD,KAAKK,WACVJ,KAAKD,KAAKN,aAAe"}

package/internal/controllers/aria-expanded.controller.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type AriaExpanded = ReactiveElement & {
+    expanded: boolean;
+    readonly?: boolean;
+};
+/**
+ * Provides all nessesary aria-* attributes to create valid expanded button state
+ */
+export declare function ariaExpanded<T extends AriaExpanded>(): ClassDecorator;
+export declare class AriaExpandedController<T extends AriaExpanded> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostUpdated(): void;
+}

package/internal/controllers/aria-expanded.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new s(t)))}class s{constructor(t){this.host=t,this.host.addController(this)}hostUpdated(){null!==this.host.expanded&&void 0!==this.host.expanded&&(this.host.ariaExpanded=this.host.expanded?"true":"false"),this.host.readonly&&(this.host.ariaExpanded=null)}}export{s as AriaExpandedController,t as ariaExpanded};
+//# sourceMappingURL=aria-expanded.controller.js.map

package/internal/controllers/aria-expanded.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-expanded.controller.js","sources":["../../../../src/internal/controllers/aria-expanded.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create valid expanded button state\n */\nexport function ariaExpanded() {\n    return (target) => target.addInitializer((instance) => new AriaExpandedController(instance));\n}\nexport class AriaExpandedController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        if (this.host.expanded !== null && this.host.expanded !== undefined) {\n            this.host.ariaExpanded = this.host.expanded ? 'true' : 'false';\n        }\n        if (this.host.readonly) {\n            this.host.ariaExpanded = null;\n        }\n    }\n}\n"],"names":["ariaExpanded","target","addInitializer","instance","AriaExpandedController","constructor","host","this","addController","hostUpdated","expanded","undefined","readonly"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,cAC+B,OAAvBF,KAAKD,KAAKI,eAA4CC,IAAvBJ,KAAKD,KAAKI,WACzCH,KAAKD,KAAKN,aAAeO,KAAKD,KAAKI,SAAW,OAAS,SAEvDH,KAAKD,KAAKM,WACVL,KAAKD,KAAKN,aAAe"}

package/internal/controllers/aria-grid.controller.d.ts

@@ -0,0 +1,57 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export interface AriaGrid {
+    grid: HTMLElement;
+    columnRowGroup: HTMLElement;
+    columnRow: HTMLElement;
+    columns: NodeListOf<HTMLElement>;
+    rowGroup: HTMLElement;
+    rows: NodeListOf<HTMLElement>;
+    cells: NodeListOf<HTMLElement>;
+    footerRowGroup?: HTMLElement;
+    footerRow?: HTMLElement;
+    footerCells?: NodeListOf<HTMLElement>;
+    placeholderCell?: HTMLElement;
+}
+export declare type AriaGridConfig = {
+    update: 'mutation' | 'slot';
+};
+/**
+ * Provides all nessesary role/aria-* attributes to create a vaild aria grid
+ * https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html
+ */
+export declare function ariaGrid<T extends ReactiveElement & AriaGrid>(config?: AriaGridConfig): ClassDecorator;
+export declare class AriaGridController<T extends ReactiveElement & AriaGrid> implements ReactiveController {
+    private host;
+    private config;
+    private observers;
+    private grid;
+    constructor(host: T, config?: AriaGridConfig);
+    hostConnected(): Promise<void>;
+    hostDisconnected(): void;
+    update(): void;
+    private intializeColumnSort;
+    private initializeGrid;
+    private intializeColumns;
+    private initializeRows;
+    /**
+     * If cell has focusable items NVDA will go into forms mode (expected behavior)
+     * Use table navigation ctrl+alt+arrow to move in and out of cells
+     * https://github.com/nvaccess/nvda/issues/7718
+     */
+    private initializeCells;
+    private initializePlaceholder;
+    private intializeFooter;
+    /**
+     * Only visible columnheader text should be read to SRs but Safari/VO and NVDA violates the spec
+     * and deep merges any labeled content within the header even if hidden or interactive.
+     * This will apply a patch to force Safari and NVDA to read only the provided aria-label
+     *
+     * https://github.com/nvaccess/nvda/issues/10096
+     * https://github.com/nvaccess/nvda/issues/9017
+     * https://github.com/nvaccess/nvda/pull/12763
+     * https://github.com/nvaccess/nvda/issues/12392
+     * https://github.com/nvaccess/nvda/issues/6826
+     * https://github.com/nvaccess/nvda/issues/11181
+     */
+    private patchInvalidScreenReaderBehavior;
+}

package/internal/controllers/aria-grid.controller.js

@@ -0,0 +1,2 @@
+import{isSafari as o,isWindows as i}from"../utils/browser.js";import{onChildListMutation as t}from"../utils/events.js";import{getFlattenedFocusableItems as r}from"../utils/traversal.js";function e(o={update:"slot"}){return i=>{i.addInitializer((i=>{i.ariaGridController||(i.ariaGridController=new s(i,o))}))}}class s{constructor(o,i={update:"slot"}){this.host=o,this.config=i,this.observers=[],o.addController(this)}async hostConnected(){await this.host.updateComplete,this.intializeColumnSort(),this.update(),"slot"===this.config.update?this.host.shadowRoot.addEventListener("slotchange",(()=>this.host.updateComplete.then((()=>this.update())))):this.observers.push(t(this.host,(()=>this.host.updateComplete.then((()=>this.update())))))}hostDisconnected(){this.observers.forEach((o=>o?.disconnect()))}update(){this.grid={grid:this.host.grid?this.host.grid:this.host,columnRowGroup:this.host.columnRowGroup,columnRow:this.host.columnRow,columns:this.host.columns,rowGroup:this.host.rowGroup,rows:this.host.rows,cells:this.host.cells,footerRowGroup:this.host.footerRowGroup,footerRow:this.host.footerRow,footerCells:this.host.footerCells,placeholderCell:this.host.placeholderCell},this.initializeGrid(),this.intializeColumns(),this.initializeRows(),this.initializeCells(),this.initializePlaceholder(),this.intializeFooter()}intializeColumnSort(){this.host.addEventListener("sortChange",(o=>{const i=o.composedPath().find((o=>"columnheader"===o.role));i&&(i.ariaSort=o.detail)}))}initializeGrid(){const o=Math.max(this.grid.rows?.length,1),i=this.grid.footerRow?1:0;this.grid.grid.role="grid",this.grid.grid.ariaRowCount=""+(1+o+i),this.grid.grid.ariaColCount=""+this.grid.columns.length}intializeColumns(){this.grid.columnRowGroup.role="rowgroup",this.grid.columnRow.role="row",this.grid.columnRow.ariaRowIndex="1",this.grid.columns.forEach(((o,i)=>{o.role="columnheader",o.ariaColIndex=""+(i+1),o.ariaSort="none",this.patchInvalidScreenReaderBehavior(o)}))}initializeRows(){this.grid.rows?.forEach(((o,i)=>{o.role="row",o.ariaRowIndex=""+(i+2)}))}initializeCells(){const o=this.grid.columns.length;this.grid.cells?.forEach(((i,t)=>{i.role||(i.role="gridcell"),i.ariaColIndex=""+(t%o+1)}))}initializePlaceholder(){this.grid.placeholderCell&&(this.grid.placeholderCell.ariaColSpan=this.grid.grid.ariaColCount)}intializeFooter(){this.grid.footerRowGroup&&this.grid.footerRow&&(this.grid.footerRowGroup.role="rowgroup",this.grid.footerRow.role="row",this.grid.footerRow.ariaRowIndex=""+(this.grid.rows.length+2),this.grid.footerCells?.forEach((o=>o.role="gridcell")),1===this.grid.footerCells?.length&&(this.grid.footerCells[0].ariaColSpan=this.grid.grid.ariaColCount))}patchInvalidScreenReaderBehavior(t){if(o()||i()){const o=r(t).filter((o=>!o.readonly)),i=t.ariaLabel?t.ariaLabel:t?.textContent?.trim();(o.length||t.resizable)&&i.length&&(t.ariaLabel=i,t.setAttribute("scope","col"))}}}export{s as AriaGridController,e as ariaGrid};
+//# sourceMappingURL=aria-grid.controller.js.map

package/internal/controllers/aria-grid.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-grid.controller.js","sources":["../../../../src/internal/controllers/aria-grid.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { isSafari, isWindows } from '../utils/browser.js';\nimport { onChildListMutation } from '../utils/events.js';\nimport { getFlattenedFocusableItems } from '../utils/traversal.js';\n/**\n * Provides all nessesary role/aria-* attributes to create a vaild aria grid\n * https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html\n */\nexport function ariaGrid(config = { update: 'slot' }) {\n    return (target) => {\n        target.addInitializer((instance) => {\n            if (!instance.ariaGridController) {\n                instance.ariaGridController = new AriaGridController(instance, config);\n            }\n        });\n    };\n}\nexport class AriaGridController {\n    constructor(host, config = { update: 'slot' }) {\n        this.host = host;\n        this.config = config;\n        this.observers = [];\n        host.addController(this);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.intializeColumnSort();\n        this.update();\n        if (this.config.update === 'slot') {\n            this.host.shadowRoot.addEventListener('slotchange', () => this.host.updateComplete.then(() => this.update()));\n        }\n        else {\n            this.observers.push(onChildListMutation(this.host, () => this.host.updateComplete.then(() => this.update())));\n        }\n    }\n    hostDisconnected() {\n        this.observers.forEach(o => o?.disconnect());\n    }\n    update() {\n        // create one copy per update to prevent multiple DOM queries from @query getters\n        this.grid = {\n            grid: this.host.grid ? this.host.grid : this.host,\n            columnRowGroup: this.host.columnRowGroup,\n            columnRow: this.host.columnRow,\n            columns: this.host.columns,\n            rowGroup: this.host.rowGroup,\n            rows: this.host.rows,\n            cells: this.host.cells,\n            footerRowGroup: this.host.footerRowGroup,\n            footerRow: this.host.footerRow,\n            footerCells: this.host.footerCells,\n            placeholderCell: this.host.placeholderCell,\n        };\n        this.initializeGrid();\n        this.intializeColumns();\n        this.initializeRows();\n        this.initializeCells();\n        this.initializePlaceholder();\n        this.intializeFooter();\n    }\n    intializeColumnSort() {\n        this.host.addEventListener('sortChange', (e) => {\n            const col = e.composedPath().find((i) => i.role === 'columnheader');\n            if (col) {\n                col.ariaSort = e.detail;\n            }\n        });\n    }\n    initializeGrid() {\n        const columnRowCount = 1;\n        const rowCountOrDefault = Math.max(this.grid.rows?.length, 1);\n        const footerRowCountOrDefault = this.grid.footerRow ? 1 : 0;\n        this.grid.grid.role = 'grid';\n        this.grid.grid.ariaRowCount = `${columnRowCount + rowCountOrDefault + footerRowCountOrDefault}`;\n        this.grid.grid.ariaColCount = `${this.grid.columns.length}`;\n    }\n    intializeColumns() {\n        this.grid.columnRowGroup.role = 'rowgroup';\n        this.grid.columnRow.role = 'row';\n        this.grid.columnRow.ariaRowIndex = '1';\n        this.grid.columns.forEach((c, i) => {\n            c.role = 'columnheader';\n            c.ariaColIndex = `${i + 1}`;\n            c.ariaSort = 'none';\n            this.patchInvalidScreenReaderBehavior(c);\n        });\n    }\n    initializeRows() {\n        this.grid.rows?.forEach((r, i) => {\n            r.role = 'row';\n            r.ariaRowIndex = `${i + 2}`; // +2 for column header row offset\n        });\n    }\n    /**\n     * If cell has focusable items NVDA will go into forms mode (expected behavior)\n     * Use table navigation ctrl+alt+arrow to move in and out of cells\n     * https://github.com/nvaccess/nvda/issues/7718\n     */\n    initializeCells() {\n        const colsCount = this.grid.columns.length;\n        this.grid.cells?.forEach((c, i) => {\n            if (!c.role) {\n                c.role = 'gridcell';\n            }\n            c.ariaColIndex = `${(i % colsCount) + 1}`; // colindex starts at 1\n        });\n    }\n    initializePlaceholder() {\n        if (this.grid.placeholderCell) {\n            this.grid.placeholderCell.ariaColSpan = this.grid.grid.ariaColCount;\n        }\n    }\n    intializeFooter() {\n        if (this.grid.footerRowGroup && this.grid.footerRow) {\n            this.grid.footerRowGroup.role = 'rowgroup';\n            this.grid.footerRow.role = 'row';\n            this.grid.footerRow.ariaRowIndex = `${this.grid.rows.length + 2}`; // offset for header row\n            this.grid.footerCells?.forEach(c => (c.role = 'gridcell'));\n            if (this.grid.footerCells?.length === 1) {\n                this.grid.footerCells[0].ariaColSpan = this.grid.grid.ariaColCount;\n            }\n        }\n    }\n    /**\n     * Only visible columnheader text should be read to SRs but Safari/VO and NVDA violates the spec\n     * and deep merges any labeled content within the header even if hidden or interactive.\n     * This will apply a patch to force Safari and NVDA to read only the provided aria-label\n     *\n     * https://github.com/nvaccess/nvda/issues/10096\n     * https://github.com/nvaccess/nvda/issues/9017\n     * https://github.com/nvaccess/nvda/pull/12763\n     * https://github.com/nvaccess/nvda/issues/12392\n     * https://github.com/nvaccess/nvda/issues/6826\n     * https://github.com/nvaccess/nvda/issues/11181\n     */\n    patchInvalidScreenReaderBehavior(c) {\n        if (isSafari() || isWindows()) {\n            const fousableItems = getFlattenedFocusableItems(c).filter((c) => !c.readonly);\n            const label = c.ariaLabel ? c.ariaLabel : c?.textContent?.trim();\n            // todo: generic catch for resizable component\n            if ((fousableItems.length || c.resizable) && label.length) {\n                c.ariaLabel = label;\n                c.setAttribute('scope', 'col');\n            }\n        }\n    }\n}\n"],"names":["ariaGrid","config","update","target","addInitializer","instance","ariaGridController","AriaGridController","constructor","host","this","observers","addController","async","updateComplete","intializeColumnSort","shadowRoot","addEventListener","then","push","onChildListMutation","hostDisconnected","forEach","o","disconnect","grid","columnRowGroup","columnRow","columns","rowGroup","rows","cells","footerRowGroup","footerRow","footerCells","placeholderCell","initializeGrid","intializeColumns","initializeRows","initializeCells","initializePlaceholder","intializeFooter","e","col","composedPath","find","i","role","ariaSort","detail","rowCountOrDefault","Math","max","length","footerRowCountOrDefault","ariaRowCount","ariaColCount","ariaRowIndex","c","ariaColIndex","patchInvalidScreenReaderBehavior","r","colsCount","ariaColSpan","isSafari","isWindows","fousableItems","getFlattenedFocusableItems","filter","readonly","label","ariaLabel","textContent","trim","resizable","setAttribute"],"mappings":"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"}

package/internal/controllers/aria-modal.controller.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Provides all nessesary aria-* attributes to create a valid aria modal.
+ * Recommended use with `@focusTrap` controller.
+ */
+export declare function ariaModal<T extends ReactiveElement>(): ClassDecorator;
+export declare class AriaModalController<T extends ReactiveElement> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+}

package/internal/controllers/aria-modal.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new o(t)))}class o{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){this.host.ariaModal="true",this.host.role="dialog"}}export{o as AriaModalController,t as ariaModal};
+//# sourceMappingURL=aria-modal.controller.js.map

package/internal/controllers/aria-modal.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-modal.controller.js","sources":["../../../../src/internal/controllers/aria-modal.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create a valid aria modal.\n * Recommended use with `@focusTrap` controller.\n */\nexport function ariaModal() {\n    return (target) => target.addInitializer((instance) => new AriaModalController(instance));\n}\nexport class AriaModalController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostConnected() {\n        // safari https://bugs.webkit.org/show_bug.cgi?id=174667\n        this.host.ariaModal = 'true';\n        this.host.role = 'dialog';\n    }\n}\n"],"names":["ariaModal","target","addInitializer","instance","AriaModalController","constructor","host","this","addController","hostConnected","role"],"mappings":"AASO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAoBD,KAE5E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,gBAEIF,KAAKD,KAAKN,UAAY,OACtBO,KAAKD,KAAKI,KAAO"}

package/internal/controllers/aria-multiselectable.controller.d.ts

@@ -0,0 +1,13 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type AriaMultiSelectable = ReactiveElement & {
+    selectable: 'multi' | 'single' | null;
+};
+/**
+ * Provides all nessesary aria-* attributes to create valid multi-selection state
+ */
+export declare function ariaMultiSelectable<T extends AriaMultiSelectable>(): ClassDecorator;
+export declare class AriaMultiSelectableController<T extends AriaMultiSelectable> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostUpdated(): void;
+}

package/internal/controllers/aria-multiselectable.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new e(t)))}class e{constructor(t){this.host=t,this.host.addController(this)}hostUpdated(){void 0!==this.host.selectable&&null!==this.host.selectable?this.host.ariaMultiSelectable="multi"===this.host.selectable?"true":"false":this.host.ariaMultiSelectable=null}}export{e as AriaMultiSelectableController,t as ariaMultiSelectable};
+//# sourceMappingURL=aria-multiselectable.controller.js.map

package/internal/controllers/aria-multiselectable.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-multiselectable.controller.js","sources":["../../../../src/internal/controllers/aria-multiselectable.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides all nessesary aria-* attributes to create valid multi-selection state\n */\nexport function ariaMultiSelectable() {\n    return (target) => target.addInitializer((instance) => new AriaMultiSelectableController(instance));\n}\nexport class AriaMultiSelectableController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    hostUpdated() {\n        if (this.host.selectable !== undefined && this.host.selectable !== null) {\n            this.host.ariaMultiSelectable = this.host.selectable === 'multi' ? 'true' : 'false';\n        }\n        else {\n            this.host.ariaMultiSelectable = null;\n        }\n    }\n}\n"],"names":["ariaMultiSelectable","target","addInitializer","instance","AriaMultiSelectableController","constructor","host","this","addController","hostUpdated","undefined","selectable"],"mappings":"AAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA8BD,KAEtF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,mBACiCC,IAAzBH,KAAKD,KAAKK,YAAqD,OAAzBJ,KAAKD,KAAKK,WAChDJ,KAAKD,KAAKN,oBAA+C,UAAzBO,KAAKD,KAAKK,WAAyB,OAAS,QAG5EJ,KAAKD,KAAKN,oBAAsB"}

package/internal/controllers/aria-popup-trigger.controller.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type AriaPopupTrigger = {
+    popup: string;
+};
+/**
+ * Provides all nessesary aria-* attributes to create a vaild aria popup trigger.
+ * Used in combination of the `@ariaPopup` controller.
+ */
+export declare function ariaPopupTrigger<T extends ReactiveElement & AriaPopupTrigger>(): ClassDecorator;
+export declare class AriaPopupTriggerController<T extends ReactiveElement & AriaPopupTrigger> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+}

package/internal/controllers/aria-popup-trigger.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new s(t)))}class s{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){this.host.popup&&(this.host.ariaControls=this.host.popup,this.host.ariaHasPopup="true",this.host.ariaExpanded="false")}}export{s as AriaPopupTriggerController,t as ariaPopupTrigger};
+//# sourceMappingURL=aria-popup-trigger.controller.js.map