@kyndryl-design-system/shidoka-applications 2.65.1 → 2.65.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -85,7 +85,7 @@ $ai-gradient-default: var(
85
85
  }
86
86
 
87
87
  /// Gradient Backgrounds for AI-connected components
88
- :root {
88
+ :host {
89
89
  --ai-radial-strength: 20%;
90
90
  --ai-radial-outer: 75%;
91
91
  --ai-right-strength: 15%;
@@ -38,7 +38,7 @@ import{_ as i,a as o,b as a,c as t,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
38
38
  mask-composite: exclude;
39
39
  }
40
40
 
41
- :root {
41
+ :host {
42
42
  --ai-radial-strength: 20%;
43
43
  --ai-radial-outer: 75%;
44
44
  --ai-right-strength: 15%;
@@ -65,7 +65,7 @@ import{_ as t,a as e,b as o,c as r,d as a}from"../../../vendor/tslib-Ac8XvvSX.js
65
65
  mask-composite: exclude;
66
66
  }
67
67
 
68
- :root {
68
+ :host {
69
69
  --ai-radial-strength: 20%;
70
70
  --ai-radial-outer: 75%;
71
71
  --ai-right-strength: 15%;
@@ -62,7 +62,7 @@ import{_ as r,a as e,b as a,c as t,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
@@ -300,7 +300,7 @@ dialog.ai-connected.gradient-bkg {
300
300
  mask-composite: exclude;
301
301
  }
302
302
 
303
- :root {
303
+ :host {
304
304
  --ai-radial-strength: 20%;
305
305
  --ai-radial-outer: 75%;
306
306
  --ai-right-strength: 15%;
@@ -62,7 +62,7 @@ import{_ as e,a as t,b as o,c as i,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t,b as i,c as n,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as a,x as r,o as s}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d,a as l,t as c,r as h,n as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as u}from"../../../vendor/lit-element-DxLLCKb1.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../button/button.js";import{i as p,c as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var v=d`*,
1
+ import{_ as e,a as t,b as i,c as n,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as a,x as s,o as r}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d,a as l,t as c,r as h,n as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as u}from"../../../vendor/lit-element-DxLLCKb1.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../button/button.js";import{i as p,c as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var v=d`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -62,7 +62,7 @@ import{_ as e,a as t,b as i,c as n,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
@@ -472,7 +472,7 @@ dialog.ai-connected.gradient-bkg {
472
472
 
473
473
  .enhanced-option[multiple] .content {
474
474
  align-items: flex-start;
475
- }`;let k=(()=>{var d,k,b,f,y,x,w,z,$,S,j,M,W,I,C;let E,O,T,B,A,P,N,R,D,U,q,F,G,L,_,H,J,K=[c("kyn-enhanced-dropdown-option")],Q=[],V=u,X=[],Y=[],Z=[],ee=[],te=[],ie=[],ne=[],oe=[],ae=[],re=[],se=[],de=[],le=[],ce=[],he=[],me=[],ue=[],pe=[],ge=[],ve=[],ke=[],be=[],fe=[],ye=[],xe=[],we=[],ze=[],$e=[],Se=[],je=[];return O=class extends V{get value(){return n(this,d,"f")}set value(e){o(this,d,e,"f")}get selected(){return n(this,k,"f")}set selected(e){o(this,k,e,"f")}get disabled(){return n(this,b,"f")}set disabled(e){o(this,b,e,"f")}get readonly(){return n(this,f,"f")}set readonly(e){o(this,f,e,"f")}get allowAddOption(){return n(this,y,"f")}set allowAddOption(e){o(this,y,e,"f")}get highlighted(){return n(this,x,"f")}set highlighted(e){o(this,x,e,"f")}get multiple(){return n(this,w,"f")}set multiple(e){o(this,w,e,"f")}get removable(){return n(this,z,"f")}set removable(e){o(this,z,e,"f")}get indeterminate(){return n(this,$,"f")}set indeterminate(e){o(this,$,e,"f")}get role(){return n(this,S,"f")}set role(e){o(this,S,e,"f")}get ariaSelected(){return n(this,j,"f")}set ariaSelected(e){o(this,j,e,"f")}get text(){return n(this,M,"f")}set text(e){o(this,M,e,"f")}get displayText(){return n(this,W,"f")}set displayText(e){o(this,W,e,"f")}get hasIcon(){return n(this,I,"f")}set hasIcon(e){o(this,I,e,"f")}get kind(){return n(this,C,"f")}set kind(e){o(this,C,e,"f")}render(){const e={"enhanced-option":!0,"menu-item":!0,"option-is-readonly":this.readonly,"ai-connected":"ai"===this.kind};return r`
475
+ }`;let k=(()=>{var d,k,b,f,y,x,w,z,$,S,j,M,W,I,C;let E,O,T,B,A,P,N,R,D,U,q,F,G,L,_,H,J,K=[c("kyn-enhanced-dropdown-option")],Q=[],V=u,X=[],Y=[],Z=[],ee=[],te=[],ie=[],ne=[],oe=[],ae=[],se=[],re=[],de=[],le=[],ce=[],he=[],me=[],ue=[],pe=[],ge=[],ve=[],ke=[],be=[],fe=[],ye=[],xe=[],we=[],ze=[],$e=[],Se=[],je=[];return O=class extends V{get value(){return n(this,d,"f")}set value(e){o(this,d,e,"f")}get selected(){return n(this,k,"f")}set selected(e){o(this,k,e,"f")}get disabled(){return n(this,b,"f")}set disabled(e){o(this,b,e,"f")}get readonly(){return n(this,f,"f")}set readonly(e){o(this,f,e,"f")}get allowAddOption(){return n(this,y,"f")}set allowAddOption(e){o(this,y,e,"f")}get highlighted(){return n(this,x,"f")}set highlighted(e){o(this,x,e,"f")}get multiple(){return n(this,w,"f")}set multiple(e){o(this,w,e,"f")}get removable(){return n(this,z,"f")}set removable(e){o(this,z,e,"f")}get indeterminate(){return n(this,$,"f")}set indeterminate(e){o(this,$,e,"f")}get role(){return n(this,S,"f")}set role(e){o(this,S,e,"f")}get ariaSelected(){return n(this,j,"f")}set ariaSelected(e){o(this,j,e,"f")}get text(){return n(this,M,"f")}set text(e){o(this,M,e,"f")}get displayText(){return n(this,W,"f")}set displayText(e){o(this,W,e,"f")}get hasIcon(){return n(this,I,"f")}set hasIcon(e){o(this,I,e,"f")}get kind(){return n(this,C,"f")}set kind(e){o(this,C,e,"f")}render(){const e={"enhanced-option":!0,"menu-item":!0,"option-is-readonly":this.readonly,"ai-connected":"ai"===this.kind};return s`
476
476
  <div
477
477
  class=${a(e)}
478
478
  ?highlighted=${this.highlighted}
@@ -484,7 +484,7 @@ dialog.ai-connected.gradient-bkg {
484
484
  @pointerup=${this.onClick}
485
485
  @blur=${this.onBlur}
486
486
  >
487
- ${this.multiple?r`
487
+ ${this.multiple?s`
488
488
  <kyn-checkbox
489
489
  .checked=${this.selected}
490
490
  .indeterminate=${this.indeterminate}
@@ -505,7 +505,7 @@ dialog.ai-connected.gradient-bkg {
505
505
  <div class="menu-item-inner-el text">
506
506
  <div class="title-content">
507
507
  <slot name="title" @slotchange=${this.onTitleSlotChange}></slot>
508
- ${this.selected?null:r`<span class="tag-container"
508
+ ${this.selected?null:s`<span class="tag-container"
509
509
  ><slot name="tag"></slot
510
510
  ></span>`}
511
511
  </div>
@@ -519,9 +519,9 @@ dialog.ai-connected.gradient-bkg {
519
519
  </div>
520
520
 
521
521
  <div class="status-icons">
522
- ${!this.multiple&&this.selected?r`<span class="menu-item-inner-el check-icon"
523
- >${s(p)}</span
524
- >`:this.allowAddOption&&this.removable?r`
522
+ ${!this.multiple&&this.selected?s`<span class="menu-item-inner-el check-icon"
523
+ >${r(p)}</span
524
+ >`:this.allowAddOption&&this.removable?s`
525
525
  <kyn-button
526
526
  kind=${"ai"===this.kind?"ghost-ai":"ghost"}
527
527
  size="small"
@@ -530,10 +530,10 @@ dialog.ai-connected.gradient-bkg {
530
530
  @click=${this.onRemove}
531
531
  @mousedown=${e=>e.stopPropagation()}
532
532
  >
533
- <span slot="icon">${s(g)}</span>
533
+ <span slot="icon">${r(g)}</span>
534
534
  </kyn-button>
535
535
  `:null}
536
536
  </div>
537
537
  </div>
538
- `}firstUpdated(){this.hasIcon=this.iconSlot.assignedNodes({flatten:!0}).length>0;const e=this.closest("kyn-dropdown");e&&(this.kind=e.kind,e.addEventListener("kind-changed",(e=>{this.kind=e.detail})))}onIconSlotChange(){this.hasIcon=this.iconSlot.assignedNodes({flatten:!0}).length>0}willUpdate(e){e.has("selected")&&(this.ariaSelected=this.selected.toString())}get iconSlot(){return this.shadowRoot.querySelector('slot[name="icon"]')}onTitleSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).map((e=>{var t,i;return null!==(i=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""})).join(" ");this.displayText=t,this.text=t}onClick(e){this.disabled||this.readonly?e.stopPropagation():(this.selected=!this.multiple||!this.selected,this.dispatchEvent(new CustomEvent("on-click",{bubbles:!0,composed:!0,detail:{selected:this.selected,value:this.value,origEvent:e}})))}onRemove(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("on-remove-option",{bubbles:!0,composed:!0,detail:{value:this.value}}))}onBlur(e){this.dispatchEvent(new CustomEvent("on-blur",{bubbles:!0,composed:!0,detail:{origEvent:e}}))}constructor(){super(...arguments),d.set(this,i(this,X,"")),k.set(this,(i(this,Y),i(this,Z,!1))),b.set(this,(i(this,ee),i(this,te,!1))),f.set(this,(i(this,ie),i(this,ne,!1))),y.set(this,(i(this,oe),i(this,ae,!1))),x.set(this,(i(this,re),i(this,se,!1))),w.set(this,(i(this,de),i(this,le,!1))),z.set(this,(i(this,ce),i(this,he,!1))),$.set(this,(i(this,me),i(this,ue,!1))),S.set(this,(i(this,pe),i(this,ge,"option"))),j.set(this,(i(this,ve),i(this,ke,"option"))),M.set(this,(i(this,be),i(this,fe,""))),W.set(this,(i(this,ye),i(this,xe,""))),I.set(this,(i(this,we),i(this,ze,!1))),C.set(this,(i(this,$e),i(this,Se,"default"))),i(this,je)}},d=new WeakMap,k=new WeakMap,b=new WeakMap,f=new WeakMap,y=new WeakMap,x=new WeakMap,w=new WeakMap,z=new WeakMap,$=new WeakMap,S=new WeakMap,j=new WeakMap,M=new WeakMap,W=new WeakMap,I=new WeakMap,C=new WeakMap,e(O,"EnhancedDropdownOption"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=V[Symbol.metadata])&&void 0!==e?e:null):void 0;T=[m({type:String})],B=[m({type:Boolean,reflect:!0})],A=[m({type:Boolean})],P=[m({type:Boolean,reflect:!0})],N=[m({type:Boolean})],R=[l()],D=[m({type:Boolean})],U=[m({type:Boolean})],q=[m({type:Boolean,reflect:!0})],F=[m({type:String,reflect:!0})],G=[m({type:String,reflect:!0,attribute:"aria-selected"})],L=[l()],_=[l()],H=[l()],J=[l()],t(O,null,T,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:i},X,Y),t(O,null,B,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:i},Z,ee),t(O,null,A,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},te,ie),t(O,null,P,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:i},ne,oe),t(O,null,N,{kind:"accessor",name:"allowAddOption",static:!1,private:!1,access:{has:e=>"allowAddOption"in e,get:e=>e.allowAddOption,set:(e,t)=>{e.allowAddOption=t}},metadata:i},ae,re),t(O,null,R,{kind:"accessor",name:"highlighted",static:!1,private:!1,access:{has:e=>"highlighted"in e,get:e=>e.highlighted,set:(e,t)=>{e.highlighted=t}},metadata:i},se,de),t(O,null,D,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:e=>"multiple"in e,get:e=>e.multiple,set:(e,t)=>{e.multiple=t}},metadata:i},le,ce),t(O,null,U,{kind:"accessor",name:"removable",static:!1,private:!1,access:{has:e=>"removable"in e,get:e=>e.removable,set:(e,t)=>{e.removable=t}},metadata:i},he,me),t(O,null,q,{kind:"accessor",name:"indeterminate",static:!1,private:!1,access:{has:e=>"indeterminate"in e,get:e=>e.indeterminate,set:(e,t)=>{e.indeterminate=t}},metadata:i},ue,pe),t(O,null,F,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:i},ge,ve),t(O,null,G,{kind:"accessor",name:"ariaSelected",static:!1,private:!1,access:{has:e=>"ariaSelected"in e,get:e=>e.ariaSelected,set:(e,t)=>{e.ariaSelected=t}},metadata:i},ke,be),t(O,null,L,{kind:"accessor",name:"text",static:!1,private:!1,access:{has:e=>"text"in e,get:e=>e.text,set:(e,t)=>{e.text=t}},metadata:i},fe,ye),t(O,null,_,{kind:"accessor",name:"displayText",static:!1,private:!1,access:{has:e=>"displayText"in e,get:e=>e.displayText,set:(e,t)=>{e.displayText=t}},metadata:i},xe,we),t(O,null,H,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:i},ze,$e),t(O,null,J,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:e=>"kind"in e,get:e=>e.kind,set:(e,t)=>{e.kind=t}},metadata:i},Se,je),t(null,E={value:O},K,{kind:"class",name:O.name,metadata:i},null,Q),O=E.value,i&&Object.defineProperty(O,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),O.styles=h(v),i(O,Q),O})();export{k as EnhancedDropdownOption};
538
+ `}firstUpdated(){this.hasIcon=this.iconSlot.assignedNodes({flatten:!0}).length>0;const e=this.closest("kyn-dropdown");e&&(this.kind=e.kind,e.addEventListener("kind-changed",(e=>{this.kind=e.detail})))}onIconSlotChange(){this.hasIcon=this.iconSlot.assignedNodes({flatten:!0}).length>0}willUpdate(e){e.has("selected")&&(this.ariaSelected=this.selected.toString())}get iconSlot(){return this.shadowRoot.querySelector('slot[name="icon"]')}onTitleSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).map((e=>{var t,i;return null!==(i=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""})).join(" ");this.displayText=t,this.text=t}onClick(e){this.disabled||this.readonly?e.stopPropagation():(this.selected=!this.multiple||!this.selected,this.dispatchEvent(new CustomEvent("on-click",{bubbles:!0,composed:!0,detail:{selected:this.selected,value:this.value,origEvent:e}})))}onRemove(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("on-remove-option",{bubbles:!0,composed:!0,detail:{value:this.value}}))}onBlur(e){this.dispatchEvent(new CustomEvent("on-blur",{bubbles:!0,composed:!0,detail:{origEvent:e}}))}constructor(){super(...arguments),d.set(this,i(this,X,"")),k.set(this,(i(this,Y),i(this,Z,!1))),b.set(this,(i(this,ee),i(this,te,!1))),f.set(this,(i(this,ie),i(this,ne,!1))),y.set(this,(i(this,oe),i(this,ae,!1))),x.set(this,(i(this,se),i(this,re,!1))),w.set(this,(i(this,de),i(this,le,!1))),z.set(this,(i(this,ce),i(this,he,!1))),$.set(this,(i(this,me),i(this,ue,!1))),S.set(this,(i(this,pe),i(this,ge,"option"))),j.set(this,(i(this,ve),i(this,ke,"option"))),M.set(this,(i(this,be),i(this,fe,""))),W.set(this,(i(this,ye),i(this,xe,""))),I.set(this,(i(this,we),i(this,ze,!1))),C.set(this,(i(this,$e),i(this,Se,"default"))),i(this,je)}},d=new WeakMap,k=new WeakMap,b=new WeakMap,f=new WeakMap,y=new WeakMap,x=new WeakMap,w=new WeakMap,z=new WeakMap,$=new WeakMap,S=new WeakMap,j=new WeakMap,M=new WeakMap,W=new WeakMap,I=new WeakMap,C=new WeakMap,e(O,"EnhancedDropdownOption"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=V[Symbol.metadata])&&void 0!==e?e:null):void 0;T=[m({type:String})],B=[m({type:Boolean,reflect:!0})],A=[m({type:Boolean})],P=[m({type:Boolean,reflect:!0})],N=[m({type:Boolean})],R=[l()],D=[m({type:Boolean})],U=[m({type:Boolean})],q=[m({type:Boolean,reflect:!0})],F=[m({type:String,reflect:!0})],G=[m({type:String,reflect:!0,attribute:"aria-selected"})],L=[l()],_=[l()],H=[l()],J=[l()],t(O,null,T,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:i},X,Y),t(O,null,B,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:i},Z,ee),t(O,null,A,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},te,ie),t(O,null,P,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:i},ne,oe),t(O,null,N,{kind:"accessor",name:"allowAddOption",static:!1,private:!1,access:{has:e=>"allowAddOption"in e,get:e=>e.allowAddOption,set:(e,t)=>{e.allowAddOption=t}},metadata:i},ae,se),t(O,null,R,{kind:"accessor",name:"highlighted",static:!1,private:!1,access:{has:e=>"highlighted"in e,get:e=>e.highlighted,set:(e,t)=>{e.highlighted=t}},metadata:i},re,de),t(O,null,D,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:e=>"multiple"in e,get:e=>e.multiple,set:(e,t)=>{e.multiple=t}},metadata:i},le,ce),t(O,null,U,{kind:"accessor",name:"removable",static:!1,private:!1,access:{has:e=>"removable"in e,get:e=>e.removable,set:(e,t)=>{e.removable=t}},metadata:i},he,me),t(O,null,q,{kind:"accessor",name:"indeterminate",static:!1,private:!1,access:{has:e=>"indeterminate"in e,get:e=>e.indeterminate,set:(e,t)=>{e.indeterminate=t}},metadata:i},ue,pe),t(O,null,F,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:i},ge,ve),t(O,null,G,{kind:"accessor",name:"ariaSelected",static:!1,private:!1,access:{has:e=>"ariaSelected"in e,get:e=>e.ariaSelected,set:(e,t)=>{e.ariaSelected=t}},metadata:i},ke,be),t(O,null,L,{kind:"accessor",name:"text",static:!1,private:!1,access:{has:e=>"text"in e,get:e=>e.text,set:(e,t)=>{e.text=t}},metadata:i},fe,ye),t(O,null,_,{kind:"accessor",name:"displayText",static:!1,private:!1,access:{has:e=>"displayText"in e,get:e=>e.displayText,set:(e,t)=>{e.displayText=t}},metadata:i},xe,we),t(O,null,H,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:i},ze,$e),t(O,null,J,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:e=>"kind"in e,get:e=>e.kind,set:(e,t)=>{e.kind=t}},metadata:i},Se,je),t(null,E={value:O},K,{kind:"class",name:O.name,metadata:i},null,Q),O=E.value,i&&Object.defineProperty(O,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),O.styles=h(v),i(O,Q),O})();export{k as EnhancedDropdownOption};
539
539
  //# sourceMappingURL=enhancedDropdownOption.js.map
@@ -62,7 +62,7 @@ import{_ as e,a as t,b as a,c as i,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
@@ -62,7 +62,7 @@ import{_ as t,a as i,b as e,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
@@ -62,7 +62,7 @@ import{_ as e,a as t,b as o,c as n,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t,b as a,c as i,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as n,b as r,o as s,x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as l,t as c,r as h,n as g,e as p}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as u}from"../../../vendor/lit-element-DxLLCKb1.js";import"../button/button.js";import{c as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var m=l`*,
1
+ import{_ as e,a as t,b as a,c as i,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as n,b as r,o as s,x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as l,t as c,r as h,n as g,e as p}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as u}from"../../../vendor/lit-element-DxLLCKb1.js";import"../button/button.js";import{c as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var b=l`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -62,14 +62,14 @@ import{_ as e,a as t,b as a,c as i,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
62
62
  mask-composite: exclude;
63
63
  }
64
64
 
65
- :root {
65
+ :host {
66
66
  --ai-radial-strength: 20%;
67
67
  --ai-radial-outer: 75%;
68
68
  --ai-right-strength: 15%;
69
69
  --ai-right-spread: 55%;
70
70
  }
71
71
 
72
- dialog.ai-connected.gradient-bkg {
72
+ dialog.ai-connected.gradient-bkg, dialog.ai-connected {
73
73
  background-color: var(--kd-color-background-container-ai-default);
74
74
  background-image: radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--kd-color-border-ai-default-gradient-start) var(--ai-radial-strength), transparent) 0%, transparent 35%), radial-gradient(circle at 100% 50%, color-mix(in oklab, var(--kd-color-border-ai-default-gradient-end) var(--ai-right-strength), transparent) 0%, transparent var(--ai-right-spread));
75
75
  background-repeat: no-repeat, no-repeat;
@@ -329,14 +329,7 @@ form {
329
329
  dialog.ai-connected {
330
330
  box-shadow: var(--kd-elevation-level-3-ai);
331
331
  background: var(--kd-color-background-container-ai-default);
332
- }
333
- dialog.ai-connected.gradient-bkg {
334
- background-color: var(--kd-color-background-container-ai-default);
335
- background-image: radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--kd-color-border-ai-default-gradient-start) 20%, transparent) 0%, transparent 35%), radial-gradient(circle at 100% 50%, color-mix(in oklab, var(--kd-color-border-ai-default-gradient-end) 15%, transparent) 0%, transparent 55%);
336
- background-repeat: no-repeat, no-repeat;
337
- background-position: 0 0, 100% 50%;
338
- background-size: cover, cover;
339
- }`;let k=(()=>{var k,f,v,x,y,w,B,z,T,C,$,_,D,S,M,W,j,E;let F,O,V,X,L,A,H,I,P,q,G,J,K,N,Q,R,U,Y,Z,ee,te=[c("kyn-side-drawer")],ae=[],ie=u,oe=[],ne=[],re=[],se=[],de=[],le=[],ce=[],he=[],ge=[],pe=[],ue=[],be=[],me=[],ke=[],fe=[],ve=[],xe=[],ye=[],we=[],Be=[],ze=[],Te=[],Ce=[],$e=[],_e=[],De=[],Se=[],Me=[],We=[],je=[],Ee=[],Fe=[],Oe=[],Ve=[],Xe=[],Le=[];return O=class extends ie{get open(){return i(this,k,"f")}set open(e){o(this,k,e,"f")}get size(){return i(this,f,"f")}set size(e){o(this,f,e,"f")}get titleText(){return i(this,v,"f")}set titleText(e){o(this,v,e,"f")}get labelText(){return i(this,x,"f")}set labelText(e){o(this,x,e,"f")}get submitBtnText(){return i(this,y,"f")}set submitBtnText(e){o(this,y,e,"f")}get cancelBtnText(){return i(this,w,"f")}set cancelBtnText(e){o(this,w,e,"f")}get closeBtnDescription(){return i(this,B,"f")}set closeBtnDescription(e){o(this,B,e,"f")}get submitBtnDisabled(){return i(this,z,"f")}set submitBtnDisabled(e){o(this,z,e,"f")}get gradientBackground(){return i(this,T,"f")}set gradientBackground(e){o(this,T,e,"f")}get hideFooter(){return i(this,C,"f")}set hideFooter(e){o(this,C,e,"f")}get destructive(){return i(this,$,"f")}set destructive(e){o(this,$,e,"f")}get secondaryButtonText(){return i(this,_,"f")}set secondaryButtonText(e){o(this,_,e,"f")}get showSecondaryButton(){return i(this,D,"f")}set showSecondaryButton(e){o(this,D,e,"f")}get hideCancelButton(){return i(this,S,"f")}set hideCancelButton(e){o(this,S,e,"f")}get beforeClose(){return i(this,M,"f")}set beforeClose(e){o(this,M,e,"f")}get aiConnected(){return i(this,W,"f")}set aiConnected(e){o(this,W,e,"f")}get noBackdrop(){return i(this,j,"f")}set noBackdrop(e){o(this,j,e,"f")}get _dialog(){return i(this,E,"f")}set _dialog(e){o(this,E,e,"f")}render(){const e={dialog:!0,"no-backdrop":this.noBackdrop,[`size--${this.size}`]:this.size,"ai-connected":this.aiConnected,"gradient-bkg":this.aiConnected&&this.gradientBackground},t={"dialog-footer":!0,"ai-connected":this.aiConnected},a={"header-title":!0,"ai-connected":this.aiConnected};return d`
332
+ }`;let k=(()=>{var k,f,v,x,y,w,B,z,T,C,$,_,D,S,M,W,j,E;let F,O,V,X,L,A,H,I,P,q,G,J,K,N,Q,R,U,Y,Z,ee,te=[c("kyn-side-drawer")],ae=[],ie=u,oe=[],ne=[],re=[],se=[],de=[],le=[],ce=[],he=[],ge=[],pe=[],ue=[],me=[],be=[],ke=[],fe=[],ve=[],xe=[],ye=[],we=[],Be=[],ze=[],Te=[],Ce=[],$e=[],_e=[],De=[],Se=[],Me=[],We=[],je=[],Ee=[],Fe=[],Oe=[],Ve=[],Xe=[],Le=[];return O=class extends ie{get open(){return i(this,k,"f")}set open(e){o(this,k,e,"f")}get size(){return i(this,f,"f")}set size(e){o(this,f,e,"f")}get titleText(){return i(this,v,"f")}set titleText(e){o(this,v,e,"f")}get labelText(){return i(this,x,"f")}set labelText(e){o(this,x,e,"f")}get submitBtnText(){return i(this,y,"f")}set submitBtnText(e){o(this,y,e,"f")}get cancelBtnText(){return i(this,w,"f")}set cancelBtnText(e){o(this,w,e,"f")}get closeBtnDescription(){return i(this,B,"f")}set closeBtnDescription(e){o(this,B,e,"f")}get submitBtnDisabled(){return i(this,z,"f")}set submitBtnDisabled(e){o(this,z,e,"f")}get gradientBackground(){return i(this,T,"f")}set gradientBackground(e){o(this,T,e,"f")}get hideFooter(){return i(this,C,"f")}set hideFooter(e){o(this,C,e,"f")}get destructive(){return i(this,$,"f")}set destructive(e){o(this,$,e,"f")}get secondaryButtonText(){return i(this,_,"f")}set secondaryButtonText(e){o(this,_,e,"f")}get showSecondaryButton(){return i(this,D,"f")}set showSecondaryButton(e){o(this,D,e,"f")}get hideCancelButton(){return i(this,S,"f")}set hideCancelButton(e){o(this,S,e,"f")}get beforeClose(){return i(this,M,"f")}set beforeClose(e){o(this,M,e,"f")}get aiConnected(){return i(this,W,"f")}set aiConnected(e){o(this,W,e,"f")}get noBackdrop(){return i(this,j,"f")}set noBackdrop(e){o(this,j,e,"f")}get _dialog(){return i(this,E,"f")}set _dialog(e){o(this,E,e,"f")}render(){const e={dialog:!0,"no-backdrop":this.noBackdrop,[`size--${this.size}`]:this.size,"ai-connected":this.aiConnected,"gradient-bkg":this.aiConnected&&this.gradientBackground},t={"dialog-footer":!0,"ai-connected":this.aiConnected},a={"header-title":!0,"ai-connected":this.aiConnected};return d`
340
333
  <span class="anchor" @click=${this._openDrawer}>
341
334
  <slot name="anchor"></slot>
342
335
  </span>
@@ -364,7 +357,7 @@ dialog.ai-connected.gradient-bkg {
364
357
  description=${r(this.closeBtnDescription)}
365
358
  @click=${e=>this._closeDrawer(e,"cancel")}
366
359
  >
367
- <span slot="icon">${s(b)}</span>
360
+ <span slot="icon">${s(m)}</span>
368
361
  </kyn-button>
369
362
  </header>
370
363
 
@@ -417,7 +410,7 @@ dialog.ai-connected.gradient-bkg {
417
410
  `}
418
411
  </form>
419
412
  </dialog>
420
- `}_openDrawer(){this.open=!0}_closeDrawer(e,t){(!this.beforeClose||this.beforeClose&&this.beforeClose(t))&&(this.open=!1,this._dialog.returnValue=t,this._emitCloseEvent(e))}_emitCloseEvent(e){const t=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:e}});this.dispatchEvent(t)}_emitOpenEvent(){const e=new CustomEvent("on-open");this.dispatchEvent(e)}updated(e){e.has("open")&&(this.open?(this.noBackdrop?this._dialog.show():this._dialog.showModal(),this._emitOpenEvent()):this._dialog.close())}constructor(){super(...arguments),k.set(this,a(this,oe,!1)),f.set(this,(a(this,ne),a(this,re,"md"))),v.set(this,(a(this,se),a(this,de,""))),x.set(this,(a(this,le),a(this,ce,""))),y.set(this,(a(this,he),a(this,ge,"Ok"))),w.set(this,(a(this,pe),a(this,ue,"Cancel"))),B.set(this,(a(this,be),a(this,me,"Close"))),z.set(this,(a(this,ke),a(this,fe,!1))),T.set(this,(a(this,ve),a(this,xe,!1))),C.set(this,(a(this,ye),a(this,we,!1))),$.set(this,(a(this,Be),a(this,ze,!1))),_.set(this,(a(this,Te),a(this,Ce,"Secondary"))),D.set(this,(a(this,$e),a(this,_e,!1))),S.set(this,(a(this,De),a(this,Se,!1))),M.set(this,(a(this,Me),a(this,We,void 0))),W.set(this,(a(this,je),a(this,Ee,!1))),j.set(this,(a(this,Fe),a(this,Oe,!1))),E.set(this,(a(this,Ve),a(this,Xe,void 0))),a(this,Le)}},k=new WeakMap,f=new WeakMap,v=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,B=new WeakMap,z=new WeakMap,T=new WeakMap,C=new WeakMap,$=new WeakMap,_=new WeakMap,D=new WeakMap,S=new WeakMap,M=new WeakMap,W=new WeakMap,j=new WeakMap,E=new WeakMap,e(O,"SideDrawer"),(()=>{var e;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ie[Symbol.metadata])&&void 0!==e?e:null):void 0;V=[g({type:Boolean})],X=[g({type:String})],L=[g({type:String})],A=[g({type:String})],H=[g({type:String})],I=[g({type:String})],P=[g({type:String})],q=[g({type:Boolean})],G=[g({type:Boolean,reflect:!0})],J=[g({type:Boolean})],K=[g({type:Boolean})],N=[g({type:String})],Q=[g({type:Boolean})],R=[g({type:Boolean})],U=[g({attribute:!1})],Y=[g({type:Boolean})],Z=[g({type:Boolean})],ee=[p("dialog")],t(O,null,V,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:a},oe,ne),t(O,null,X,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:a},re,se),t(O,null,L,{kind:"accessor",name:"titleText",static:!1,private:!1,access:{has:e=>"titleText"in e,get:e=>e.titleText,set:(e,t)=>{e.titleText=t}},metadata:a},de,le),t(O,null,A,{kind:"accessor",name:"labelText",static:!1,private:!1,access:{has:e=>"labelText"in e,get:e=>e.labelText,set:(e,t)=>{e.labelText=t}},metadata:a},ce,he),t(O,null,H,{kind:"accessor",name:"submitBtnText",static:!1,private:!1,access:{has:e=>"submitBtnText"in e,get:e=>e.submitBtnText,set:(e,t)=>{e.submitBtnText=t}},metadata:a},ge,pe),t(O,null,I,{kind:"accessor",name:"cancelBtnText",static:!1,private:!1,access:{has:e=>"cancelBtnText"in e,get:e=>e.cancelBtnText,set:(e,t)=>{e.cancelBtnText=t}},metadata:a},ue,be),t(O,null,P,{kind:"accessor",name:"closeBtnDescription",static:!1,private:!1,access:{has:e=>"closeBtnDescription"in e,get:e=>e.closeBtnDescription,set:(e,t)=>{e.closeBtnDescription=t}},metadata:a},me,ke),t(O,null,q,{kind:"accessor",name:"submitBtnDisabled",static:!1,private:!1,access:{has:e=>"submitBtnDisabled"in e,get:e=>e.submitBtnDisabled,set:(e,t)=>{e.submitBtnDisabled=t}},metadata:a},fe,ve),t(O,null,G,{kind:"accessor",name:"gradientBackground",static:!1,private:!1,access:{has:e=>"gradientBackground"in e,get:e=>e.gradientBackground,set:(e,t)=>{e.gradientBackground=t}},metadata:a},xe,ye),t(O,null,J,{kind:"accessor",name:"hideFooter",static:!1,private:!1,access:{has:e=>"hideFooter"in e,get:e=>e.hideFooter,set:(e,t)=>{e.hideFooter=t}},metadata:a},we,Be),t(O,null,K,{kind:"accessor",name:"destructive",static:!1,private:!1,access:{has:e=>"destructive"in e,get:e=>e.destructive,set:(e,t)=>{e.destructive=t}},metadata:a},ze,Te),t(O,null,N,{kind:"accessor",name:"secondaryButtonText",static:!1,private:!1,access:{has:e=>"secondaryButtonText"in e,get:e=>e.secondaryButtonText,set:(e,t)=>{e.secondaryButtonText=t}},metadata:a},Ce,$e),t(O,null,Q,{kind:"accessor",name:"showSecondaryButton",static:!1,private:!1,access:{has:e=>"showSecondaryButton"in e,get:e=>e.showSecondaryButton,set:(e,t)=>{e.showSecondaryButton=t}},metadata:a},_e,De),t(O,null,R,{kind:"accessor",name:"hideCancelButton",static:!1,private:!1,access:{has:e=>"hideCancelButton"in e,get:e=>e.hideCancelButton,set:(e,t)=>{e.hideCancelButton=t}},metadata:a},Se,Me),t(O,null,U,{kind:"accessor",name:"beforeClose",static:!1,private:!1,access:{has:e=>"beforeClose"in e,get:e=>e.beforeClose,set:(e,t)=>{e.beforeClose=t}},metadata:a},We,je),t(O,null,Y,{kind:"accessor",name:"aiConnected",static:!1,private:!1,access:{has:e=>"aiConnected"in e,get:e=>e.aiConnected,set:(e,t)=>{e.aiConnected=t}},metadata:a},Ee,Fe),t(O,null,Z,{kind:"accessor",name:"noBackdrop",static:!1,private:!1,access:{has:e=>"noBackdrop"in e,get:e=>e.noBackdrop,set:(e,t)=>{e.noBackdrop=t}},metadata:a},Oe,Ve),t(O,null,ee,{kind:"accessor",name:"_dialog",static:!1,private:!1,access:{has:e=>"_dialog"in e,get:e=>e._dialog,set:(e,t)=>{e._dialog=t}},metadata:a},Xe,Le),t(null,F={value:O},te,{kind:"class",name:O.name,metadata:a},null,ae),O=F.value,a&&Object.defineProperty(O,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),O.styles=[h(m),l`
413
+ `}_openDrawer(){this.open=!0}_closeDrawer(e,t){(!this.beforeClose||this.beforeClose&&this.beforeClose(t))&&(this.open=!1,this._dialog.returnValue=t,this._emitCloseEvent(e))}_emitCloseEvent(e){const t=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:e}});this.dispatchEvent(t)}_emitOpenEvent(){const e=new CustomEvent("on-open");this.dispatchEvent(e)}updated(e){e.has("open")&&(this.open?(this.noBackdrop?this._dialog.show():this._dialog.showModal(),this._emitOpenEvent()):this._dialog.close())}constructor(){super(...arguments),k.set(this,a(this,oe,!1)),f.set(this,(a(this,ne),a(this,re,"md"))),v.set(this,(a(this,se),a(this,de,""))),x.set(this,(a(this,le),a(this,ce,""))),y.set(this,(a(this,he),a(this,ge,"Ok"))),w.set(this,(a(this,pe),a(this,ue,"Cancel"))),B.set(this,(a(this,me),a(this,be,"Close"))),z.set(this,(a(this,ke),a(this,fe,!1))),T.set(this,(a(this,ve),a(this,xe,!1))),C.set(this,(a(this,ye),a(this,we,!1))),$.set(this,(a(this,Be),a(this,ze,!1))),_.set(this,(a(this,Te),a(this,Ce,"Secondary"))),D.set(this,(a(this,$e),a(this,_e,!1))),S.set(this,(a(this,De),a(this,Se,!1))),M.set(this,(a(this,Me),a(this,We,void 0))),W.set(this,(a(this,je),a(this,Ee,!1))),j.set(this,(a(this,Fe),a(this,Oe,!1))),E.set(this,(a(this,Ve),a(this,Xe,void 0))),a(this,Le)}},k=new WeakMap,f=new WeakMap,v=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,B=new WeakMap,z=new WeakMap,T=new WeakMap,C=new WeakMap,$=new WeakMap,_=new WeakMap,D=new WeakMap,S=new WeakMap,M=new WeakMap,W=new WeakMap,j=new WeakMap,E=new WeakMap,e(O,"SideDrawer"),(()=>{var e;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ie[Symbol.metadata])&&void 0!==e?e:null):void 0;V=[g({type:Boolean})],X=[g({type:String})],L=[g({type:String})],A=[g({type:String})],H=[g({type:String})],I=[g({type:String})],P=[g({type:String})],q=[g({type:Boolean})],G=[g({type:Boolean,reflect:!0})],J=[g({type:Boolean})],K=[g({type:Boolean})],N=[g({type:String})],Q=[g({type:Boolean})],R=[g({type:Boolean})],U=[g({attribute:!1})],Y=[g({type:Boolean})],Z=[g({type:Boolean})],ee=[p("dialog")],t(O,null,V,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:a},oe,ne),t(O,null,X,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:a},re,se),t(O,null,L,{kind:"accessor",name:"titleText",static:!1,private:!1,access:{has:e=>"titleText"in e,get:e=>e.titleText,set:(e,t)=>{e.titleText=t}},metadata:a},de,le),t(O,null,A,{kind:"accessor",name:"labelText",static:!1,private:!1,access:{has:e=>"labelText"in e,get:e=>e.labelText,set:(e,t)=>{e.labelText=t}},metadata:a},ce,he),t(O,null,H,{kind:"accessor",name:"submitBtnText",static:!1,private:!1,access:{has:e=>"submitBtnText"in e,get:e=>e.submitBtnText,set:(e,t)=>{e.submitBtnText=t}},metadata:a},ge,pe),t(O,null,I,{kind:"accessor",name:"cancelBtnText",static:!1,private:!1,access:{has:e=>"cancelBtnText"in e,get:e=>e.cancelBtnText,set:(e,t)=>{e.cancelBtnText=t}},metadata:a},ue,me),t(O,null,P,{kind:"accessor",name:"closeBtnDescription",static:!1,private:!1,access:{has:e=>"closeBtnDescription"in e,get:e=>e.closeBtnDescription,set:(e,t)=>{e.closeBtnDescription=t}},metadata:a},be,ke),t(O,null,q,{kind:"accessor",name:"submitBtnDisabled",static:!1,private:!1,access:{has:e=>"submitBtnDisabled"in e,get:e=>e.submitBtnDisabled,set:(e,t)=>{e.submitBtnDisabled=t}},metadata:a},fe,ve),t(O,null,G,{kind:"accessor",name:"gradientBackground",static:!1,private:!1,access:{has:e=>"gradientBackground"in e,get:e=>e.gradientBackground,set:(e,t)=>{e.gradientBackground=t}},metadata:a},xe,ye),t(O,null,J,{kind:"accessor",name:"hideFooter",static:!1,private:!1,access:{has:e=>"hideFooter"in e,get:e=>e.hideFooter,set:(e,t)=>{e.hideFooter=t}},metadata:a},we,Be),t(O,null,K,{kind:"accessor",name:"destructive",static:!1,private:!1,access:{has:e=>"destructive"in e,get:e=>e.destructive,set:(e,t)=>{e.destructive=t}},metadata:a},ze,Te),t(O,null,N,{kind:"accessor",name:"secondaryButtonText",static:!1,private:!1,access:{has:e=>"secondaryButtonText"in e,get:e=>e.secondaryButtonText,set:(e,t)=>{e.secondaryButtonText=t}},metadata:a},Ce,$e),t(O,null,Q,{kind:"accessor",name:"showSecondaryButton",static:!1,private:!1,access:{has:e=>"showSecondaryButton"in e,get:e=>e.showSecondaryButton,set:(e,t)=>{e.showSecondaryButton=t}},metadata:a},_e,De),t(O,null,R,{kind:"accessor",name:"hideCancelButton",static:!1,private:!1,access:{has:e=>"hideCancelButton"in e,get:e=>e.hideCancelButton,set:(e,t)=>{e.hideCancelButton=t}},metadata:a},Se,Me),t(O,null,U,{kind:"accessor",name:"beforeClose",static:!1,private:!1,access:{has:e=>"beforeClose"in e,get:e=>e.beforeClose,set:(e,t)=>{e.beforeClose=t}},metadata:a},We,je),t(O,null,Y,{kind:"accessor",name:"aiConnected",static:!1,private:!1,access:{has:e=>"aiConnected"in e,get:e=>e.aiConnected,set:(e,t)=>{e.aiConnected=t}},metadata:a},Ee,Fe),t(O,null,Z,{kind:"accessor",name:"noBackdrop",static:!1,private:!1,access:{has:e=>"noBackdrop"in e,get:e=>e.noBackdrop,set:(e,t)=>{e.noBackdrop=t}},metadata:a},Oe,Ve),t(O,null,ee,{kind:"accessor",name:"_dialog",static:!1,private:!1,access:{has:e=>"_dialog"in e,get:e=>e._dialog,set:(e,t)=>{e._dialog=t}},metadata:a},Xe,Le),t(null,F={value:O},te,{kind:"class",name:O.name,metadata:a},null,ae),O=F.value,a&&Object.defineProperty(O,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),O.styles=[h(b),l`
421
414
  @supports (transition-behavior: allow-discrete) {
422
415
  @starting-style {
423
416
  dialog[open] {
@@ -1 +1 @@
1
- {"version":3,"file":"sideDrawer.js","sources":["../../../../src/components/reusable/sideDrawer/sideDrawer.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../button';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport SideDrawerScss from './sideDrawer.scss?inline';\n\n/**\n * Side Drawer.\n * @slot unnamed - Slot for drawer body content.\n * @slot anchor - Slot for the anchor button content.\n * @fires on-close - Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).`detail:{ origEvent: PointerEvent,returnValue: string }`\n * @fires on-open - Emits the drawer open event.\n */\n\n@customElement('kyn-side-drawer')\nexport class SideDrawer extends LitElement {\n static override styles = [\n unsafeCSS(SideDrawerScss),\n css`\n @supports (transition-behavior: allow-discrete) {\n @starting-style {\n dialog[open] {\n transform: translateX(100%);\n }\n }\n\n @starting-style {\n dialog[open]::backdrop {\n background-color: rgb(0, 0, 0, 0);\n }\n }\n }\n `,\n ];\n\n /**\n * Drawer open state.\n */\n @property({ type: Boolean })\n accessor open = false;\n\n /**\n * Drawer size.\n */\n @property({ type: String })\n accessor size: 'md' | 'sm' | 'xl' | 'standard' = 'md';\n\n /**\n * Title / Heading text, required.\n */\n @property({ type: String })\n accessor titleText = '';\n\n /**\n * Label text, optional.\n */\n @property({ type: String })\n accessor labelText = '';\n\n /**\n * Submit button text.\n */\n @property({ type: String })\n accessor submitBtnText = 'Ok';\n\n /**\n * Cancel button text.\n */\n @property({ type: String })\n accessor cancelBtnText = 'Cancel';\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /** Disables the primary button. */\n @property({ type: Boolean })\n accessor submitBtnDisabled = false;\n\n /** Apply gradient to modal background */\n @property({ type: Boolean, reflect: true })\n accessor gradientBackground = false;\n\n /** Determine whether needs footer */\n @property({ type: Boolean })\n accessor hideFooter = false;\n\n /** Changes the primary button styles to indicate the action is destructive. */\n @property({ type: Boolean })\n accessor destructive = false;\n\n /** Secondary button text. */\n @property({ type: String })\n accessor secondaryButtonText = 'Secondary';\n\n /** Hides the secondary button. */\n @property({ type: Boolean })\n accessor showSecondaryButton = false;\n\n /** Hides the cancel button. */\n @property({ type: Boolean })\n accessor hideCancelButton = false;\n\n /** Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */\n @property({ attribute: false })\n accessor beforeClose!: Function;\n\n /** Set this to `true` for AI theme. */\n @property({ type: Boolean })\n accessor aiConnected = false;\n\n /** Set this to `true` for no backdrop */\n @property({ type: Boolean })\n accessor noBackdrop = false;\n\n /** The dialog element\n * @internal\n */\n @query('dialog')\n accessor _dialog!: any;\n\n override render() {\n const classes = {\n dialog: true,\n 'no-backdrop': this.noBackdrop,\n [`size--${this.size}`]: this.size,\n 'ai-connected': this.aiConnected,\n 'gradient-bkg': this.aiConnected && this.gradientBackground,\n };\n\n const dialogFooterClasses = {\n 'dialog-footer': true,\n 'ai-connected': this.aiConnected,\n };\n\n const dialogHeaderClasses = {\n 'header-title': true,\n 'ai-connected': this.aiConnected,\n };\n\n return html`\n <span class=\"anchor\" @click=${this._openDrawer}>\n <slot name=\"anchor\"></slot>\n </span>\n\n <dialog\n class=\"${classMap(classes)}\"\n aria-labelledby=\"dialogLabel\"\n tabindex=\"-1\"\n @cancel=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n <form method=\"dialog\">\n <!-- Header -->\n <header>\n <div class=\"header-label-title\">\n <h1 class=\"${classMap(dialogHeaderClasses)}\" id=\"dialogLabel\">\n ${this.titleText}\n </h1>\n ${this.labelText !== ''\n ? html`<span class=\"label\">${this.labelText}</span>`\n : null}\n </div>\n\n <kyn-button\n class=\"side-drawer-close-btn\"\n size=\"small\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n description=${ifDefined(this.closeBtnDescription)}\n @click=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </header>\n\n <!-- Body -->\n <div\n class=\"body\"\n role=\"region\"\n aria-label=\"${this.titleText} content\"\n tabindex=\"0\"\n >\n <slot></slot>\n </div>\n\n <!-- footer -->\n ${!this.hideFooter\n ? html`\n <div class=\"${classMap(dialogFooterClasses)}\">\n <div class=\"actions\">\n <kyn-button\n class=\"action-button\"\n value=\"Ok\"\n ?disabled=${this.submitBtnDisabled}\n kind=${this.destructive\n ? 'primary-destructive'\n : this.aiConnected\n ? 'primary-ai'\n : 'primary'}\n @click=${(e: Event) => this._closeDrawer(e, 'ok')}\n >\n ${this.submitBtnText}\n </kyn-button>\n\n ${this.showSecondaryButton\n ? html`\n <kyn-button\n class=\"action-button\"\n value=\"Secondary\"\n kind=${'secondary'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'secondary')}\n >\n ${this.secondaryButtonText}\n </kyn-button>\n `\n : null}\n ${this.hideCancelButton\n ? null\n : html`\n <kyn-button\n class=\"action-button\"\n value=\"Cancel\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'cancel')}\n >\n ${this.cancelBtnText}\n </kyn-button>\n `}\n </div>\n </div>\n `\n : null}\n </form>\n </dialog>\n `;\n }\n\n private _openDrawer() {\n this.open = true;\n }\n\n private _closeDrawer(e: Event, returnValue: string) {\n if (\n !this.beforeClose ||\n (this.beforeClose && this.beforeClose(returnValue))\n ) {\n this.open = false;\n this._dialog.returnValue = returnValue;\n this._emitCloseEvent(e);\n }\n }\n\n private _emitCloseEvent(e: Event) {\n const event = new CustomEvent('on-close', {\n detail: {\n returnValue: this._dialog.returnValue,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private _emitOpenEvent() {\n const event = new CustomEvent('on-open');\n this.dispatchEvent(event);\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('open')) {\n if (this.open) {\n if (this.noBackdrop) {\n this._dialog.show();\n } else {\n this._dialog.showModal();\n }\n this._emitOpenEvent();\n } else {\n this._dialog.close();\n }\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-side-drawer': SideDrawer;\n }\n}\n"],"names":["SideDrawer","customElement","LitElement","_classThis","_classSuper","open","__classPrivateFieldGet","this","_SideDrawer_open_accessor_storage","value","__classPrivateFieldSet","size","_SideDrawer_size_accessor_storage","titleText","_SideDrawer_titleText_accessor_storage","labelText","_SideDrawer_labelText_accessor_storage","submitBtnText","_SideDrawer_submitBtnText_accessor_storage","cancelBtnText","_SideDrawer_cancelBtnText_accessor_storage","closeBtnDescription","_SideDrawer_closeBtnDescription_accessor_storage","submitBtnDisabled","_SideDrawer_submitBtnDisabled_accessor_storage","gradientBackground","_SideDrawer_gradientBackground_accessor_storage","hideFooter","_SideDrawer_hideFooter_accessor_storage","destructive","_SideDrawer_destructive_accessor_storage","secondaryButtonText","_SideDrawer_secondaryButtonText_accessor_storage","showSecondaryButton","_SideDrawer_showSecondaryButton_accessor_storage","hideCancelButton","_SideDrawer_hideCancelButton_accessor_storage","beforeClose","_SideDrawer_beforeClose_accessor_storage","aiConnected","_SideDrawer_aiConnected_accessor_storage","noBackdrop","_SideDrawer_noBackdrop_accessor_storage","_dialog","_SideDrawer__dialog_accessor_storage","render","classes","dialog","dialogFooterClasses","dialogHeaderClasses","html","_openDrawer","classMap","e","_closeDrawer","ifDefined","unsafeSVG","closeIcon","returnValue","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","_emitOpenEvent","updated","changedProps","has","show","showModal","close","set","__runInitializers","_open_initializers","_open_extraInitializers","_size_initializers","_size_extraInitializers","_titleText_initializers","_titleText_extraInitializers","_labelText_initializers","_labelText_extraInitializers","_submitBtnText_initializers","_submitBtnText_extraInitializers","_cancelBtnText_initializers","_cancelBtnText_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_submitBtnDisabled_initializers","_submitBtnDisabled_extraInitializers","_gradientBackground_initializers","_gradientBackground_extraInitializers","_hideFooter_initializers","_hideFooter_extraInitializers","_destructive_initializers","_destructive_extraInitializers","_secondaryButtonText_initializers","_secondaryButtonText_extraInitializers","_showSecondaryButton_initializers","_showSecondaryButton_extraInitializers","_hideCancelButton_initializers","_hideCancelButton_extraInitializers","_beforeClose_initializers","_beforeClose_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_noBackdrop_initializers","_noBackdrop_extraInitializers","__dialog_initializers","_open_decorators","property","type","Boolean","_size_decorators","String","_titleText_decorators","_labelText_decorators","_submitBtnText_decorators","_cancelBtnText_decorators","_closeBtnDescription_decorators","_submitBtnDisabled_decorators","reflect","_hideFooter_decorators","_destructive_decorators","_secondaryButtonText_decorators","_showSecondaryButton_decorators","_hideCancelButton_decorators","_beforeClose_decorators","attribute","_aiConnected_decorators","_noBackdrop_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_gradientBackground_decorators","__dialog_decorators","__dialog_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","SideDrawerScss","css"],"mappings":"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"}
1
+ {"version":3,"file":"sideDrawer.js","sources":["../../../../src/components/reusable/sideDrawer/sideDrawer.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../button';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport SideDrawerScss from './sideDrawer.scss?inline';\n\n/**\n * Side Drawer.\n * @slot unnamed - Slot for drawer body content.\n * @slot anchor - Slot for the anchor button content.\n * @fires on-close - Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).`detail:{ origEvent: PointerEvent,returnValue: string }`\n * @fires on-open - Emits the drawer open event.\n */\n\n@customElement('kyn-side-drawer')\nexport class SideDrawer extends LitElement {\n static override styles = [\n unsafeCSS(SideDrawerScss),\n css`\n @supports (transition-behavior: allow-discrete) {\n @starting-style {\n dialog[open] {\n transform: translateX(100%);\n }\n }\n\n @starting-style {\n dialog[open]::backdrop {\n background-color: rgb(0, 0, 0, 0);\n }\n }\n }\n `,\n ];\n\n /**\n * Drawer open state.\n */\n @property({ type: Boolean })\n accessor open = false;\n\n /**\n * Drawer size.\n */\n @property({ type: String })\n accessor size: 'md' | 'sm' | 'xl' | 'standard' = 'md';\n\n /**\n * Title / Heading text, required.\n */\n @property({ type: String })\n accessor titleText = '';\n\n /**\n * Label text, optional.\n */\n @property({ type: String })\n accessor labelText = '';\n\n /**\n * Submit button text.\n */\n @property({ type: String })\n accessor submitBtnText = 'Ok';\n\n /**\n * Cancel button text.\n */\n @property({ type: String })\n accessor cancelBtnText = 'Cancel';\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /** Disables the primary button. */\n @property({ type: Boolean })\n accessor submitBtnDisabled = false;\n\n /** Apply gradient to modal background */\n @property({ type: Boolean, reflect: true })\n accessor gradientBackground = false;\n\n /** Determine whether needs footer */\n @property({ type: Boolean })\n accessor hideFooter = false;\n\n /** Changes the primary button styles to indicate the action is destructive. */\n @property({ type: Boolean })\n accessor destructive = false;\n\n /** Secondary button text. */\n @property({ type: String })\n accessor secondaryButtonText = 'Secondary';\n\n /** Hides the secondary button. */\n @property({ type: Boolean })\n accessor showSecondaryButton = false;\n\n /** Hides the cancel button. */\n @property({ type: Boolean })\n accessor hideCancelButton = false;\n\n /** Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`. */\n @property({ attribute: false })\n accessor beforeClose!: Function;\n\n /** Set this to `true` for AI theme. */\n @property({ type: Boolean })\n accessor aiConnected = false;\n\n /** Set this to `true` for no backdrop */\n @property({ type: Boolean })\n accessor noBackdrop = false;\n\n /** The dialog element\n * @internal\n */\n @query('dialog')\n accessor _dialog!: any;\n\n override render() {\n const classes = {\n dialog: true,\n 'no-backdrop': this.noBackdrop,\n [`size--${this.size}`]: this.size,\n 'ai-connected': this.aiConnected,\n 'gradient-bkg': this.aiConnected && this.gradientBackground,\n };\n\n const dialogFooterClasses = {\n 'dialog-footer': true,\n 'ai-connected': this.aiConnected,\n };\n\n const dialogHeaderClasses = {\n 'header-title': true,\n 'ai-connected': this.aiConnected,\n };\n\n return html`\n <span class=\"anchor\" @click=${this._openDrawer}>\n <slot name=\"anchor\"></slot>\n </span>\n\n <dialog\n class=\"${classMap(classes)}\"\n aria-labelledby=\"dialogLabel\"\n tabindex=\"-1\"\n @cancel=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n <form method=\"dialog\">\n <!-- Header -->\n <header>\n <div class=\"header-label-title\">\n <h1 class=\"${classMap(dialogHeaderClasses)}\" id=\"dialogLabel\">\n ${this.titleText}\n </h1>\n ${this.labelText !== ''\n ? html`<span class=\"label\">${this.labelText}</span>`\n : null}\n </div>\n\n <kyn-button\n class=\"side-drawer-close-btn\"\n size=\"small\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n description=${ifDefined(this.closeBtnDescription)}\n @click=${(e: Event) => this._closeDrawer(e, 'cancel')}\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </header>\n\n <!-- Body -->\n <div\n class=\"body\"\n role=\"region\"\n aria-label=\"${this.titleText} content\"\n tabindex=\"0\"\n >\n <slot></slot>\n </div>\n\n <!-- footer -->\n ${!this.hideFooter\n ? html`\n <div class=\"${classMap(dialogFooterClasses)}\">\n <div class=\"actions\">\n <kyn-button\n class=\"action-button\"\n value=\"Ok\"\n ?disabled=${this.submitBtnDisabled}\n kind=${this.destructive\n ? 'primary-destructive'\n : this.aiConnected\n ? 'primary-ai'\n : 'primary'}\n @click=${(e: Event) => this._closeDrawer(e, 'ok')}\n >\n ${this.submitBtnText}\n </kyn-button>\n\n ${this.showSecondaryButton\n ? html`\n <kyn-button\n class=\"action-button\"\n value=\"Secondary\"\n kind=${'secondary'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'secondary')}\n >\n ${this.secondaryButtonText}\n </kyn-button>\n `\n : null}\n ${this.hideCancelButton\n ? null\n : html`\n <kyn-button\n class=\"action-button\"\n value=\"Cancel\"\n kind=${this.aiConnected ? 'ghost-ai' : 'ghost'}\n @click=${(e: Event) =>\n this._closeDrawer(e, 'cancel')}\n >\n ${this.cancelBtnText}\n </kyn-button>\n `}\n </div>\n </div>\n `\n : null}\n </form>\n </dialog>\n `;\n }\n\n private _openDrawer() {\n this.open = true;\n }\n\n private _closeDrawer(e: Event, returnValue: string) {\n if (\n !this.beforeClose ||\n (this.beforeClose && this.beforeClose(returnValue))\n ) {\n this.open = false;\n this._dialog.returnValue = returnValue;\n this._emitCloseEvent(e);\n }\n }\n\n private _emitCloseEvent(e: Event) {\n const event = new CustomEvent('on-close', {\n detail: {\n returnValue: this._dialog.returnValue,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private _emitOpenEvent() {\n const event = new CustomEvent('on-open');\n this.dispatchEvent(event);\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('open')) {\n if (this.open) {\n if (this.noBackdrop) {\n this._dialog.show();\n } else {\n this._dialog.showModal();\n }\n this._emitOpenEvent();\n } else {\n this._dialog.close();\n }\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-side-drawer': SideDrawer;\n }\n}\n"],"names":["SideDrawer","customElement","LitElement","_classThis","_classSuper","open","__classPrivateFieldGet","this","_SideDrawer_open_accessor_storage","value","__classPrivateFieldSet","size","_SideDrawer_size_accessor_storage","titleText","_SideDrawer_titleText_accessor_storage","labelText","_SideDrawer_labelText_accessor_storage","submitBtnText","_SideDrawer_submitBtnText_accessor_storage","cancelBtnText","_SideDrawer_cancelBtnText_accessor_storage","closeBtnDescription","_SideDrawer_closeBtnDescription_accessor_storage","submitBtnDisabled","_SideDrawer_submitBtnDisabled_accessor_storage","gradientBackground","_SideDrawer_gradientBackground_accessor_storage","hideFooter","_SideDrawer_hideFooter_accessor_storage","destructive","_SideDrawer_destructive_accessor_storage","secondaryButtonText","_SideDrawer_secondaryButtonText_accessor_storage","showSecondaryButton","_SideDrawer_showSecondaryButton_accessor_storage","hideCancelButton","_SideDrawer_hideCancelButton_accessor_storage","beforeClose","_SideDrawer_beforeClose_accessor_storage","aiConnected","_SideDrawer_aiConnected_accessor_storage","noBackdrop","_SideDrawer_noBackdrop_accessor_storage","_dialog","_SideDrawer__dialog_accessor_storage","render","classes","dialog","dialogFooterClasses","dialogHeaderClasses","html","_openDrawer","classMap","e","_closeDrawer","ifDefined","unsafeSVG","closeIcon","returnValue","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","_emitOpenEvent","updated","changedProps","has","show","showModal","close","set","__runInitializers","_open_initializers","_open_extraInitializers","_size_initializers","_size_extraInitializers","_titleText_initializers","_titleText_extraInitializers","_labelText_initializers","_labelText_extraInitializers","_submitBtnText_initializers","_submitBtnText_extraInitializers","_cancelBtnText_initializers","_cancelBtnText_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_submitBtnDisabled_initializers","_submitBtnDisabled_extraInitializers","_gradientBackground_initializers","_gradientBackground_extraInitializers","_hideFooter_initializers","_hideFooter_extraInitializers","_destructive_initializers","_destructive_extraInitializers","_secondaryButtonText_initializers","_secondaryButtonText_extraInitializers","_showSecondaryButton_initializers","_showSecondaryButton_extraInitializers","_hideCancelButton_initializers","_hideCancelButton_extraInitializers","_beforeClose_initializers","_beforeClose_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_noBackdrop_initializers","_noBackdrop_extraInitializers","__dialog_initializers","_open_decorators","property","type","Boolean","_size_decorators","String","_titleText_decorators","_labelText_decorators","_submitBtnText_decorators","_cancelBtnText_decorators","_closeBtnDescription_decorators","_submitBtnDisabled_decorators","reflect","_hideFooter_decorators","_destructive_decorators","_secondaryButtonText_decorators","_showSecondaryButton_decorators","_hideCancelButton_decorators","_beforeClose_decorators","attribute","_aiConnected_decorators","_noBackdrop_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_gradientBackground_decorators","__dialog_decorators","__dialog_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","SideDrawerScss","css"],"mappings":"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"}
@@ -63,7 +63,7 @@ import{_ as e,a as t,b as a,c as r,d as o}from"../../../vendor/tslib-Ac8XvvSX.js
63
63
  mask-composite: exclude;
64
64
  }
65
65
 
66
- :root {
66
+ :host {
67
67
  --ai-radial-strength: 20%;
68
68
  --ai-radial-outer: 75%;
69
69
  --ai-right-strength: 15%;
@@ -550,7 +550,7 @@ textarea:not([disabled])[invalid] {
550
550
  mask-composite: exclude;
551
551
  }
552
552
 
553
- :root {
553
+ :host {
554
554
  --ai-radial-strength: 20%;
555
555
  --ai-radial-outer: 75%;
556
556
  --ai-right-strength: 15%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.65.1",
3
+ "version": "2.65.2",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",