@cds/core 5.5.7 → 6.0.0-next.0

package/internal-components/overlay/overlay.element.d.ts

@@ -1,7 +1,39 @@
-import { Animatable, CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService } from '@cds/core/internal';
+import { Animatable, CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService, HTMLAttributeTuple } from '@cds/core/internal';
 export declare function isNestedOverlay(myId: string, overlayPrefix: string, trapIds: string[], previousValue?: boolean): boolean;
 export declare function overlayIsActive(overlayId: string, focusTrapService?: typeof FocusTrapTrackerService): boolean;
-declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
+export declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
+/** @private */
+export declare class CdsInternalStaticOverlay extends CdsBaseFocusTrap {
+    closable: boolean;
+    ignoreFocusTrap: boolean;
+    protected get customBumpers(): [HTMLElement, HTMLElement] | [];
+    i18n: {
+        closeButtonAriaLabel: string;
+        contentStart: string;
+        contentEnd: string;
+    };
+    ariaModal: string;
+    /** @private */
+    static get shadowRootOptions(): any;
+    private overlayIdPrefix;
+    protected closeChange: EventEmitter<CloseChangeSources>;
+    protected isLayered: boolean;
+    protected focusTrapId: string;
+    getFocusTrapId(): string;
+    protected backdrop: HTMLElement;
+    firstUpdated(props: Map<string, any>): void;
+    updated(props: Map<string, any>): void;
+    disconnectedCallback(): void;
+    private setAriaRole;
+    protected get closeButtonAttrs(): HTMLAttributeTuple[];
+    constructor();
+    closeOverlay(trigger?: CloseChangeSources): void;
+    protected get closeButtonTemplate(): import("lit-html").TemplateResult<1>;
+    protected get backdropTemplate(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected fireEventOnBackdropClick: () => void;
+    static get styles(): import("lit").CSSResultGroup[];
+}
 /**
  *
  * ```typescript
@@ -35,29 +67,7 @@ declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-
  * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
  *
  */
-export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Animatable {
+export declare class CdsInternalOverlay extends CdsInternalStaticOverlay implements Animatable {
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
-    ariaModal: string;
-    role: string;
-    static get shadowRootOptions(): {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-    };
-    private overlayIdPrefix;
-    protected closeChange: EventEmitter<CloseChangeSources>;
-    protected isLayered: boolean;
-    protected backdrop: HTMLElement;
-    firstUpdated(props: Map<string, any>): void;
-    updated(props: Map<string, any>): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    constructor();
-    closeOverlay(trigger?: CloseChangeSources): void;
-    protected get backdropTemplate(): import("lit-html").TemplateResult<1>;
-    protected render(): import("lit-html").TemplateResult<1>;
-    protected fireEventOnBackdropClick: () => void;
-    protected fireEventOnEscape: (e: KeyboardEvent) => void;
-    static get styles(): import("lit").CSSResultGroup[];
 }
-export {};

package/internal-components/overlay/overlay.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{FocusTrapTrackerService as t,CdsBaseFocusTrap as r,onKey as o,createId as i,baseStyles as s,property as a,event as d,state as n,animate as c,reverseAnimation as p,AnimationModalEnterName as l}from"@cds/core/internal";import{html as v}from"lit";import{query as h}from"lit/decorators/query.js";import y from"./overlay.element.scss.js";function u(e,t,r,o){const i=r.filter((e=>e.indexOf(t)>-1));return!0===o&&r.indexOf(e)<0||i.indexOf(e)>0}function f(e,r=t){var o;return(null===(o=r.getCurrent())||void 0===o?void 0:o.focusTrapId)===e}let k=class extends r{constructor(){super(),this.cdsMotion="on",this.ariaModal="true",this.role="dialog",this.overlayIdPrefix="_overlay-",this.isLayered=!1,this.fireEventOnBackdropClick=()=>{f(this.focusTrapId)&&this.closeOverlay("backdrop-click")},this.fireEventOnEscape=e=>{f(this.focusTrapId)&&o("escape",e,(()=>{this.closeOverlay("escape-keypress")}))},this.focusTrapId=i(this.overlayIdPrefix)}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}firstUpdated(e){super.firstUpdated(e),this.backdrop.addEventListener("click",this.fireEventOnBackdropClick)}updated(e){super.updated(e);const r=this.isLayered,o=u(this.focusTrapId,this.overlayIdPrefix,t.getTrapElements().map((e=>e.focusTrapId)),r);r!==o&&(this.isLayered=o,this.requestUpdate("isLayered",r))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.fireEventOnEscape)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.fireEventOnEscape),this.backdrop.removeEventListener("click",this.fireEventOnBackdropClick)}closeOverlay(e="custom"){this.closeChange.emit(e)}get backdropTemplate(){return v`<div class="${this.isLayered?"overlay-backdrop layered":"overlay-backdrop"}" aria-hidden="true"></div>`}render(){return v`${this.backdropTemplate}<div class="private-host" tabindex="-1" aria-modal="true" role="dialog"><slot></slot></div>`}static get styles(){return[s,y]}};e([a({type:String})],k.prototype,"cdsMotion",void 0),e([d()],k.prototype,"cdsMotionChange",void 0),e([a({type:String})],k.prototype,"ariaModal",void 0),e([a({type:String})],k.prototype,"role",void 0),e([d()],k.prototype,"closeChange",void 0),e([n({type:Boolean})],k.prototype,"isLayered",void 0),e([h(".overlay-backdrop")],k.prototype,"backdrop",void 0),k=e([c({hidden:{true:p(l),false:l}})],k);export{k as CdsInternalOverlay,u as isNestedOverlay,f as overlayIsActive};
+import{__decorate as e}from"tslib";import{FocusTrapTrackerService as t,CdsBaseFocusTrap as o,I18nService as r,createId as s,setAttributes as i,baseStyles as a,property as d,i18n as c,event as l,state as n,animate as p,reverseAnimation as u,AnimationModalEnterName as y}from"@cds/core/internal";import{html as h}from"lit";import{query as v}from"lit/decorators/query.js";import f from"./overlay.element.scss.js";import b from"./shared.element.scss.js";function g(e,t,o,r){const s=o.filter((e=>e.indexOf(t)>-1));return!0===r&&o.indexOf(e)<0||s.indexOf(e)>0}function k(e,o=t){var r;return(null===(r=o.getCurrent())||void 0===r?void 0:r.focusTrapId)===e}class m extends o{constructor(){super(),this.closable=!1,this.ignoreFocusTrap=!1,this.i18n=r.keys.overlay,this.ariaModal="true",this.overlayIdPrefix="_overlay-",this.isLayered=!1,this.fireEventOnBackdropClick=()=>{k(this.focusTrapId)&&this.closeOverlay("backdrop-click")},this.focusTrapId=s(this.overlayIdPrefix)}get customBumpers(){return[]}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}getFocusTrapId(){return this.focusTrapId}firstUpdated(e){super.firstUpdated(e),this.backdrop.addEventListener("click",this.fireEventOnBackdropClick)}updated(e){super.updated(e);const o=this.isLayered,r=g(this.focusTrapId,this.overlayIdPrefix,t.getTrapElements().map((e=>e.focusTrapId)),o);o!==r&&(this.isLayered=r,this.requestUpdate("isLayered",o)),this.setAriaRole()}disconnectedCallback(){super.disconnectedCallback(),this.backdrop.removeEventListener("click",this.fireEventOnBackdropClick)}setAriaRole(){var e;const o=(null===(e=t.getCurrent())||void 0===e?void 0:e.focusTrapId)===this.focusTrapId?"dialog":"region";i(this,["role",o])}get closeButtonAttrs(){return[["cds-layout","align:top"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]]}closeOverlay(e="custom"){this.closableController.close(e)}get closeButtonTemplate(){return h`<cds-internal-close-button cds-layout="align:top" aria-label="${this.i18n.closeButtonAriaLabel}" icon-size="24" @click="${()=>this.closeOverlay("close-button-click")}"></cds-internal-close-button>`}get backdropTemplate(){return h`<div class="${this.isLayered?"overlay-backdrop layered":"overlay-backdrop"}" aria-hidden="true"></div>`}render(){return h`${this.backdropTemplate}<div class="private-host" tabindex="-1"><slot></slot></div>`}static get styles(){return[a,f,b]}}e([d({type:Boolean})],m.prototype,"closable",void 0),e([d({type:Boolean,attribute:"cds-ignore-focus-trap"})],m.prototype,"ignoreFocusTrap",void 0),e([c()],m.prototype,"i18n",void 0),e([d({type:String})],m.prototype,"ariaModal",void 0),e([l()],m.prototype,"closeChange",void 0),e([n({type:Boolean})],m.prototype,"isLayered",void 0),e([n({type:String})],m.prototype,"focusTrapId",void 0),e([v(".overlay-backdrop")],m.prototype,"backdrop",void 0);let T=class extends m{constructor(){super(...arguments),this.cdsMotion="on"}};e([d({type:String})],T.prototype,"cdsMotion",void 0),e([l()],T.prototype,"cdsMotionChange",void 0),T=e([p({hidden:{true:u(y),false:y}})],T);export{T as CdsInternalOverlay,m as CdsInternalStaticOverlay,g as isNestedOverlay,k as overlayIsActive};
 //# sourceMappingURL=overlay.element.js.map

package/internal-components/overlay/overlay.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalOverlay","CdsBaseFocusTrap","[object Object]","super","this","cdsMotion","ariaModal","role","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"uXAUO,SAASA,EAAgBC,EAAMC,EAAeC,EAASC,GAC1D,MAAMC,EAAaF,EAAQG,QAAOC,GAAMA,EAAGC,QAAQN,IAAkB,IACrE,OAAsB,IAAlBE,GAA0BD,EAAQK,QAAQP,GAAQ,GAK/CI,EAAWG,QAAQP,GAAQ,EAE/B,SAASQ,EAAgBC,EAAWC,EAAmBC,GAC1D,IAAIC,EACJ,OAAiD,QAAxCA,EAAKF,EAAiBG,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,eAAiBL,EAmCvG,IAACM,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAY,OACjBF,KAAKG,KAAO,SACZH,KAAKI,gBAAkB,YACvBJ,KAAKK,WAAY,EACjBL,KAAKM,yBAA2B,KACxBjB,EAAgBW,KAAKL,cACrBK,KAAKO,aAAa,mBAG1BP,KAAKQ,kBAAqBC,IAClBpB,EAAgBW,KAAKL,cACrBe,EAAM,SAAUD,GAAG,KACfT,KAAKO,aAAa,uBAK9BP,KAAKL,YAAcgB,EAASX,KAAKI,iBAIrCQ,+BACI,MAAO,IAAKb,MAAMa,kBAAmBC,gBAAgB,GAEzDf,aAAagB,GACTf,MAAMgB,aAAaD,GACnBd,KAAKgB,SAASC,iBAAiB,QAASjB,KAAKM,0BAEjDR,QAAQgB,GACJf,MAAMmB,QAAQJ,GACd,MAAMK,EAAanB,KAAKK,UAClBe,EAAaxC,EAAgBoB,KAAKL,YAAaK,KAAKI,gBAAiBZ,EAAwB6B,kBAAkBC,KAAIb,GAAKA,EAAEd,cAAcwB,GAC1IA,IAAeC,IACfpB,KAAKK,UAAYe,EACjBpB,KAAKuB,cAAc,YAAaJ,IAGxCrB,oBACIC,MAAMyB,oBACNC,OAAOR,iBAAiB,UAAWjB,KAAKQ,mBAE5CV,uBACIC,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKQ,mBAC3CR,KAAKgB,SAASW,oBAAoB,QAAS3B,KAAKM,0BAEpDR,aAAa8B,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAE1BG,uBACI,OAAOC,CAAK,eACLhC,KAAKK,UAAY,2BAA6B,gDAIzDP,SACI,OAAOkC,CAAK,GACZhC,KAAK+B,8GAMTE,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,uBAAmB,GACpDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,YAAQ,GACzCJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,mBAAe,GAChDJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,WACf9C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPQ,EAAM,sBACP/C,EAAmB2C,UAAW,gBAAY,GAC7C3C,EAAqBuC,EAAW,CAC5BS,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpD"}
+{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalStaticOverlay","CdsBaseFocusTrap","[object Object]","super","this","closable","ignoreFocusTrap","i18n","I18nService","keys","overlay","ariaModal","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","createId","customBumpers","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","e","requestUpdate","setAriaRole","disconnectedCallback","removeEventListener","myRole","setAttributes","closeButtonAttrs","closeButtonAriaLabel","trigger","closableController","close","closeButtonTemplate","html","backdropTemplate","styles","baseStyles","sharedStyles","__decorate","property","type","Boolean","prototype","attribute","String","event","state","query","CdsInternalOverlay","arguments","cdsMotion","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"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"}

package/internal-components/overlay/overlay.element.scss.js

@@ -1,2 +1,2 @@
-import{css as i}from"lit";var a=i`:host{--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center}.private-host{position:relative}.overlay-backdrop{width:100%;height:100%;background:var(--backdrop-background);position:fixed}.layered{background:var(--layered-backdrop-background,var(--backdrop-background))}:host([_demo-mode]){position:absolute;z-index:100000}:host([_demo-mode]) .overlay-backdrop{position:absolute}:host([cds-motion][_cds-animation-status=active]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}`;export default a;
+import{css as i}from"lit";var a=i`:host{--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--backdrop-animation-duration:var(--cds-global-animation-duration-slow, 0.5s);position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.private-host{position:relative}:host([cds-motion][_cds-animation-status=active]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media screen and (max-width:576px){.private-host{width:100%;height:100%;margin:0!important}}`;export default a;
 //# sourceMappingURL=overlay.element.scss.js.map

package/internal-components/overlay/shared.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var a=o`.overlay-backdrop{width:100%;height:100%;background:var(--backdrop-background);position:fixed}.layered{background:var(--layered-backdrop-background,var(--backdrop-background))}:host([_demo-mode]){position:absolute;z-index:100000}:host([_demo-mode]) .overlay-backdrop{position:absolute}`;export default a;
+//# sourceMappingURL=shared.element.scss.js.map

package/internal-components/overlay/shared.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/internal-components/panel/panel.element.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var o=r`:host{--width:100%;--height:100%;--color:initial;--overflow:visible;--overflow-x:visible;--overflow-y:visible;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid initial;--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--padding:var(--cds-global-space-0, calc((0 / var(--cds-global-base, 20)) * 1rem));--box-shadow:none;width:var(--width);height:var(--height)}.private-host{overflow:var(--overflow);overflow-x:var(--overflow-x);overflow-y:var(--overflow-y);width:var(--width);height:var(--height);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);box-shadow:var(--box-shadow);color:var(--color)}`;export default o;
+import{css as r}from"lit";var o=r`:host{--width:100%;--height:100%;--color:initial;--overflow:visible;--overflow-x:visible;--overflow-y:visible;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid initial;--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--padding:var(--cds-global-space-0, calc((0 / var(--cds-global-base, 20)) * 1rem));--box-shadow:none;width:var(--width);height:var(--height)}.private-host{overflow:var(--overflow);overflow-x:var(--overflow-x);overflow-y:var(--overflow-y);width:var(--width);height:var(--height);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:var(--color)}`;export default o;
 //# sourceMappingURL=panel.element.scss.js.map

package/internal-components/popup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './popup.element.js';
+export * from './pointer.element.js';

package/internal-components/popup/index.js

@@ -0,0 +1,2 @@
+export{CdsInternalPopup}from"./popup.element.js";export{CdsInternalPointer}from"./pointer.element.js";
+//# sourceMappingURL=index.js.map

package/internal-components/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/internal-components/popup/pointer.element.d.ts

@@ -0,0 +1,35 @@
+import { AriaBooleanAttributeValues, PointerElement } from '@cds/core/internal';
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@cds/core/internal-components/popup/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-internal-pointer></cds-internal-pointer>
+ * ```
+ *
+ * @beta
+ * @element cds-internal-pointer
+ * @slot - Content slot to override the default pointer SVG
+ * @cssprop --pointer-fill
+ * @cssprop --pointer-outline
+ * @cssprop --transform
+ *
+ */
+export declare class CdsInternalPointer extends LitElement implements PointerElement {
+    protected ariaHiddenAttr: AriaBooleanAttributeValues;
+    axisAlign: 'start' | 'center' | 'end';
+    /**
+     * The "angle" pointer type is the right-angle triangle that we are used to seeing with signposts.
+     * The "default" pointer type is an equilateral triangle like we see with the pop-outs in the
+     * datagrid single row actions.
+     *
+     * @type {('angle' | 'default')}
+     * @memberof CdsInternalPointer
+     */
+    type: 'angle' | 'default';
+    protected get pointerTemplate(): import("lit-html").TemplateResult<2>;
+    protected render(): import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<2>;
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/internal-components/popup/pointer.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{state as r,property as e}from"@cds/core/internal";import{LitElement as i,html as o}from"lit";import{getPointer as s}from"./utils/pointer.utils.js";import p from"./pointer.element.scss.js";class n extends i{constructor(){super(...arguments),this.ariaHiddenAttr="true",this.axisAlign="start"}get pointerTemplate(){return s(this.type)}render(){return this.type?s(this.type):o`<slot></slot>`}static get styles(){return[p]}}t([r({type:String,reflect:!0,attribute:"aria-hidden"})],n.prototype,"ariaHiddenAttr",void 0),t([e({type:String})],n.prototype,"axisAlign",void 0),t([e({type:String})],n.prototype,"type",void 0);export{n as CdsInternalPointer};
+//# sourceMappingURL=pointer.element.js.map

package/internal-components/popup/pointer.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.element.js","sources":["../../../../src/internal-components/popup/pointer.element.ts"],"sourcesContent":null,"names":["CdsInternalPointer","LitElement","[object Object]","super","arguments","this","ariaHiddenAttr","axisAlign","pointerTemplate","getPointer","type","html","styles","__decorate","state","String","reflect","attribute","prototype","property"],"mappings":"sOA2BO,MAAMA,UAA2BC,EACpCC,cACIC,SAASC,WACTC,KAAKC,eAAiB,OACtBD,KAAKE,UAAY,QAErBC,sBACI,OAAOC,EAAWJ,KAAKK,MAE3BR,SAEI,OAAOG,KAAKK,KAAOD,EAAWJ,KAAKK,MAAQC,CAAK,gBAEpDC,oBACI,MAAO,CAACA,IAGhBC,EAAW,CACPC,EAAM,CAAEJ,KAAMK,OAAQC,SAAS,EAAMC,UAAW,iBACjDjB,EAAmBkB,UAAW,sBAAkB,GACnDL,EAAW,CACPM,EAAS,CAAET,KAAMK,UAClBf,EAAmBkB,UAAW,iBAAa,GAC9CL,EAAW,CACPM,EAAS,CAAET,KAAMK,UAClBf,EAAmBkB,UAAW,YAAQ"}

package/internal-components/popup/pointer.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var r=o`:host{--transform:none;--pointer-fill:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--pointer-outline:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));display:block}:host .pointer-img{-webkit-transform:var(--transform);transform:var(--transform);display:block}:host .pointer-fill{fill:var(--pointer-fill,var(--cds-alias-object-interaction-background,var(--cds-global-color-white,#fff)))}:host .pointer-border{fill:var(--pointer-outline,var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)))}::slotted(*),svg{display:block}`;export default r;
+//# sourceMappingURL=pointer.element.scss.js.map

package/internal-components/popup/pointer.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/internal-components/popup/popup.element.d.ts

@@ -0,0 +1,116 @@
+import { Animatable, AriaPopupController, AxisAligns, EventEmitter, PositionableElement } from '@cds/core/internal';
+import { CdsInternalStaticOverlay } from '@cds/core/internal-components/overlay';
+import { CdsInternalPointer } from './pointer.element.js';
+/**
+ * ```typescript
+ * import '@cds/core/internal-components/popup/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-internal-popup>
+ *  <section cds-layout="vertical align:horizontal-stretch">
+ *    <div cds-layout="vertical pad:md gap:md">
+ *      <h2 cds-text="display">A Title</h2>
+ *      <div>
+ *        <p cds-text="body">
+ *          Content inside a generic popup.
+ *        </p>
+ *      </div>
+ *    </div>
+ *  </section>
+ * </cds-internal-popup>
+ * ```
+ *
+ * @beta
+ * @element cds-internal-popup
+ * @slot - Content slot for the content inside the popup's panel
+ * @event closeChange - Notify user when close event has occurred
+ * @cssprop --active-corner-border-radius
+ * @cssprop --background
+ * @cssprop --backdrop-background
+ * @cssprop --layered-backdrop-background
+ * @cssprop --border-color
+ * @cssprop --border-radius
+ * @cssprop --border-width
+ * @cssprop --box-shadow
+ * @cssprop --close-button-offset
+ * @cssprop --color
+ * @cssprop --min-height
+ * @cssprop --min-width
+ * @cssprop --max-height
+ * @cssprop --max-width
+ * @cssprop --mobile-max-height
+ * @cssprop --overflow - sets overflow x and y values respectively
+ * @cssprop --height
+ * @cssprop --width
+ * @cssprop --animation-duration
+ * @cssprop --animation-easing
+ *
+ * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
+ *
+ */
+export declare class CdsInternalPopup extends CdsInternalStaticOverlay implements Animatable, PositionableElement {
+    protected ariaPopupController: AriaPopupController;
+    i18n: {
+        closeButtonAriaLabel: string;
+        contentStart: string;
+        contentEnd: string;
+    };
+    cdsMotion: string;
+    /**
+     * force responsive by setting orientation to 'none'.
+     * do not manipulate the responsive property because the
+     * positioning logic may override your changes.
+     */
+    /** @private */
+    responsive: boolean;
+    cdsMotionChange: EventEmitter<string>;
+    /**
+     *
+     * @type {HTMLElement}
+     * @memberof CdsInternalPopup
+     * Used to perform lookups for anchors. If unset, it assumes that the document is the container
+     * and will then only check for anchors in the light DOM. If set to something other than the
+     * document, it will perform checks in both the light and shadow DOM of the given container.
+     * This is useful in the situation where an anchor is wrapped up with the dropdown in a parent
+     * wrapper element.
+     *
+     */
+    container: HTMLElement;
+    /**
+     * Accepts both an HTMLElement and a string
+     */
+    anchor: HTMLElement | string;
+    /** @private */
+    get anchorElement(): HTMLElement | null;
+    anchorAlign: AxisAligns;
+    /** @private */
+    get anchorRect(): DOMRect;
+    mainAxisOffset: number;
+    crossAxisOffset: number;
+    orientation: string;
+    /**
+     * If false, the dropdown will not show a close button ever.
+     * If true, it will always show a close button.
+     * If undefined, it will only show a close button when responsive. a11y expects a close button when responsive.
+     *
+     */
+    closable: boolean;
+    pointerAlign: AxisAligns;
+    pointer: CdsInternalPointer;
+    /** @private */
+    pointerWrapper: HTMLElement;
+    /** @private */
+    hostWrapper: HTMLElement;
+    /** @private */
+    popupWrapper: HTMLElement;
+    /** @private */
+    contentWrapper: HTMLElement;
+    protected observers: (MutationObserver | ResizeObserver)[];
+    private setUpPositioningObserver;
+    disconnectedCallback(): void;
+    firstUpdated(props: Map<string, any>): void;
+    updated(props: Map<string, any>): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/internal-components/popup/popup.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{AriaPopupController as e,I18nService as o,getElementUpdates as r,setPopupPosition as i,setAttributes as p,isScrollable as s,baseStyles as n,i18n as d,property as a,state as c,event as l,querySlot as h,animate as v,reverseAnimation as y,AnimationResponsivePopupEnterName as u}from"@cds/core/internal";import{html as m}from"lit";import{query as g}from"lit/decorators/query.js";import{CdsInternalStaticOverlay as f}from"@cds/core/internal-components/overlay";import b from"../overlay/shared.element.scss.js";import S from"./popup.element.scss.js";let A=class extends f{constructor(){super(...arguments),this.ariaPopupController=new e(this),this.i18n=o.keys.popup,this.cdsMotion="on",this.responsive=!1,this.anchorAlign="start",this.pointerAlign="start",this.observers=[]}get anchorElement(){const t=this.anchor;if("string"==typeof t){const e=this.getRootNode().querySelector("#"+t);return null===e?this.getRootNode({composed:!0}).querySelector("#"+this.anchor):e}return t}get anchorRect(){var t;return(null===(t=this.anchorElement)||void 0===t?void 0:t.getBoundingClientRect())||new DOMRect}setUpPositioningObserver(){this.observers.push(r(this,"hidden",(()=>{!1===this.hidden&&i(this)})))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}firstUpdated(t){super.firstUpdated(t),this.setUpPositioningObserver()}updated(t){this.pointer&&!this.pointer.hasAttribute("part")&&p(this.pointer,["part","pointer"]),t.has("hidden")&&p(this.contentWrapper,["tabindex",!!s(this.contentWrapper)&&"0"]),super.updated(t)}render(){return m`${this.backdropTemplate}<div class="private-host" tabindex="-1"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="popup-wrapper"><div class="popup-content">${this.closable||this.responsive?this.closeButtonTemplate:""}<slot></slot></div><div class="pointer-wrapper"><div class="popup-pointer"><slot name="pointer"></slot></div></div></div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}static get styles(){return[n,S,b]}};t([d()],A.prototype,"i18n",void 0),t([a({type:String})],A.prototype,"cdsMotion",void 0),t([c({type:Boolean,reflect:!0,attribute:"responsive"})],A.prototype,"responsive",void 0),t([l()],A.prototype,"cdsMotionChange",void 0),t([a({type:String,reflect:!0})],A.prototype,"anchor",void 0),t([a({type:String})],A.prototype,"anchorAlign",void 0),t([a({type:Number})],A.prototype,"mainAxisOffset",void 0),t([a({type:Number})],A.prototype,"crossAxisOffset",void 0),t([a({type:String})],A.prototype,"orientation",void 0),t([a({type:Boolean})],A.prototype,"closable",void 0),t([a({type:String})],A.prototype,"pointerAlign",void 0),t([h("cds-internal-pointer",{assign:"pointer"})],A.prototype,"pointer",void 0),t([g(".popup-pointer")],A.prototype,"pointerWrapper",void 0),t([g(".private-host")],A.prototype,"hostWrapper",void 0),t([g(".popup-wrapper")],A.prototype,"popupWrapper",void 0),t([g(".popup-content")],A.prototype,"contentWrapper",void 0),A=t([v({hidden:{true:y(u),false:u}})],A);export{A as CdsInternalPopup};
+//# sourceMappingURL=popup.element.js.map

package/internal-components/popup/popup.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.element.js","sources":["../../../../src/internal-components/popup/popup.element.ts"],"sourcesContent":null,"names":["CdsInternalPopup","CdsInternalStaticOverlay","[object Object]","super","arguments","this","ariaPopupController","AriaPopupController","i18n","I18nService","keys","popup","cdsMotion","responsive","anchorAlign","pointerAlign","observers","anchorElement","anchor","shadowAnchor","getRootNode","querySelector","composed","anchorRect","_a","getBoundingClientRect","DOMRect","push","getElementUpdates","hidden","setPopupPosition","disconnectedCallback","forEach","o","disconnect","props","firstUpdated","setUpPositioningObserver","pointer","hasAttribute","setAttributes","has","contentWrapper","isScrollable","updated","html","backdropTemplate","contentStart","closable","closeButtonTemplate","contentEnd","styles","baseStyles","sharedStyles","__decorate","prototype","property","type","String","state","Boolean","reflect","attribute","event","Number","querySlot","assign","query","animate","true","reverseAnimation","AnimationResponsivePopupEnterName","false"],"mappings":"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"}

package/internal-components/popup/popup.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var t=o`:host{--backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--active-corner-border-radius:0;--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--close-button-offset:var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--min-width:6rem;--max-width:18rem;--width:fit-content;--height:auto;--max-height:auto;--mobile-max-height:66vh;--overflow:hidden auto;--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000}::slotted(cds-internal-pointer){--pointer-fill:var(--background);--pointer-outline:var(--border-color)}.private-host{display:block;position:relative}.popup-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.popup-content{background:var(--background);color:var(--color);border-radius:var(--border-radius);border-color:var(--border-color);border-width:var(--border-width);border-style:solid;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);min-width:var(--min-width);width:var(--width);max-width:var(--max-width);height:var(--height);max-height:var(--max-height);overflow:var(--overflow)}:host([_position-at="popup-left pointer-top"]) .popup-content,:host([_position-at="popup-top pointer-left"]) .popup-content{border-top-left-radius:var(--active-corner-border-radius)}:host([_position-at="popup-right pointer-top"]) .popup-content,:host([_position-at="popup-top pointer-right"]) .popup-content{border-top-right-radius:var(--active-corner-border-radius)}:host([_position-at="popup-bottom pointer-right"]) .popup-content,:host([_position-at="popup-right pointer-bottom"]) .popup-content{border-bottom-right-radius:var(--active-corner-border-radius)}:host([_position-at="popup-bottom pointer-left"]) .popup-content,:host([_position-at="popup-left pointer-bottom"]) .popup-content{border-bottom-left-radius:var(--active-corner-border-radius)}:host([_pointer-type=default]){--active-corner-border-radius:var(--border-radius)}cds-internal-close-button{position:absolute;top:var(--close-button-offset);right:var(--close-button-offset)}:host([_position-at*=popup-top]) .popup-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host([_position-at*=popup-top]) .popup-pointer{-webkit-transform:translateY(var(--border-width));transform:translateY(var(--border-width))}:host([_position-at*=pointer-center]) .popup-wrapper,:host([_position-at*=pointer-mid]) .popup-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host([_position-at="popup-top pointer-right"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-top pointer-right"]) .popup-pointer{-webkit-transform:scaleX(-1) translateY(var(--border-width));transform:scaleX(-1) translateY(var(--border-width))}:host([_position-at*=popup-bottom]) .popup-pointer{-webkit-transform:scaleY(-1) translateY(var(--border-width));transform:scaleY(-1) translateY(var(--border-width))}:host([_position-at="popup-bottom pointer-right"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-bottom pointer-right"]) .popup-pointer{-webkit-transform:scaleY(-1) scaleX(-1) translateY(var(--border-width));transform:scaleY(-1) scaleX(-1) translateY(var(--border-width))}:host([_position-at*=popup-left]) .popup-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host([_position-at*=popup-left]) .popup-pointer{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scaleY(-1) rotate(-90deg) translateY(calc(-100% + var(--border-width))) translateX(100%);transform:scaleY(-1) rotate(-90deg) translateY(calc(-100% + var(--border-width))) translateX(100%)}:host([_position-at="popup-left pointer-bottom"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-left pointer-bottom"]) .popup-pointer{-webkit-transform:rotate(90deg) scaleY(-1) translateY(var(--border-width));transform:rotate(90deg) scaleY(-1) translateY(var(--border-width));-webkit-transform-origin:bottom right;transform-origin:bottom right}:host([_position-at="popup-left pointer-bottom"][_pointer-type=angle]) .pointer-wrapper{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scaleY(-1);transform:scaleY(-1)}:host([_position-at*=popup-right]) .popup-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([_position-at*=popup-right]) .popup-pointer{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg) translateY(calc(-100% + var(--border-width)));transform:rotate(90deg) translateY(calc(-100% + var(--border-width)))}:host([_position-at="popup-right pointer-bottom"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-right pointer-bottom"]) .popup-pointer{-webkit-transform:rotate(-90deg) scaleY(-1) translateY(var(--border-width));transform:rotate(-90deg) scaleY(-1) translateY(var(--border-width));-webkit-transform-origin:bottom left;transform-origin:bottom left}:host(:not([responsive])){--backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([responsive]){--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6))}:host([responsive]) cds-internal-pointer{display:none}:host([responsive]) .popup-content,:host([responsive]) .popup-wrapper,:host([responsive]) .private-host{width:100%;max-width:100%;height:auto;max-height:var(--mobile-max-height)}:host([responsive]) .private-host{position:absolute;bottom:0;left:0}:host([responsive]) .popup-content{border-radius:0}:host([responsive]) .pointer-wrapper{display:none}:host([cds-motion][_cds-animation-status=active]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}`;export default t;
+//# sourceMappingURL=popup.element.scss.js.map

package/internal-components/popup/popup.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/internal-components/popup/register.d.ts

@@ -0,0 +1,9 @@
+import '@cds/core/internal-components/close-button/register.js';
+import { CdsInternalPopup } from './popup.element.js';
+import { CdsInternalPointer } from './pointer.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-internal-popup': CdsInternalPopup;
+        'cds-internal-pointer': CdsInternalPointer;
+    }
+}

package/internal-components/popup/register.js

@@ -0,0 +1,2 @@
+import"@cds/core/internal-components/close-button/register.js";import{ClarityMotion as e,AnimationResponsivePopupEnterName as o,AnimationResponsivePopupEnterConfig as r,registerElementSafely as t}from"@cds/core/internal";import{CdsInternalPopup as n}from"./popup.element.js";import{CdsInternalPointer as p}from"./pointer.element.js";e.add(o,r),t("cds-internal-popup",n),t("cds-internal-pointer",p);
+//# sourceMappingURL=register.js.map

package/internal-components/popup/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/popup/register.ts"],"sourcesContent":null,"names":["ClarityMotion","add","AnimationResponsivePopupEnterName","AnimationResponsivePopupEnterConfig","registerElementSafely","CdsInternalPopup","CdsInternalPointer"],"mappings":"6UASAA,EAAcC,IAAIC,EAAmCC,GACrDC,EAAsB,qBAAsBC,GAC5CD,EAAsB,uBAAwBE"}

package/internal-components/popup/utils/pointer.utils.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function getPointer(type: string): TemplateResult<2>;

package/internal-components/popup/utils/pointer.utils.js

@@ -0,0 +1,2 @@
+import{svg as t}from"lit";function r(r){return"angle"===r?t`<svg part="pointer-img" class="pointer-img angle-pointer" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" height="12" width="12"><path part="pointer-fill" class="pointer-fill" d="M0 12, 0 0, 12 12Z"></path><path part="pointer-border" class="pointer-border" d="M0 12, 0 0, 12 12, 10 12, 1.4 3, 1.4 12Z"></path></svg>`:t`<svg part="pointer-img" class="pointer-img default-pointer" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M8 10L14 16H2L8 10Z" part="pointer-fill" class="pointer-fill"></path><path d="M8 10L14 16H12.6L8 11.4L3.4 16H2L8 10Z" part="pointer-border" class="pointer-border"></path></svg>`}export{r as getPointer};
+//# sourceMappingURL=pointer.utils.js.map

package/internal-components/popup/utils/pointer.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.utils.js","sources":["../../../../../src/internal-components/popup/utils/pointer.utils.ts"],"sourcesContent":null,"names":["getPointer","type","svg"],"mappings":"0BAOO,SAASA,EAAWC,GACvB,MAAa,UAATA,EACOC,CAAI,wVAMJA,CAAI"}

package/internal-components/visual-checkbox/visual-checkbox.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))}.private-host,.private-host::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));display:inline-block}.private-host{position:relative;cursor:inherit}.private-host::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);position:absolute;content:""}.private-host::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([indeterminate]) .private-host::after{border-left:none;border-bottom-color:var(--color);display:inline-block;transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([selected]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([selected]) .private-host:after{display:inline-block}`;export default r;
+import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))}.private-host,.private-host::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));display:inline-block}.private-host{position:relative;cursor:inherit}.private-host::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);position:absolute;content:""}.private-host::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);-webkit-transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([indeterminate]) .private-host::after{border-left:none;border-bottom-color:var(--color);display:inline-block;-webkit-transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([selected]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([selected]) .private-host:after{display:inline-block}`;export default r;
 //# sourceMappingURL=visual-checkbox.element.scss.js.map

package/modal/modal-content.element.d.ts

@@ -23,11 +23,8 @@ import { LitElement } from 'lit';
  * @element cds-modal-content
  */
 export declare class CdsModalContent extends LitElement {
-    static get shadowRootOptions(): {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-    };
-    protected tabIndexAttr: number;
+    /** @private */
+    static get shadowRootOptions(): any;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];
 }

package/modal/modal-content.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as e,state as r}from"@cds/core/internal";import{LitElement as o,html as s}from"lit";class i extends o{constructor(){super(...arguments),this.tabIndexAttr=0}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}render(){return this.hasAttribute("cds-layout")?s`<slot></slot>`:s`<div cds-layout="vertical gap:lg p-y:xs"><slot></slot></div>`}static get styles(){return[e]}}t([r({type:Number,attribute:"tabindex",reflect:!0})],i.prototype,"tabIndexAttr",void 0);export{i as CdsModalContent};
+import{baseStyles as t}from"@cds/core/internal";import{LitElement as s,html as o}from"lit";class e extends s{static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}render(){return this.hasAttribute("cds-layout")?o`<slot></slot>`:o`<div cds-layout="vertical gap:lg p-y:xs"><slot></slot></div>`}static get styles(){return[t]}}export{e as CdsModalContent};
 //# sourceMappingURL=modal-content.element.js.map

package/modal/modal-content.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","[object Object]","super","arguments","this","tabIndexAttr","shadowRootOptions","delegatesFocus","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,aAAe,EAKxBC,+BACI,MAAO,IAAKJ,MAAMI,kBAAmBC,gBAAgB,GAEzDN,SACI,OAAOG,KAAKI,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEfC,oBACI,MAAO,CAACC,IAGhBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,UAAW,WAAYC,SAAS,KACvDlB,EAAgBmB,UAAW,oBAAgB"}
+{"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","shadowRootOptions","super","delegatesFocus","[object Object]","this","hasAttribute","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAAwBC,EAKjCC,+BAEI,MAAO,IAAKC,MAAMD,kBAAmBE,gBAAgB,GAEzDC,SACI,OAAOC,KAAKC,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEfC,oBACI,MAAO,CAACC"}

package/modal/modal.element.d.ts

@@ -1,5 +1,8 @@
-import { Animatable } from '@cds/core/internal';
+import { TemplateResult } from 'lit';
+import { Animatable, HTMLAttributeTuple } from '@cds/core/internal';
 import { CdsInternalOverlay } from '@cds/core/internal-components/overlay';
+import { CdsModalHeader } from './modal-header.element';
+import { CdsModalActions } from './modal-actions.element';
 /**
  * Web component modal.
  *
@@ -40,6 +43,7 @@ import { CdsInternalOverlay } from '@cds/core/internal-components/overlay';
  * @cssprop --tablet-max-height - sets hard limit on height of modal when on a tablet in landscape mode
  */
 export declare class CdsModal extends CdsInternalOverlay implements Animatable {
+    protected get customBumpers(): [HTMLElement, HTMLElement];
     static get styles(): import("lit").CSSResultGroup[];
     i18n: {
         closeButtonAriaLabel: string;
@@ -49,9 +53,15 @@ export declare class CdsModal extends CdsInternalOverlay implements Animatable {
     };
     /** If false, the modal will not render the close button.  */
     closable: boolean;
+    hidden: boolean;
     /** Sets the overall height and width of the modal and icon based on value */
     size: 'default' | 'sm' | 'lg' | 'xl';
-    toggleCloseButton(): void;
+    content: HTMLElement;
+    modalHeader: CdsModalHeader;
+    modalFooter: CdsModalActions;
+    protected get closeButtonAttrs(): HTMLAttributeTuple[];
+    protected isScrollable: boolean;
     updated(props: Map<string, any>): void;
-    render(): import("lit-html").TemplateResult<1>;
+    private get modalFooterTemplate();
+    render(): TemplateResult<1>;
 }

package/modal/modal.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{I18nService as e,i18n as l,property as s,animate as i,reverseAnimation as a,AnimationModalEnterName as d}from"@cds/core/internal";import{CdsInternalOverlay as n}from"@cds/core/internal-components/overlay";import{appendCloseButton as r,removeCloseButton as c}from"@cds/core/internal-components/close-button";import p from"./modal.element.scss.js";let m=class extends n{constructor(){super(...arguments),this.i18n=e.keys.modal,this.closable=!0}static get styles(){return[...super.styles,p]}toggleCloseButton(){const t=[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]];this.closable?r(this,t,(()=>this.closeOverlay("close-button-click"))):c(this)}updated(t){t.has("closable")&&this.toggleCloseButton(),super.update(t)}render(){return o`${this.backdropTemplate}<div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="modal-content" cds-layout="vertical gap:md gap@md:lg align:stretch"><div cds-layout="horizontal gap:md wrap:none align:vertical-center p-x:lg p-t:lg"><div><slot name="modal-header"></slot></div><div cds-layout="align:right"><slot name="modal-header-actions"></slot></div><slot name="close-button"></slot></div><div class="modal-body" tabindex="0" aria-label="${this.i18n.contentBox}" cds-layout="p-x:lg"><slot></slot></div><div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div></div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}};t([l()],m.prototype,"i18n",void 0),t([s({type:Boolean})],m.prototype,"closable",void 0),t([s({type:String})],m.prototype,"size",void 0),m=t([i({hidden:{true:a(d),false:d}})],m);export{m as CdsModal};
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{query as e}from"lit/decorators/query.js";import{I18nService as l,isScrollable as i,setAttributes as s,i18n as a,property as d,querySlot as r,animate as n,reverseAnimation as c,AnimationModalEnterName as p}from"@cds/core/internal";import{CdsInternalOverlay as m}from"@cds/core/internal-components/overlay";import h from"./modal.element.scss.js";let y=class extends m{constructor(){super(...arguments),this.i18n=l.keys.modal,this.closable=!0,this.hidden=!0,this.isScrollable=!1}get customBumpers(){return[this.modalHeader,this.modalFooter]}static get styles(){return[...super.styles,h]}get closeButtonAttrs(){return[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]]}updated(t){t.has("hidden")&&!0===t.get("hidden")&&(this.isScrollable=i(this.content),s(this.content,["tabindex",!!this.isScrollable&&"0"],["aria-label",!!this.isScrollable&&this.i18n.contentBox])),super.updated(t)}get modalFooterTemplate(){return this.modalFooter?o`<div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div>`:o``}render(){return o`${this.backdropTemplate}<div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="modal-content" cds-layout="vertical gap:md gap@md:lg align:stretch"><div cds-layout="horizontal gap:md wrap:none align:vertical-center p-x:lg p-t:lg"><div><slot name="modal-header"></slot></div><div cds-layout="align:right"><slot name="modal-header-actions"></slot></div>${this.closable?this.closeButtonTemplate:""}</div><div class="modal-body" cds-layout="p-x:lg"><slot></slot></div>${this.modalFooterTemplate}</div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}};t([a()],y.prototype,"i18n",void 0),t([d({type:Boolean})],y.prototype,"closable",void 0),t([d({type:Boolean})],y.prototype,"hidden",void 0),t([d({type:String})],y.prototype,"size",void 0),t([e(".modal-body")],y.prototype,"content",void 0),t([r("cds-modal-header")],y.prototype,"modalHeader",void 0),t([r("cds-modal-actions")],y.prototype,"modalFooter",void 0),y=t([n({hidden:{true:c(p),false:p}})],y);export{y as CdsModal};
 //# sourceMappingURL=modal.element.js.map

package/modal/modal.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.element.js","sources":["../../../src/modal/modal.element.ts"],"sourcesContent":null,"names":["CdsModal","CdsInternalOverlay","[object Object]","super","arguments","this","i18n","I18nService","keys","modal","closable","styles","closeButtonAttrs","closeButtonAriaLabel","appendCloseButton","closeOverlay","removeCloseButton","props","has","toggleCloseButton","update","html","backdropTemplate","contentStart","contentBox","contentEnd","__decorate","prototype","property","type","Boolean","String","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"+ZAkDG,IAACA,EAAW,cAAuBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,MAE7BJ,KAAKK,UAAW,EAEpBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQA,GAE7BT,oBACI,MAAMU,EAAmB,CACrB,CAAC,aAAc,aACf,CAAC,OAAQ,gBACT,CAAC,aAAcP,KAAKC,KAAKO,sBACzB,CAAC,YAAa,OAEdR,KAAKK,SACLI,EAAkBT,KAAMO,GAAkB,IAAMP,KAAKU,aAAa,wBAGlEC,EAAkBX,MAK1BH,QAAQe,GACAA,EAAMC,IAAI,aACVb,KAAKc,oBAEThB,MAAMiB,OAAOH,GAGjBf,SACI,OAAOmB,CAAK,GACZhB,KAAKiB,+IAE0CjB,KAAKC,KAAKiB,wYAWJlB,KAAKC,KAAKkB,+LAOhBnB,KAAKC,KAAKmB,2BAKjEC,EAAW,CACPpB,KACDN,EAAS2B,UAAW,YAAQ,GAC/BD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClB9B,EAAS2B,UAAW,gBAAY,GACnCD,EAAW,CACPE,EAAS,CAAEC,KAAME,UAClB/B,EAAS2B,UAAW,YAAQ,GAC/B3B,EAAW0B,EAAW,CAClBM,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpC"}
+{"version":3,"file":"modal.element.js","sources":["../../../src/modal/modal.element.ts"],"sourcesContent":null,"names":["CdsModal","CdsInternalOverlay","[object Object]","super","arguments","this","i18n","I18nService","keys","modal","closable","hidden","isScrollable","customBumpers","modalHeader","modalFooter","styles","closeButtonAttrs","closeButtonAriaLabel","props","has","get","content","setAttributes","contentBox","updated","modalFooterTemplate","html","backdropTemplate","contentStart","closeButtonTemplate","contentEnd","__decorate","prototype","property","type","Boolean","String","query","querySlot","animate","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"6ZAkDG,IAACA,EAAW,cAAuBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,MAE7BJ,KAAKK,UAAW,EAChBL,KAAKM,QAAS,EACdN,KAAKO,cAAe,EAExBC,oBACI,MAAO,CAACR,KAAKS,YAAaT,KAAKU,aAEnCC,oBACI,MAAO,IAAIb,MAAMa,OAAQA,GAE7BC,uBACI,MAAO,CACH,CAAC,aAAc,aACf,CAAC,OAAQ,gBACT,CAAC,aAAcZ,KAAKC,KAAKY,sBACzB,CAAC,YAAa,OAGtBhB,QAAQiB,GACAA,EAAMC,IAAI,YAAqC,IAAxBD,EAAME,IAAI,YACjChB,KAAKO,aAAeA,EAAaP,KAAKiB,SACtCC,EAAclB,KAAKiB,QAAS,CAAC,aAAYjB,KAAKO,cAAe,KAAc,CAAC,eAAcP,KAAKO,cAAeP,KAAKC,KAAKkB,cAE5HrB,MAAMsB,QAAQN,GAElBO,0BACI,OAAIrB,KAAKU,YACEY,CAAK,yFAKLA,CAAK,GAIpBzB,SACI,OAAOyB,CAAK,GACZtB,KAAKuB,+IAE0CvB,KAAKC,KAAKuB,gTASnDxB,KAAKK,SAAWL,KAAKyB,oBAAsB,0EAK7CzB,KAAKqB,yEAEsCrB,KAAKC,KAAKyB,2BAKjEC,EAAW,CACP1B,KACDN,EAASiC,UAAW,YAAQ,GAC/BD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBpC,EAASiC,UAAW,gBAAY,GACnCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBpC,EAASiC,UAAW,cAAU,GACjCD,EAAW,CACPE,EAAS,CAAEC,KAAME,UAClBrC,EAASiC,UAAW,YAAQ,GAC/BD,EAAW,CACPM,EAAM,gBACPtC,EAASiC,UAAW,eAAW,GAClCD,EAAW,CACPO,EAAU,qBACXvC,EAASiC,UAAW,mBAAe,GACtCD,EAAW,CACPO,EAAU,sBACXvC,EAASiC,UAAW,mBAAe,GACtCjC,EAAWgC,EAAW,CAClBQ,EAAQ,CACJ7B,OAAQ,CACJ8B,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhB3C"}

package/modal/modal.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 1px 3px 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}`;export default o;
+import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}@media screen and (max-width:768px) and (orientation:landscape){.modal-body{max-height:var(--tablet-max-height)}}@media screen and (max-width:576px){.modal-dialog{width:100%;height:100%;margin:0!important}.modal-body{max-height:unset}.modal-content{border-radius:0;height:100%}.modal-content>div:not(.modal-body){-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:0}cds-internal-close-button{-webkit-transform:translate(.35rem,-.25rem);transform:translate(.35rem,-.25rem)}}`;export default o;
 //# sourceMappingURL=modal.element.scss.js.map

package/navigation/navigation-group.element.scss.js

@@ -2,5 +2,5 @@ import{css as o}from"lit";var i=o`/*!
  * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
- */:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:inherit}.navigation-group-items{height:0;overflow-y:hidden}:host([cds-motion=off]) .navigation-group-items{height:0}:host([cds-motion=off][expanded]) .navigation-group-items{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:auto!important;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export default i;
+ */:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:inherit}.navigation-group-items{height:0;overflow-y:hidden}:host([cds-motion=off]) .navigation-group-items{height:0}:host([cds-motion=off][expanded]) .navigation-group-items{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:auto!important;-webkit-transform:none;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export default i;
 //# sourceMappingURL=navigation-group.element.scss.js.map

package/navigation/navigation-item.element.d.ts

@@ -26,7 +26,6 @@ export declare class CdsNavigationItem extends LitElement implements FocusableIt
     };
     active: boolean;
     disabled: boolean;
-    role: string;
     expanded: boolean;
     protected expandedGroup: boolean;
     groupItem: boolean;
@@ -34,6 +33,7 @@ export declare class CdsNavigationItem extends LitElement implements FocusableIt
     focusElement: HTMLElement;
     protected itemIcon: CdsIcon;
     itemText: NodeListOf<HTMLSpanElement>;
+    role: string;
     connectedCallback(): void;
     firstUpdated(props: PropertyValues): void;
     private handleItemAnchorText;

package/navigation/navigation-item.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as n,i18n as d,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as u,NAVIGATION_TEXT_WRAPPER as m}from"./utils/index.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.role="listitem",this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),u(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(m,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[n,h]}updated(t){super.updated(t),u(this,this.expanded)}}t([d()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([p({type:String,reflect:!0})],y.prototype,"role",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
+import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as d,i18n as n,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as u,NAVIGATION_TEXT_WRAPPER as m}from"./utils/utils.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1,this.role="listitem"}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),u(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(m,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:md"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[d,h]}updated(t){super.updated(t),u(this,this.expanded)}}t([n()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
 //# sourceMappingURL=navigation-item.element.js.map