@cds/core 5.6.0 → 5.6.1

package/tag/tag.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export default o;
+import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export default o;
 //# sourceMappingURL=tag.element.scss.js.map

package/textarea/textarea.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--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 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
+import{css as a}from"lit";var r=a`:host{--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 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
 //# sourceMappingURL=textarea.element.scss.js.map

package/tokens/tokens.android.xml

@@ -355,6 +355,7 @@
   <property name="aliasObjectOpacity200">hsla(0, 0%, 0%, 0.4)</property>
   <property name="aliasObjectOpacity300">hsla(0, 0%, 0%, 0.6)</property>
   <property name="aliasObjectInteractionOutline">Highlight solid 2px</property>
+  <property name="aliasObjectInteractionOutlineWebkit">5px auto -webkit-focus-ring-color</property>
   <property name="aliasObjectInteractionOutlineOffset">1px</property>
   <property name="aliasObjectInteractionTouchTarget">36</property>
   <color name="aliasObjectInteractionBorderColor" alias="globalColorConstruction500">#6a7a81</color>

package/tokens/tokens.d.ts

@@ -352,6 +352,7 @@ export declare const aliasObjectOpacity100 = "var(--cds-alias-object-opacity-100
 export declare const aliasObjectOpacity200 = "var(--cds-alias-object-opacity-200)";
 export declare const aliasObjectOpacity300 = "var(--cds-alias-object-opacity-300)";
 export declare const aliasObjectInteractionOutline = "var(--cds-alias-object-interaction-outline)";
+export declare const aliasObjectInteractionOutlineWebkit = "var(--cds-alias-object-interaction-outline-webkit)";
 export declare const aliasObjectInteractionOutlineOffset = "var(--cds-alias-object-interaction-outline-offset)";
 export declare const aliasObjectInteractionTouchTarget = "var(--cds-alias-object-interaction-touch-target)";
 export declare const aliasObjectInteractionBorderColor = "var(--cds-alias-object-interaction-border-color)";

package/tokens/tokens.ios.swift

@@ -353,6 +353,7 @@ let aliasObjectOpacity100 = "hsla(0, 0%, 0%, 0.2)";
 let aliasObjectOpacity200 = "hsla(0, 0%, 0%, 0.4)";
 let aliasObjectOpacity300 = "hsla(0, 0%, 0%, 0.6)";
 let aliasObjectInteractionOutline = "Highlight solid 2px";
+let aliasObjectInteractionOutlineWebkit = "5px auto -webkit-focus-ring-color";
 let aliasObjectInteractionOutlineOffset = "1px";
 let aliasObjectInteractionTouchTarget = CGFloat(36.00);
 let aliasObjectInteractionBorderColor = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);

package/tokens/tokens.js

@@ -353,6 +353,7 @@ export const aliasObjectOpacity100 = 'var(--cds-alias-object-opacity-100)';
 export const aliasObjectOpacity200 = 'var(--cds-alias-object-opacity-200)';
 export const aliasObjectOpacity300 = 'var(--cds-alias-object-opacity-300)';
 export const aliasObjectInteractionOutline = 'var(--cds-alias-object-interaction-outline)';
+export const aliasObjectInteractionOutlineWebkit = 'var(--cds-alias-object-interaction-outline-webkit)';
 export const aliasObjectInteractionOutlineOffset = 'var(--cds-alias-object-interaction-outline-offset)';
 export const aliasObjectInteractionTouchTarget = 'var(--cds-alias-object-interaction-touch-target)';
 export const aliasObjectInteractionBorderColor = 'var(--cds-alias-object-interaction-border-color)';

package/tokens/tokens.json

@@ -2013,6 +2013,9 @@
   "aliasObjectInteractionOutline": {
     "value": "Highlight solid 2px"
   },
+  "aliasObjectInteractionOutlineWebkit": {
+    "value": "5px auto -webkit-focus-ring-color"
+  },
   "aliasObjectInteractionOutlineOffset": {
     "value": "1px"
   },

package/tokens/tokens.scss

@@ -370,6 +370,7 @@ $cds-alias-object-opacity-100: var(--cds-alias-object-opacity-100) !default;
 $cds-alias-object-opacity-200: var(--cds-alias-object-opacity-200) !default;
 $cds-alias-object-opacity-300: var(--cds-alias-object-opacity-300) !default;
 $cds-alias-object-interaction-outline: var(--cds-alias-object-interaction-outline) !default;
+$cds-alias-object-interaction-outline-webkit: var(--cds-alias-object-interaction-outline-webkit) !default;
 $cds-alias-object-interaction-outline-offset: var(--cds-alias-object-interaction-outline-offset) !default;
 $cds-alias-object-interaction-touch-target: var(--cds-alias-object-interaction-touch-target) !default;
 $cds-alias-object-interaction-border-color: var(--cds-alias-object-interaction-border-color) !default;

package/tree-view/tree-item.element.d.ts

@@ -1,4 +1,4 @@
-import { Animatable, AriaBooleanAttributeValues, EventEmitter } from '@cds/core/internal';
+import { Animatable, EventEmitter } from '@cds/core/internal';
 import { LitElement } from 'lit';
 /**
  * Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.
@@ -33,12 +33,8 @@ export declare class CdsTreeItem extends LitElement implements Animatable {
     i18n: {
         loading: string;
     };
-    role: string;
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
-    ariaDisabled: AriaBooleanAttributeValues | undefined;
-    ariaExpanded: AriaBooleanAttributeValues | undefined;
-    ariaSelected: AriaBooleanAttributeValues | undefined;
     multiSelect: boolean;
     disabled: boolean;
     expanded: boolean;

package/tree-view/tree-item.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{I18nService as t,createId as i,baseStyles as a,i18n as d,state as s,property as o,event as l,querySlotAll as r,querySlot as n,animate as p,AnimationTreeItemExpandName as c,reverseAnimation as h}from"@cds/core/internal";import{LitElement as m,html as g}from"lit";import{ifDefined as v}from"lit/directives/if-defined.js";import y from"./tree-item.element.scss.js";let u=class extends m{constructor(){super(...arguments),this.i18n=t.keys.treeview,this.role="treeitem",this.cdsMotion="on",this.ariaDisabled="false",this.ariaExpanded="false",this.ariaSelected="false",this.multiSelect=!1,this.disabled=!1,this.expanded=!1,this.expandable=!1,this.indeterminate=!1,this.loading=!1,this.selected=!1}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.id||(this.id=i())}updated(e){super.updated(e),this.treeItemChildren.length>0&&(this.expandable=!0),this.expandable?this.ariaExpanded=this.expanded?"true":"false":this.ariaExpanded=void 0,this.multiSelect?this.ariaSelected=this.selected?"true":"false":this.ariaSelected=void 0,this.ariaDisabled=this.disabled?"true":"false"}toggleExpanded(){this.expandedChange.emit(!this.expanded)}toggleSelected(){this.selectedChange.emit(!this.selected),this.anchorLink&&this.anchorLink.click()}onSlotChange(){this.treeItemChildren.forEach((e=>{e.getAttribute("slot")||e.setAttribute("slot",i())})),this.requestUpdate()}render(){return g`<div class="private-host" cds-layout="p-l:md"><div cds-layout="horizontal align:vertical-center ${this.multiSelect?"gap:md":"gap:sm"}"><div class="lhs-container">${this.treeItemLeftHandSideTemplate}</div><div class="item-content" cds-layout="p:sm ${this.multiSelect?"p-x:md":""} align:stretch" @click="${()=>this.toggleSelected()}"><span cds-layout="horizontal align:vertical-center gap:md" cds-text="lhe">${this.multiSelect?g`<cds-internal-visual-checkbox part="checkbox" .disabled="${this.disabled}" .indeterminate="${this.indeterminate}" .selected="${this.selected}"></cds-internal-visual-checkbox>`:g``}<slot @slotchange="${this.onSlotChange}"></slot></span></div></div><div class="item-children" role="${v(this.expanded?"group":void 0)}" ?hidden="${!this.expanded}">${Array.from(this.treeItemChildren).map((e=>g`<slot name="${e.getAttribute("slot")}"></slot>`))}</div></div>`}get treeItemLeftHandSideTemplate(){return this.loading?g`<cds-progress-circle size="xs" aria-label="${this.i18n.loading}"></cds-progress-circle>`:this.expandable?g`<div @click="${()=>this.toggleExpanded()}"><cds-icon class="expand-collapse-icon" part="expand-collapse-icon" shape="angle"></cds-icon></div>`:g``}static get styles(){return[a,y]}};e([d()],u.prototype,"i18n",void 0),e([s({type:String,reflect:!0,attribute:"role"})],u.prototype,"role",void 0),e([o({type:String})],u.prototype,"cdsMotion",void 0),e([l()],u.prototype,"cdsMotionChange",void 0),e([s({type:String,reflect:!0,attribute:"aria-disabled"})],u.prototype,"ariaDisabled",void 0),e([s({type:String,reflect:!0,attribute:"aria-expanded"})],u.prototype,"ariaExpanded",void 0),e([s({type:String,reflect:!0,attribute:"aria-selected"})],u.prototype,"ariaSelected",void 0),e([o({type:Boolean,reflect:!0,attribute:"multi-select"})],u.prototype,"multiSelect",void 0),e([o({type:Boolean})],u.prototype,"disabled",void 0),e([o({type:Boolean,reflect:!0})],u.prototype,"expanded",void 0),e([o({type:Boolean,reflect:!0})],u.prototype,"expandable",void 0),e([o({type:Boolean,reflect:!0})],u.prototype,"indeterminate",void 0),e([o({type:Boolean,reflect:!0})],u.prototype,"loading",void 0),e([o({type:Boolean,reflect:!0})],u.prototype,"selected",void 0),e([r(":scope > cds-tree-item")],u.prototype,"treeItemChildren",void 0),e([n(":scope > a")],u.prototype,"anchorLink",void 0),e([l()],u.prototype,"expandedChange",void 0),e([l()],u.prototype,"selectedChange",void 0),u=e([p({expanded:{true:c,false:h(c)}})],u);export{u as CdsTreeItem};
+import{__decorate as e}from"tslib";import{I18nService as t,createId as i,baseStyles as s,i18n as d,property as l,event as o,querySlotAll as a,querySlot as n,animate as r,AnimationTreeItemExpandName as c,reverseAnimation as p}from"@cds/core/internal";import{LitElement as h,html as m}from"lit";import{ifDefined as g}from"lit/directives/if-defined.js";import u from"./tree-item.element.scss.js";let v=class extends h{constructor(){super(...arguments),this.i18n=t.keys.treeview,this.cdsMotion="on",this.multiSelect=!1,this.disabled=!1,this.expanded=!1,this.expandable=!1,this.indeterminate=!1,this.loading=!1,this.selected=!1}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.role="treeitem",this.id||(this.id=i())}updated(e){super.updated(e),this.treeItemChildren.length>0&&(this.expandable=!0),this.expandable?this.ariaExpanded=this.expanded?"true":"false":this.ariaExpanded=null,this.multiSelect?this.ariaSelected=this.selected?"true":"false":this.ariaSelected=null,this.ariaDisabled=this.disabled?"true":"false"}toggleExpanded(){this.expandedChange.emit(!this.expanded)}toggleSelected(){this.selectedChange.emit(!this.selected),this.anchorLink&&this.anchorLink.click()}onSlotChange(){this.treeItemChildren.forEach((e=>{e.getAttribute("slot")||e.setAttribute("slot",i())})),this.requestUpdate()}render(){return m`<div class="private-host" cds-layout="p-l:md"><div cds-layout="horizontal align:vertical-center ${this.multiSelect?"gap:md":"gap:sm"}"><div class="lhs-container">${this.treeItemLeftHandSideTemplate}</div><div class="item-content" cds-layout="p:sm ${this.multiSelect?"p-x:md":""} align:stretch" @click="${()=>this.toggleSelected()}"><span cds-layout="horizontal align:vertical-center gap:md" cds-text="lhe">${this.multiSelect?m`<cds-internal-visual-checkbox part="checkbox" .disabled="${this.disabled}" .indeterminate="${this.indeterminate}" .selected="${this.selected}"></cds-internal-visual-checkbox>`:m``}<slot @slotchange="${this.onSlotChange}"></slot></span></div></div><div class="item-children" role="${g(this.expanded?"group":void 0)}" ?hidden="${!this.expanded}">${Array.from(this.treeItemChildren).map((e=>m`<slot name="${e.getAttribute("slot")}"></slot>`))}</div></div>`}get treeItemLeftHandSideTemplate(){return this.loading?m`<cds-progress-circle size="xs" aria-label="${this.i18n.loading}"></cds-progress-circle>`:this.expandable?m`<div @click="${()=>this.toggleExpanded()}"><cds-icon class="expand-collapse-icon" part="expand-collapse-icon" shape="angle"></cds-icon></div>`:m``}static get styles(){return[s,u]}};e([d()],v.prototype,"i18n",void 0),e([l({type:String})],v.prototype,"cdsMotion",void 0),e([o()],v.prototype,"cdsMotionChange",void 0),e([l({type:Boolean,reflect:!0,attribute:"multi-select"})],v.prototype,"multiSelect",void 0),e([l({type:Boolean})],v.prototype,"disabled",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"expanded",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"expandable",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"indeterminate",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"loading",void 0),e([l({type:Boolean,reflect:!0})],v.prototype,"selected",void 0),e([a(":scope > cds-tree-item")],v.prototype,"treeItemChildren",void 0),e([n(":scope > a")],v.prototype,"anchorLink",void 0),e([o()],v.prototype,"expandedChange",void 0),e([o()],v.prototype,"selectedChange",void 0),v=e([r({expanded:{true:c,false:p(c)}})],v);export{v as CdsTreeItem};
 //# sourceMappingURL=tree-item.element.js.map

package/tree-view/tree-item.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.element.js","sources":["../../../src/tree-view/tree-item.element.ts"],"sourcesContent":null,"names":["CdsTreeItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","treeview","role","cdsMotion","ariaDisabled","ariaExpanded","ariaSelected","multiSelect","disabled","expanded","expandable","indeterminate","loading","selected","connectedCallback","tabIndex","id","createId","props","updated","treeItemChildren","length","undefined","expandedChange","emit","selectedChange","anchorLink","click","forEach","i","getAttribute","setAttribute","requestUpdate","html","treeItemLeftHandSideTemplate","toggleSelected","onSlotChange","ifDefined","Array","from","map","toggleExpanded","styles","baseStyles","__decorate","prototype","state","type","String","reflect","attribute","property","event","Boolean","querySlotAll","querySlot","animate","true","AnimationTreeItemExpandName","false","reverseAnimation"],"mappings":"oZAuCG,IAACA,EAAc,cAA0BC,EACxCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,SAC7BJ,KAAKK,KAAO,WACZL,KAAKM,UAAY,KACjBN,KAAKO,aAAe,QACpBP,KAAKQ,aAAe,QACpBR,KAAKS,aAAe,QACpBT,KAAKU,aAAc,EACnBV,KAAKW,UAAW,EAChBX,KAAKY,UAAW,EAChBZ,KAAKa,YAAa,EAClBb,KAAKc,eAAgB,EACrBd,KAAKe,SAAU,EACff,KAAKgB,UAAW,EAEpBnB,oBACIC,MAAMmB,oBACNjB,KAAKkB,UAAY,EACZlB,KAAKmB,KACNnB,KAAKmB,GAAKC,KAGlBvB,QAAQwB,GACJvB,MAAMwB,QAAQD,GACVrB,KAAKuB,iBAAiBC,OAAS,IAC/BxB,KAAKa,YAAa,GAElBb,KAAKa,WACLb,KAAKQ,aAAeR,KAAKY,SAAW,OAAS,QAG7CZ,KAAKQ,kBAAeiB,EAEpBzB,KAAKU,YACLV,KAAKS,aAAeT,KAAKgB,SAAW,OAAS,QAG7ChB,KAAKS,kBAAegB,EAExBzB,KAAKO,aAAeP,KAAKW,SAAW,OAAS,QAEjDd,iBACIG,KAAK0B,eAAeC,MAAM3B,KAAKY,UAEnCf,iBACIG,KAAK4B,eAAeD,MAAM3B,KAAKgB,UAC3BhB,KAAK6B,YACL7B,KAAK6B,WAAWC,QAGxBjC,eACIG,KAAKuB,iBAAiBQ,SAAQC,IACrBA,EAAEC,aAAa,SAChBD,EAAEE,aAAa,OAAQd,QAG/BpB,KAAKmC,gBAETtC,SACI,OAAOuC,CAAK,mGAEwCpC,KAAKU,YAAc,SAAW,wCAE5EV,KAAKqC,gFAIYrC,KAAKU,YAAc,SAAW,6BACvC,IAAMV,KAAKsC,+FAGjBtC,KAAKU,YACP0B,CAAK,4DAGgBpC,KAAKW,6BACAX,KAAKc,6BACVd,KAAKgB,4CAG1BoB,CAAK,wBACepC,KAAKuC,4EAIGC,EAAUxC,KAAKY,SAAW,aAAUa,iBAAwBzB,KAAKY,aAC/F6B,MAAMC,KAAK1C,KAAKuB,kBAAkBoB,KAAKX,GAAMI,CAAK,eAAeJ,EAAEC,aAAa,mCAexFI,mCACI,OAAIrC,KAAKe,QACEqB,CAAK,8CAA+CpC,KAAKC,KAAKc,kCAEhEf,KAAKa,WACHuB,CAAK,gBACD,IAAMpC,KAAK4C,uHAMfR,CAAK,GAGpBS,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACP9C,KACDN,EAAYqD,UAAW,YAAQ,GAClCD,EAAW,CACPE,EAAM,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,UACjD1D,EAAYqD,UAAW,YAAQ,GAClCD,EAAW,CACPO,EAAS,CAAEJ,KAAMC,UAClBxD,EAAYqD,UAAW,iBAAa,GACvCD,EAAW,CACPQ,KACD5D,EAAYqD,UAAW,uBAAmB,GAC7CD,EAAW,CACPE,EAAM,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,mBACjD1D,EAAYqD,UAAW,oBAAgB,GAC1CD,EAAW,CACPE,EAAM,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,mBACjD1D,EAAYqD,UAAW,oBAAgB,GAC1CD,EAAW,CACPE,EAAM,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,mBACjD1D,EAAYqD,UAAW,oBAAgB,GAC1CD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,QAASJ,SAAS,EAAMC,UAAW,kBACrD1D,EAAYqD,UAAW,mBAAe,GACzCD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,WAClB7D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,QAASJ,SAAS,KACpCzD,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,QAASJ,SAAS,KACpCzD,EAAYqD,UAAW,kBAAc,GACxCD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,QAASJ,SAAS,KACpCzD,EAAYqD,UAAW,qBAAiB,GAC3CD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,QAASJ,SAAS,KACpCzD,EAAYqD,UAAW,eAAW,GACrCD,EAAW,CACPO,EAAS,CAAEJ,KAAMM,QAASJ,SAAS,KACpCzD,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPU,EAAa,2BACd9D,EAAYqD,UAAW,wBAAoB,GAC9CD,EAAW,CACPW,EAAU,eACX/D,EAAYqD,UAAW,kBAAc,GACxCD,EAAW,CACPQ,KACD5D,EAAYqD,UAAW,sBAAkB,GAC5CD,EAAW,CACPQ,KACD5D,EAAYqD,UAAW,sBAAkB,GAC5CrD,EAAcoD,EAAW,CACrBY,EAAQ,CACJ/C,SAAU,CACNgD,KAAMC,EACNC,MAAOC,EAAiBF,OAGjClE"}
+{"version":3,"file":"tree-item.element.js","sources":["../../../src/tree-view/tree-item.element.ts"],"sourcesContent":null,"names":["CdsTreeItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","treeview","cdsMotion","multiSelect","disabled","expanded","expandable","indeterminate","loading","selected","connectedCallback","tabIndex","role","id","createId","props","updated","treeItemChildren","length","ariaExpanded","ariaSelected","ariaDisabled","expandedChange","emit","selectedChange","anchorLink","click","forEach","i","getAttribute","setAttribute","requestUpdate","html","treeItemLeftHandSideTemplate","toggleSelected","onSlotChange","ifDefined","undefined","Array","from","map","toggleExpanded","styles","baseStyles","__decorate","prototype","property","type","String","event","Boolean","reflect","attribute","querySlotAll","querySlot","animate","true","AnimationTreeItemExpandName","false","reverseAnimation"],"mappings":"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"}

package/tree-view/tree-item.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var t=o`: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:var(--cds-alias-object-app-background, var(--cds-global-color-gray-50, #fafafa));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc((3 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-body-font-weight, 400);--icon-transform:rotate(90deg);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight)}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover)}.item-content:active{--background:var(--cds-alias-object-interaction-background-active)}.lhs-container{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.expand-collapse-icon{--color:var(--cds-alias-object-interaction-color);transform:var(--icon-transform);transition:transform var(--animation-duration)}:host(:focus){outline:0!important}:host(:focus) .item-content{--background:var(--cds-alias-object-interaction-background-hover);border-color:var(--cds-alias-object-interaction-background-highlight)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active)}:host([disabled]) .item-content{--color:var(--cds-alias-object-interaction-color-disabled);cursor:not-allowed}:host([disabled]) .item-content:hover,:host([disabled]:focus) .item-content{--background:var(--cds-alias-object-interaction-background-disabled)}:host([disabled]:focus) .item-content{border-color:var(--cds-alias-object-interaction-color-disabled)}:host([selected]) .item-content{--background:var(--cds-alias-object-interaction-background-selected)}:host([selected][disabled]) .item-content{--background:var(--cds-alias-object-interaction-background-disabled)}:host([cds-motion=off])>.private-host>.item-children{height:0}:host([cds-motion=off][expanded])>.private-host>.item-children{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:auto!important;transform:none}:host([expanded]){--icon-transform:rotate(180deg)}`;export default t;
+import{css as o}from"lit";var a=o`: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:var(--cds-alias-object-app-background, var(--cds-global-color-gray-50, #fafafa));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc((3 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-body-font-weight, 400);--icon-transform:rotate(90deg);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight)}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}.lhs-container{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.expand-collapse-icon{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));transform:var(--icon-transform);transition:transform var(--animation-duration)}:host(:focus) .item-content{border-color:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2);outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff));--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .item-content{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([selected]) .item-content{--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) .item-content{--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white))!important;--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;border-color:var(--cds-alias-object-interaction-color-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed}:host([cds-motion=off])>.private-host>.item-children{height:0}:host([cds-motion=off][expanded])>.private-host>.item-children{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:auto!important;transform:none}:host([expanded]){--icon-transform:rotate(180deg)}`;export default a;
 //# sourceMappingURL=tree-item.element.scss.js.map

package/tree-view/tree.element.d.ts

@@ -1,4 +1,3 @@
-import { AriaBooleanAttributeValues } from '@cds/core/internal';
 import { LitElement, PropertyValues } from 'lit';
 import { CdsTreeItem } from './tree-item.element.js';
 /**
@@ -21,10 +20,7 @@ import { CdsTreeItem } from './tree-item.element.js';
  * @slot - Content slot for inside the tree
  */
 export declare class CdsTree extends LitElement {
-    role: string;
     multiSelect: boolean;
-    ariaActiveDescendant: string;
-    ariaMultiSelectable: AriaBooleanAttributeValues;
     private firstChildItem;
     private childrenItems;
     connectedCallback(): void;

package/tree-view/tree.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{onAnyKey as t,onKey as i,nextInArray as r,previousInArray as n,arrayHead as s,arrayTail as a,syncProps as c,isVisible as l,baseStyles as d,state as o,property as h,querySlot as p,querySlotAll as v}from"@cds/core/internal";import{LitElement as m,html as u}from"lit";import{CdsTreeItem as b}from"./tree-item.element.js";import f from"./tree.element.scss.js";class A extends m{constructor(){super(...arguments),this.role="tree",this.multiSelect=!1,this.ariaMultiSelectable="false",this.keyboardNavigationHandler=e=>{const c=this.currentActiveItem;c&&c instanceof b&&(t(["arrow-left","arrow-right","arrow-up","arrow-down","home","end","enter","space"],e,(()=>{e.preventDefault()})),i("arrow-left",e,(()=>{if(c.expandable&&c.expanded)c.expandedChange.emit(!1);else{const e=c.parentElement;e&&e instanceof b&&this.setAriaActiveDescendant(e)}})),i("arrow-right",e,(()=>{c.expandable&&(c.expanded?this.setAriaActiveDescendant(r(c,this.visibleChildren)):c.expandedChange.emit(!0))})),i("arrow-down",e,(()=>{c&&this.setAriaActiveDescendant(r(c,this.visibleChildren))})),i("arrow-up",e,(()=>{c&&this.setAriaActiveDescendant(n(c,this.visibleChildren))})),i("home",e,(()=>{c&&this.setAriaActiveDescendant(s(this.visibleChildren))})),i("end",e,(()=>{c&&this.setAriaActiveDescendant(a(this.visibleChildren))})),i("enter",e,(()=>{c.anchorLink&&c.anchorLink.click(),c.expandable&&c.expandedChange.emit(!c.expanded)})),i("space",e,(()=>{c.anchorLink&&c.anchorLink.click(),c&&!c.disabled&&c.selectedChange.emit(!c.selected)})))}}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.initAriaActiveDescendant),this.addEventListener("click",this.clickHandler),this.addEventListener("keydown",this.keyboardNavigationHandler)}disconnectedCallback(){super.disconnectedCallback()}updated(e){super.updated(e),this.ariaMultiSelectable=this.multiSelect?"true":"false",this.childrenItems.forEach((e=>c(e,this,{multiSelect:this.multiSelect})))}clickHandler(e){if(e.target instanceof b){const t=this.visibleChildren.find((t=>t===e.target));t&&this.setAriaActiveDescendant(t)}}get currentActiveItem(){return this.visibleChildren.find((e=>e.id===this.ariaActiveDescendant))}initAriaActiveDescendant(){if(!this.currentActiveItem){const e=this.visibleChildren.find((e=>e.selected))||this.firstChildItem;e&&this.setAriaActiveDescendant(e)}}setAriaActiveDescendant(e){e&&(this.ariaActiveDescendant=e.id,e.focus())}get visibleChildren(){return Array.from(this.childrenItems).filter((e=>l(e)))}render(){return u`<slot></slot>`}static get styles(){return[d,f]}}e([o({type:String,reflect:!0,attribute:"role"})],A.prototype,"role",void 0),e([h({type:Boolean,attribute:"multi-select"})],A.prototype,"multiSelect",void 0),e([o({type:String,reflect:!0,attribute:"aria-activedescendant"})],A.prototype,"ariaActiveDescendant",void 0),e([o({type:String,reflect:!0,attribute:"aria-multiselectable"})],A.prototype,"ariaMultiSelectable",void 0),e([p("cds-tree-item")],A.prototype,"firstChildItem",void 0),e([v("cds-tree-item")],A.prototype,"childrenItems",void 0);export{A as CdsTree};
+import{__decorate as e}from"tslib";import{onAnyKey as t,onKey as i,nextInArray as n,previousInArray as s,arrayHead as r,arrayTail as a,syncProps as c,isVisible as d,baseStyles as l,property as h,querySlot as o,querySlotAll as m}from"@cds/core/internal";import{LitElement as p,html as v}from"lit";import{CdsTreeItem as u}from"./tree-item.element.js";import A from"./tree.element.scss.js";class f extends p{constructor(){super(...arguments),this.multiSelect=!1,this.keyboardNavigationHandler=e=>{const c=this.currentActiveItem;c&&c instanceof u&&(t(["arrow-left","arrow-right","arrow-up","arrow-down","home","end","enter","space"],e,(()=>{e.preventDefault()})),i("arrow-left",e,(()=>{if(c.expandable&&c.expanded)c.expandedChange.emit(!1);else{const e=c.parentElement;e&&e instanceof u&&this.setAriaActiveDescendant(e)}})),i("arrow-right",e,(()=>{c.expandable&&(c.expanded?this.setAriaActiveDescendant(n(c,this.visibleChildren)):c.expandedChange.emit(!0))})),i("arrow-down",e,(()=>{c&&this.setAriaActiveDescendant(n(c,this.visibleChildren))})),i("arrow-up",e,(()=>{c&&this.setAriaActiveDescendant(s(c,this.visibleChildren))})),i("home",e,(()=>{c&&this.setAriaActiveDescendant(r(this.visibleChildren))})),i("end",e,(()=>{c&&this.setAriaActiveDescendant(a(this.visibleChildren))})),i("enter",e,(()=>{c.anchorLink&&c.anchorLink.click(),c.expandable&&c.expandedChange.emit(!c.expanded)})),i("space",e,(()=>{c.anchorLink&&c.anchorLink.click(),c&&!c.disabled&&c.selectedChange.emit(!c.selected)})))}}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.role="tree",this.addEventListener("focus",this.initAriaActiveDescendant),this.addEventListener("click",this.clickHandler),this.addEventListener("keydown",this.keyboardNavigationHandler)}disconnectedCallback(){super.disconnectedCallback()}updated(e){super.updated(e),this.ariaMultiSelectable=this.multiSelect?"true":"false",this.childrenItems.forEach((e=>c(e,this,{multiSelect:this.multiSelect})))}clickHandler(e){if(e.target instanceof u){const t=this.visibleChildren.find((t=>t===e.target));t&&this.setAriaActiveDescendant(t)}}get currentActiveItem(){return this.visibleChildren.find((e=>e.id===this.ariaActiveDescendant))}initAriaActiveDescendant(){if(!this.currentActiveItem){const e=this.visibleChildren.find((e=>e.selected))||this.firstChildItem;e&&this.setAriaActiveDescendant(e)}}setAriaActiveDescendant(e){e&&(this.ariaActiveDescendant=e.id,e.focus())}get visibleChildren(){return Array.from(this.childrenItems).filter((e=>d(e)))}render(){return v`<slot></slot>`}static get styles(){return[l,A]}}e([h({type:Boolean,attribute:"multi-select"})],f.prototype,"multiSelect",void 0),e([o("cds-tree-item")],f.prototype,"firstChildItem",void 0),e([m("cds-tree-item")],f.prototype,"childrenItems",void 0);export{f as CdsTree};
 //# sourceMappingURL=tree.element.js.map

package/tree-view/tree.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.element.js","sources":["../../../src/tree-view/tree.element.ts"],"sourcesContent":null,"names":["CdsTree","LitElement","[object Object]","super","arguments","this","role","multiSelect","ariaMultiSelectable","keyboardNavigationHandler","e","current","currentActiveItem","CdsTreeItem","onAnyKey","preventDefault","onKey","expandable","expanded","expandedChange","emit","parentNode","parentElement","setAriaActiveDescendant","nextInArray","visibleChildren","previousInArray","arrayHead","arrayTail","anchorLink","click","disabled","selectedChange","selected","connectedCallback","tabIndex","addEventListener","initAriaActiveDescendant","clickHandler","disconnectedCallback","props","updated","childrenItems","forEach","c","syncProps","target","match","find","id","ariaActiveDescendant","focusableChild","firstChildItem","activeItem","focus","Array","from","filter","n","isVisible","html","styles","baseStyles","__decorate","state","type","String","reflect","attribute","prototype","property","Boolean","querySlot","querySlotAll"],"mappings":"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"}
+{"version":3,"file":"tree.element.js","sources":["../../../src/tree-view/tree.element.ts"],"sourcesContent":null,"names":["CdsTree","LitElement","[object Object]","super","arguments","this","multiSelect","keyboardNavigationHandler","e","current","currentActiveItem","CdsTreeItem","onAnyKey","preventDefault","onKey","expandable","expanded","expandedChange","emit","parentNode","parentElement","setAriaActiveDescendant","nextInArray","visibleChildren","previousInArray","arrayHead","arrayTail","anchorLink","click","disabled","selectedChange","selected","connectedCallback","tabIndex","role","addEventListener","initAriaActiveDescendant","clickHandler","disconnectedCallback","props","updated","ariaMultiSelectable","childrenItems","forEach","c","syncProps","target","match","find","id","ariaActiveDescendant","focusableChild","firstChildItem","activeItem","focus","Array","from","filter","n","isVisible","html","styles","baseStyles","__decorate","property","type","Boolean","attribute","prototype","querySlot","querySlotAll"],"mappings":"mYA6BO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,aAAc,EACnBD,KAAKE,0BAA6BC,IAC9B,MAAMC,EAAUJ,KAAKK,kBACjBD,GAAWA,aAAmBE,IAC9BC,EAAS,CAAC,aAAc,cAAe,WAAY,aAAc,OAAQ,MAAO,QAAS,SAAUJ,GAAG,KAIlGA,EAAEK,oBAENC,EAAM,aAAcN,GAAG,KACnB,GAAIC,EAAQM,YAAcN,EAAQO,SAC9BP,EAAQQ,eAAeC,MAAK,OAE3B,CACD,MAAMC,EAAaV,EAAQW,cACvBD,GAAcA,aAAsBR,GACpCN,KAAKgB,wBAAwBF,OAIzCL,EAAM,cAAeN,GAAG,KAChBC,EAAQM,aACJN,EAAQO,SACRX,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,kBAGvDd,EAAQQ,eAAeC,MAAK,OAIxCJ,EAAM,aAAcN,GAAG,KACfC,GACAJ,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,qBAG/DT,EAAM,WAAYN,GAAG,KACbC,GACAJ,KAAKgB,wBAAwBG,EAAgBf,EAASJ,KAAKkB,qBAGnET,EAAM,OAAQN,GAAG,KACTC,GACAJ,KAAKgB,wBAAwBI,EAAUpB,KAAKkB,qBAGpDT,EAAM,MAAON,GAAG,KACRC,GACAJ,KAAKgB,wBAAwBK,EAAUrB,KAAKkB,qBAGpDT,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,EAAQM,YACRN,EAAQQ,eAAeC,MAAMT,EAAQO,aAG7CF,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,IAAYA,EAAQoB,UACpBpB,EAAQqB,eAAeZ,MAAMT,EAAQsB,eAMzD7B,oBACIC,MAAM6B,oBACN3B,KAAK4B,SAAW,EAChB5B,KAAK6B,KAAO,OACZ7B,KAAK8B,iBAAiB,QAAS9B,KAAK+B,0BACpC/B,KAAK8B,iBAAiB,QAAS9B,KAAKgC,cACpChC,KAAK8B,iBAAiB,UAAW9B,KAAKE,2BAE1CL,uBACIC,MAAMmC,uBAEVpC,QAAQqC,GACJpC,MAAMqC,QAAQD,GACdlC,KAAKoC,oBAAsBpC,KAAKC,YAAc,OAAS,QACvDD,KAAKqC,cAAcC,SAAQC,GAAKC,EAAUD,EAAGvC,KAAM,CAAEC,YAAaD,KAAKC,gBAE3EJ,aAAaM,GACT,GAAIA,EAAEsC,kBAAkBnC,EAAa,CACjC,MAAMoC,EAAQ1C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,IAAMpC,EAAEsC,SACjDC,GACA1C,KAAKgB,wBAAwB0B,IAIzCrC,wBACI,OAAOL,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEK,KAAO5C,KAAK6C,uBAMxDhD,2BACI,IAAKG,KAAKK,kBAAmB,CAGzB,MAAMyC,EAAiB9C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEb,YAAa1B,KAAK+C,eACtED,GACA9C,KAAKgB,wBAAwB8B,IAIzCjD,wBAAwBmD,GAChBA,IACAhD,KAAK6C,qBAAuBG,EAAWJ,GACvCI,EAAWC,SAInB/B,sBACI,OAAOgC,MAAMC,KAAKnD,KAAKqC,eAAee,QAAOC,GAAKC,EAAUD,KAEhExD,SACI,OAAO0D,CAAK,gBAEhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,UAAW,kBACtCnE,EAAQoE,UAAW,mBAAe,GACrCL,EAAW,CACPM,EAAU,kBACXrE,EAAQoE,UAAW,sBAAkB,GACxCL,EAAW,CACPO,EAAa,kBACdtE,EAAQoE,UAAW,qBAAiB"}

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

@@ -1,6 +0,0 @@
-import{css as e}from"lit";var r=e`/*!
- * 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.
- */`;export default r;
-//# sourceMappingURL=navigation-start.element.scss.js.map

package/navigation/navigation-start.element.scss.js.map

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

package/selection-panels/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * This is a workaround so that the @cds/angular script will generate a
- * module for selection panels that exports each directive.
- * It should be removed when the generation script is updated to handle
- * folders with children components. e.g
- * selection-panels/
- *   checkbox/
- *   radio/
- */
-export * from './checkbox/checkbox-panel.element.js';
-export * from './radio/radio-panel.element.js';

package/selection-panels/index.js

@@ -1,2 +0,0 @@
-export{CdsCheckboxPanel}from"./checkbox/checkbox-panel.element.js";export{CdsRadioPanel}from"./radio/radio-panel.element.js";
-//# sourceMappingURL=index.js.map

package/selection-panels/register.d.ts

@@ -1,8 +0,0 @@
-import { CdsCheckboxPanel } from './checkbox/checkbox-panel.element.js';
-import { CdsRadioPanel } from './radio/radio-panel.element.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'cds-checkbox-panel': CdsCheckboxPanel;
-        'cds-radio-panel': CdsRadioPanel;
-    }
-}

package/selection-panels/register.js

@@ -1,2 +0,0 @@
-import{registerElementSafely as e}from"@cds/core/internal";import{CdsCheckboxPanel as o}from"./checkbox/checkbox-panel.element.js";import{CdsRadioPanel as r}from"./radio/radio-panel.element.js";e("cds-checkbox-panel",o),e("cds-radio-panel",r);
-//# sourceMappingURL=register.js.map

package/selection-panels/register.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.js","sources":["../../../src/selection-panels/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckboxPanel","CdsRadioPanel"],"mappings":"kMAQAA,EAAsB,qBAAsBC,GAC5CD,EAAsB,kBAAmBE"}