@kyndryl-design-system/shidoka-applications 2.79.0 → 2.79.2

package/components/reusable/statusButton/index.d.ts

@@ -0,0 +1,2 @@
+export { StatusButton } from './statusButton';
+//# sourceMappingURL=index.d.ts.map

package/components/reusable/statusButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/statusButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/components/reusable/{statusPicker → statusButton}/index.js

@@ -1,2 +1,2 @@
-export{StatusPicker}from"./statusPicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";
+export{StatusButton}from"./statusButton.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/{statusPicker/statusPicker.d.ts → statusButton/statusButton.d.ts}

@@ -9,11 +9,11 @@ declare enum STATUS_KINDS {
     AI = "ai"
 }
 /**
- * Status Picker.
- * @fires on-click - Captures the click event and emits the Status Picker value. `detail:{ origEvent: PointerEvent,value: string }`
+ * Status Button.
+ * @fires on-click - Captures the event and emits the selected value and original event details.`detail:{ origEvent: PointerEvent,value: string }`
  * @slot unnamed - Slot for icon.
  */
-export declare class StatusPicker extends LitElement {
+export declare class StatusButton extends LitElement {
     static styles: import("lit").CSSResult;
     /**
      * Status label (Required).
@@ -51,13 +51,13 @@ export declare class StatusPicker extends LitElement {
      */
     accessor _labelEl: HTMLSpanElement;
     render(): import("lit-html").TemplateResult<1>;
-    private handleStatusClick;
+    private handleBtnClick;
     updated(changedProperties: PropertyValues): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'kyn-status-picker': StatusPicker;
+        'kyn-status-btn': StatusButton;
     }
 }
 export {};
-//# sourceMappingURL=statusPicker.d.ts.map
+//# sourceMappingURL=statusButton.d.ts.map

package/components/reusable/{statusPicker/statusPicker.d.ts.map → statusButton/statusButton.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"statusPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/statusPicker/statusPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAmB,MAAM,KAAK,CAAC;AAKlE,aAAK,YAAY;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;GAIG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAwB;IAEnD;;;OAGG;IAEH,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAC;IAE3B,MAAM;IAgCf,OAAO,CAAC,iBAAiB;IAYhB,OAAO,CAAC,iBAAiB,EAAE,cAAc;CAcnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
+{"version":3,"file":"statusButton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/statusButton/statusButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAmB,MAAM,KAAK,CAAC;AAKlE,aAAK,YAAY;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;GAIG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA4B;IAElD;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAwB;IAEnD;;;OAGG;IAEH,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAC;IAE3B,MAAM;IA8Bf,OAAO,CAAC,cAAc;IAYb,OAAO,CAAC,iBAAiB,EAAE,cAAc;CAcnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/components/reusable/statusButton/statusButton.js

@@ -0,0 +1,288 @@
+import{__setFunctionName as t,__esDecorate as o,__runInitializers as r,__classPrivateFieldGet as s,__classPrivateFieldSet as e}from"tslib";import{css as a,LitElement as n,unsafeCSS as i,html as c}from"lit";import{customElement as d,property as l,state as u,query as b}from"lit/decorators.js";import{classMap as k}from"lit-html/directives/class-map.js";var v,h=a`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+:root {
+  --kd-current-breakpoint: sm;
+}
+@media (min-width: 42rem) {
+  :root {
+    --kd-current-breakpoint: md;
+  }
+}
+@media (min-width: 74rem) {
+  :root {
+    --kd-current-breakpoint: lg;
+  }
+}
+@media (min-width: 82rem) {
+  :root {
+    --kd-current-breakpoint: xl;
+  }
+}
+@media (min-width: 99rem) {
+  :root {
+    --kd-current-breakpoint: max;
+  }
+}
+
+:host {
+  display: inline-block;
+}
+
+.status-btn {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-utility-3-sm);
+  line-height: var(--kd-line-height-utility-3-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+  display: flex;
+  height: 24px;
+  align-items: center;
+  justify-content: space-around;
+  border: 0.5px solid transparent;
+  border-radius: 6px;
+  padding: 4px;
+  gap: 4px;
+  min-width: 24px;
+  max-width: 161px;
+  cursor: pointer;
+  transition: background-color 0.4s ease;
+}
+@media (min-width: 42rem) {
+  .status-btn {
+    font-size: var(--kd-font-size-utility-3-md);
+    line-height: var(--kd-line-height-utility-3-md);
+  }
+}
+@media (min-width: 74rem) {
+  .status-btn {
+    font-size: var(--kd-font-size-utility-3-lg);
+    line-height: var(--kd-line-height-utility-3-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .status-btn {
+    font-size: var(--kd-font-size-utility-3-xlg);
+    line-height: var(--kd-line-height-utility-3-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .status-btn {
+    font-size: var(--kd-font-size-utility-3-max);
+    line-height: var(--kd-line-height-utility-3-max);
+  }
+}
+.status-btn.no-truncation {
+  max-width: none;
+}
+
+.status-btn__label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.status-btn__state-disable {
+  cursor: not-allowed;
+  background-color: var(--kd-color-background-status-buttons-success-disabled) !important;
+  color: var(--kd-color-text-status-buttons-success-disabled) !important;
+  border-color: var(--kd-color-border-status-buttons-success-disabled) !important;
+  outline: none !important;
+}
+.status-btn__state-interactive {
+  /* error state */
+  /* warning state */
+  /* success state */
+  /* low state */
+  /* medium state */
+  /* high state */
+  /* ai state */
+}
+.status-btn__state-interactive-error {
+  color: var(--kd-color-text-status-buttons-error-enabled);
+  background-color: var(--kd-color-background-status-buttons-error-enabled);
+  border-color: var(--kd-color-border-status-buttons-error-enabled);
+}
+.status-btn__state-interactive-error:hover {
+  color: var(--kd-color-text-status-buttons-error-hover);
+  background-color: var(--kd-color-background-status-buttons-error-hover);
+  border-color: var(--kd-color-border-status-buttons-error-hover);
+}
+.status-btn__state-interactive-error.selected {
+  border-color: var(--kd-color-border-status-buttons-error-selected);
+  color: var(--kd-color-text-status-buttons-error-selected);
+  background-color: var(--kd-color-background-status-buttons-error-selected);
+}
+.status-btn__state-interactive-error:focus-visible {
+  outline: 1px solid var(--kd-color-border-status-buttons-error-focused);
+  background-color: var(--kd-color-background-status-buttons-error-focused);
+}
+.status-btn__state-interactive-error:active {
+  color: var(--kd-color-text-status-buttons-error-pressed);
+  border-color: var(--kd-color-border-status-buttons-error-pressed);
+  background-color: var(--kd-color-background-status-buttons-error-pressed);
+}
+.status-btn__state-interactive-warning {
+  color: var(--kd-color-text-status-buttons-warning-enabled);
+  background-color: var(--kd-color-background-status-buttons-warning-enabled);
+  border-color: var(--kd-color-border-status-buttons-warning-enabled);
+}
+.status-btn__state-interactive-warning:hover {
+  background-color: var(--kd-color-background-status-buttons-warning-hover);
+  border-color: var(--kd-color-border-status-buttons-warning-hover);
+}
+.status-btn__state-interactive-warning.selected {
+  border-color: var(--kd-color-border-status-buttons-warning-selected);
+  background-color: var(--kd-color-background-status-buttons-warning-selected);
+}
+.status-btn__state-interactive-warning:focus-visible {
+  outline: 1px solid var(--kd-color-border-status-buttons-warning-focused);
+  background-color: var(--kd-color-background-status-buttons-warning-focused);
+}
+.status-btn__state-interactive-warning:active {
+  border-color: var(--kd-color-border-status-buttons-warning-pressed);
+  background-color: var(--kd-color-background-status-buttons-warning-pressed);
+}
+.status-btn__state-interactive-success {
+  color: var(--kd-color-text-status-buttons-success-enabled);
+  background-color: var(--kd-color-background-status-buttons-success-enabled);
+  border-color: var(--kd-color-border-status-buttons-success-enabled);
+}
+.status-btn__state-interactive-success:hover {
+  background-color: var(--kd-color-background-status-buttons-success-hover);
+  border-color: var(--kd-color-border-status-buttons-success-hover);
+}
+.status-btn__state-interactive-success.selected {
+  border-color: var(--kd-color-border-status-buttons-success-selected);
+  background-color: var(--kd-color-background-status-buttons-success-selected);
+}
+.status-btn__state-interactive-success:focus-visible {
+  outline: 1px solid var(--kd-color-border-status-buttons-success-focused);
+  background-color: var(--kd-color-background-status-buttons-success-focused);
+}
+.status-btn__state-interactive-success:active {
+  border-color: var(--kd-color-border-status-buttons-success-pressed);
+  background-color: var(--kd-color-background-status-buttons-success-pressed);
+}
+.status-btn__state-interactive-low {
+  color: var(--kd-color-text-status-buttons-information-low-enabled);
+  background-color: var(--kd-color-background-status-buttons-information-low-enabled);
+  border-color: var(--kd-color-border-status-buttons-information-low-enabled);
+}
+.status-btn__state-interactive-low:hover {
+  color: var(--kd-color-text-status-buttons-information-low-hover);
+  border-color: var(--kd-color-border-status-buttons-information-low-hover);
+  background-color: var(--kd-color-background-status-buttons-information-low-hover);
+}
+.status-btn__state-interactive-low.selected {
+  color: var(--kd-color-text-status-buttons-information-low-selected);
+  border-color: var(--kd-color-tag-border-error-selected);
+  background-color: var(--kd-color-background-status-buttons-information-low-selected);
+}
+.status-btn__state-interactive-low:focus-visible {
+  color: var(--kd-color-text-status-buttons-information-low-focused);
+  outline: 1px solid var(--kd-color-border-status-buttons-information-low-focused);
+  background-color: var(--kd-color-background-status-buttons-information-low-focused);
+}
+.status-btn__state-interactive-low:active {
+  color: var(--kd-color-text-status-buttons-information-low-pressed);
+  border-color: var(--kd-color-border-status-buttons-information-low-pressed);
+  background-color: var(--kd-color-background-status-buttons-information-low-pressed);
+}
+.status-btn__state-interactive-medium {
+  color: var(--kd-color-text-status-buttons-information-medium-enabled);
+  background-color: var(--kd-color-background-status-buttons-information-medium-enabled);
+  border-color: var(--kd-color-border-status-buttons-information-medium-enabled);
+}
+.status-btn__state-interactive-medium:hover {
+  color: var(--kd-color-text-status-buttons-information-medium-hover);
+  background-color: var(--kd-color-background-status-buttons-information-medium-hover);
+  border-color: var(--kd-color-border-status-buttons-information-medium-hover);
+}
+.status-btn__state-interactive-medium.selected {
+  color: var(--kd-color-text-status-buttons-information-medium-selected);
+  border-color: var(--kd-color-border-status-buttons-information-medium-selected);
+  background-color: var(--kd-color-background-status-buttons-information-medium-selected);
+}
+.status-btn__state-interactive-medium:focus-visible {
+  color: var(--kd-color-text-status-buttons-information-medium-focused);
+  outline: 1px solid var(--kd-color-border-status-buttons-information-medium-focused);
+  background-color: var(--kd-color-background-status-buttons-information-medium-focused);
+}
+.status-btn__state-interactive-medium:active {
+  color: var(--kd-color-text-status-buttons-information-medium-pressed);
+  border-color: var(--kd-color-border-status-buttons-information-medium-pressed);
+  background-color: var(--kd-color-background-status-buttons-information-medium-pressed);
+}
+.status-btn__state-interactive-high {
+  color: var(--kd-color-text-status-buttons-information-high-enabled);
+  background-color: var(--kd-color-background-status-buttons-information-high-enabled);
+  border-color: var(--kd-color-border-status-buttons-information-high-enabled);
+}
+.status-btn__state-interactive-high:hover {
+  color: var(--kd-color-text-status-buttons-information-high-hover);
+  background-color: var(--kd-color-background-status-buttons-information-high-hover);
+  border-color: var(--kd-color-border-status-buttons-information-high-hover);
+}
+.status-btn__state-interactive-high.selected {
+  color: var(--kd-color-text-status-buttons-information-high-selected);
+  border-color: var(--kd-color-border-status-buttons-information-high-selected);
+  background-color: var(--kd-color-background-status-buttons-information-high-selected);
+}
+.status-btn__state-interactive-high:focus-visible {
+  color: var(--kd-color-text-status-buttons-information-high-focused);
+  outline: 1px solid var(--kd-color-border-status-buttons-information-high-focused);
+  background-color: var(--kd-color-background-status-buttons-information-high-focused);
+}
+.status-btn__state-interactive-high:active {
+  color: var(--kd-color-text-status-buttons-information-high-pressed);
+  border-color: var(--kd-color-border-status-buttons-information-high-pressed);
+  background-color: var(--kd-color-background-status-buttons-information-high-pressed);
+}
+.status-btn__state-interactive-ai {
+  color: var(--kd-color-text-status-buttons-ai-enabled);
+  background-color: var(--kd-color-background-status-buttons-ai-enabled);
+  border-color: var(--kd-color-border-status-buttons-ai-enabled);
+}
+.status-btn__state-interactive-ai:hover {
+  color: var(--kd-color-text-status-buttons-ai-hover);
+  background-color: var(--kd-color-background-status-buttons-ai-hover);
+}
+.status-btn__state-interactive-ai.selected {
+  border-color: var(--kd-color-border-status-buttons-ai-selected);
+  color: var(--kd-color-text-status-buttons-ai-selected);
+  background-color: var(--kd-color-background-status-buttons-ai-selected);
+}
+.status-btn__state-interactive-ai:focus-visible {
+  color: var(--kd-color-text-status-buttons-ai-focused);
+  outline: 1px solid var(--kd-color-border-status-buttons-ai-focused);
+}
+.status-btn__state-interactive-ai:active {
+  color: var(--kd-color-text-status-buttons-ai-pressed);
+  border-color: var(--kd-color-border-status-buttons-ai-pressed);
+  background-color: var(--kd-color-background-status-buttons-ai-pressed);
+}
+.status-btn__state-interactive:focus-visible {
+  border: transparent;
+  outline-offset: 1px;
+}`;!function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error",t.LOW="low",t.MEDIUM="medium",t.HIGH="high",t.AI="ai"}(v||(v={}));let m=(()=>{var a,m,g,f,_,p,w,x;let y,T,E,O,S,W,z,$,M,C,B=[d("kyn-status-btn")],j=[],I=n,R=[],U=[],A=[],G=[],H=[],N=[],D=[],L=[],P=[],q=[],F=[],J=[],K=[],Q=[],V=[],X=[];return T=class extends I{get label(){return s(this,a,"f")}set label(t){e(this,a,t,"f")}get disabled(){return s(this,m,"f")}set disabled(t){e(this,m,t,"f")}get selected(){return s(this,g,"f")}set selected(t){e(this,g,t,"f")}get noTruncation(){return s(this,f,"f")}set noTruncation(t){e(this,f,t,"f")}get kind(){return s(this,_,"f")}set kind(t){e(this,_,t,"f")}get _iconOnly(){return s(this,p,"f")}set _iconOnly(t){e(this,p,t,"f")}get _isTruncated(){return s(this,w,"f")}set _isTruncated(t){e(this,w,t,"f")}get _labelEl(){return s(this,x,"f")}set _labelEl(t){e(this,x,t,"f")}render(){const t=`status-btn__state-${this.kind}`,o={"status-btn":!0,"no-truncation":this.noTruncation,"status-btn__state-interactive":!0,[`status-btn__state-interactive-${this.kind}`]:!0,"status-btn__state-disable":this.disabled,[`${t}`]:!0,selected:this.selected};return c`<button
+      type="button"
+      class="${k(o)}"
+      ?disabled="${this.disabled}"
+      kind=${this.kind}
+      title="${this._isTruncated&&!this.noTruncation?this.label:""}"
+      @click=${t=>this.handleBtnClick(t,this.label)}
+    >
+      <slot></slot>
+      ${this._iconOnly?"":c` <span class="status-btn__label" aria-disabled=${this.disabled}
+            >${this.label}</span
+          >`}
+    </button>`}handleBtnClick(t,o){if(!this.disabled){const r=new CustomEvent("on-click",{detail:{value:o,origEvent:t}});this.dispatchEvent(r)}}updated(t){this.label=this.label.trim(),this._labelEl&&!this.noTruncation&&(this._isTruncated=this._labelEl.scrollWidth>this._labelEl.clientWidth),super.updated(t),0===this.label.length?this._iconOnly=!0:this._iconOnly=!1}constructor(){super(...arguments),a.set(this,r(this,R,"")),m.set(this,(r(this,U),r(this,A,!1))),g.set(this,(r(this,G),r(this,H,!1))),f.set(this,(r(this,N),r(this,D,!1))),_.set(this,(r(this,L),r(this,P,v.SUCCESS))),p.set(this,(r(this,q),r(this,F,!1))),w.set(this,(r(this,J),r(this,K,!1))),x.set(this,(r(this,Q),r(this,V,void 0))),r(this,X)}},a=new WeakMap,m=new WeakMap,g=new WeakMap,f=new WeakMap,_=new WeakMap,p=new WeakMap,w=new WeakMap,x=new WeakMap,t(T,"StatusButton"),(()=>{var t;const r="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=I[Symbol.metadata])&&void 0!==t?t:null):void 0;E=[l({type:String})],O=[l({type:Boolean})],S=[l({type:Boolean})],W=[l({type:Boolean})],z=[l({type:String})],$=[u()],M=[u()],C=[b(".status-btn__label")],o(T,null,E,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,o)=>{t.label=o}},metadata:r},R,U),o(T,null,O,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,o)=>{t.disabled=o}},metadata:r},A,G),o(T,null,S,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:t=>"selected"in t,get:t=>t.selected,set:(t,o)=>{t.selected=o}},metadata:r},H,N),o(T,null,W,{kind:"accessor",name:"noTruncation",static:!1,private:!1,access:{has:t=>"noTruncation"in t,get:t=>t.noTruncation,set:(t,o)=>{t.noTruncation=o}},metadata:r},D,L),o(T,null,z,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:t=>"kind"in t,get:t=>t.kind,set:(t,o)=>{t.kind=o}},metadata:r},P,q),o(T,null,$,{kind:"accessor",name:"_iconOnly",static:!1,private:!1,access:{has:t=>"_iconOnly"in t,get:t=>t._iconOnly,set:(t,o)=>{t._iconOnly=o}},metadata:r},F,J),o(T,null,M,{kind:"accessor",name:"_isTruncated",static:!1,private:!1,access:{has:t=>"_isTruncated"in t,get:t=>t._isTruncated,set:(t,o)=>{t._isTruncated=o}},metadata:r},K,Q),o(T,null,C,{kind:"accessor",name:"_labelEl",static:!1,private:!1,access:{has:t=>"_labelEl"in t,get:t=>t._labelEl,set:(t,o)=>{t._labelEl=o}},metadata:r},V,X),o(null,y={value:T},B,{kind:"class",name:T.name,metadata:r},null,j),T=y.value,r&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r})})(),T.styles=i(h),r(T,j),T})();export{m as StatusButton};
+//# sourceMappingURL=statusButton.js.map

package/components/reusable/statusButton/statusButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusButton.js","sources":["../../../../src/components/reusable/statusButton/statusButton.ts"],"sourcesContent":["import { LitElement, PropertyValues, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport StatusBtnScss from './statusButton.scss?inline';\n\nenum STATUS_KINDS {\n  SUCCESS = 'success',\n  WARNING = 'warning',\n  ERROR = 'error',\n  LOW = 'low',\n  MEDIUM = 'medium',\n  HIGH = 'high',\n  AI = 'ai',\n}\n\n/**\n * Status Button.\n * @fires on-click - Captures the event and emits the selected value and original event details.`detail:{ origEvent: PointerEvent,value: string }`\n * @slot unnamed - Slot for icon.\n */\n\n@customElement('kyn-status-btn')\nexport class StatusButton extends LitElement {\n  static override styles = unsafeCSS(StatusBtnScss);\n\n  /**\n   * Status label (Required).\n   */\n  @property({ type: String })\n  accessor label = '';\n\n  /**\n   * Specify disabled state.\n   */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /**\n   * Specify selected state.\n   */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /**\n   * Removes label text truncation.\n   */\n  @property({ type: Boolean })\n  accessor noTruncation = false;\n\n  /**\n   * Specifies the visual appearance/kind of the status.\n   */\n  @property({ type: String })\n  accessor kind: STATUS_KINDS = STATUS_KINDS.SUCCESS;\n\n  /**\n   * Determine if contains icon only.\n   * @internal\n   */\n  @state()\n  accessor _iconOnly = false;\n\n  /**\n   * Determine if label is truncated.\n   * @internal\n   */\n  @state()\n  accessor _isTruncated = false;\n\n  /**\n   * Queries the .label element.\n   * @internal\n   */\n  @query('.status-btn__label')\n  accessor _labelEl!: HTMLSpanElement;\n\n  override render() {\n    const newBaseColorClass = `status-btn__state-${this.kind}`;\n\n    const Classes = {\n      'status-btn': true,\n      'no-truncation': this.noTruncation,\n      'status-btn__state-interactive': true,\n      [`status-btn__state-interactive-${this.kind}`]: true,\n      'status-btn__state-disable': this.disabled,\n      [`${newBaseColorClass}`]: true,\n      selected: this.selected,\n    };\n\n    return html`<button\n      type=\"button\"\n      class=\"${classMap(Classes)}\"\n      ?disabled=\"${this.disabled}\"\n      kind=${this.kind}\n      title=\"${this._isTruncated && !this.noTruncation ? this.label : ''}\"\n      @click=${(e: any) => this.handleBtnClick(e, this.label)}\n    >\n      <slot></slot>\n      ${!this._iconOnly\n        ? html` <span class=\"status-btn__label\" aria-disabled=${this.disabled}\n            >${this.label}</span\n          >`\n        : ''}\n    </button>`;\n  }\n\n  private handleBtnClick(e: any, value: string) {\n    if (!this.disabled) {\n      const event = new CustomEvent('on-click', {\n        detail: {\n          value,\n          origEvent: e,\n        },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    this.label = this.label.trim();\n    // Check if label is truncated\n    if (this._labelEl && !this.noTruncation) {\n      this._isTruncated = this._labelEl.scrollWidth > this._labelEl.clientWidth;\n    }\n    super.updated(changedProperties);\n\n    if (this.label.length === 0) {\n      this._iconOnly = true;\n    } else {\n      this._iconOnly = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-status-btn': StatusButton;\n  }\n}\n"],"names":["STATUS_KINDS","StatusButton","customElement","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_StatusButton_label_accessor_storage","value","__classPrivateFieldSet","disabled","_StatusButton_disabled_accessor_storage","selected","_StatusButton_selected_accessor_storage","noTruncation","_StatusButton_noTruncation_accessor_storage","kind","_StatusButton_kind_accessor_storage","_iconOnly","_StatusButton__iconOnly_accessor_storage","_isTruncated","_StatusButton__isTruncated_accessor_storage","_labelEl","_StatusButton__labelEl_accessor_storage","render","newBaseColorClass","Classes","html","classMap","e","handleBtnClick","event","CustomEvent","detail","origEvent","dispatchEvent","updated","changedProperties","trim","scrollWidth","clientWidth","super","length","set","__runInitializers","_label_initializers","_label_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selected_initializers","_selected_extraInitializers","_noTruncation_initializers","_noTruncation_extraInitializers","_kind_initializers","SUCCESS","_kind_extraInitializers","__iconOnly_initializers","__iconOnly_extraInitializers","__isTruncated_initializers","__isTruncated_extraInitializers","__labelEl_initializers","_label_decorators","property","type","String","_disabled_decorators","Boolean","_selected_decorators","_noTruncation_decorators","_kind_decorators","__iconOnly_decorators","state","__isTruncated_decorators","query","__esDecorate","name","static","private","access","has","obj","get","metadata","_metadata","__labelEl_decorators","__labelEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","StatusBtnScss"],"mappings":"oWAKKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAL,SAAKA,GACHA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,GAAA,IACD,CARD,CAAKA,IAAAA,EAAY,CAAA,QAiBJC,EAAY,qDADxBC,EAAc,0BACmBC,yFAARC,EAAA,cAAQC,EAOhC,SAASC,GAAK,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAd,SAASH,CAAKI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAMd,YAASE,GAAQ,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAjB,YAASD,CAAQF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAMjB,YAASI,GAAQ,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAjB,YAASD,CAAQJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAMjB,gBAASM,GAAY,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAArB,gBAASD,CAAYN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAMrB,QAASQ,GAAI,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAb,QAASD,CAAIR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAOb,aAASU,GAAS,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAAlB,aAASD,CAASV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAOlB,gBAASY,GAAY,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAArB,gBAASD,CAAYZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAOrB,YAASc,GAAQ,OAAAjB,EAAAC,KAAAiB,EAAA,IAAA,CAAjB,YAASD,CAAQd,GAAAC,EAAAH,KAAAiB,EAAAf,EAAA,IAAA,CAER,MAAAgB,GACP,MAAMC,EAAoB,qBAAqBnB,KAAKU,OAE9CU,EAAU,CACd,cAAc,EACd,gBAAiBpB,KAAKQ,aACtB,iCAAiC,EACjC,CAAC,iCAAiCR,KAAKU,SAAS,EAChD,4BAA6BV,KAAKI,SAClC,CAAC,GAAGe,MAAsB,EAC1Bb,SAAUN,KAAKM,UAGjB,OAAOe,CAAI;;eAEAC,EAASF;mBACLpB,KAAKI;aACXJ,KAAKU;eACHV,KAAKc,eAAiBd,KAAKQ,aAAeR,KAAKF,MAAQ;eACtDyB,GAAWvB,KAAKwB,eAAeD,EAAGvB,KAAKF;;;QAG9CE,KAAKY,UAIJ,GAHAS,CAAI,kDAAkDrB,KAAKI;eACtDJ,KAAKF;;eAMV,cAAA0B,CAAeD,EAAQrB,GAC7B,IAAKF,KAAKI,SAAU,CAClB,MAAMqB,EAAQ,IAAIC,YAAY,WAAY,CACxCC,OAAQ,CACNzB,QACA0B,UAAWL,KAGfvB,KAAK6B,cAAcJ,IAId,OAAAK,CAAQC,GACf/B,KAAKF,MAAQE,KAAKF,MAAMkC,OAEpBhC,KAAKgB,WAAahB,KAAKQ,eACzBR,KAAKc,aAAed,KAAKgB,SAASiB,YAAcjC,KAAKgB,SAASkB,aAEhEC,MAAML,QAAQC,GAEY,IAAtB/B,KAAKF,MAAMsC,OACbpC,KAAKY,WAAY,EAEjBZ,KAAKY,WAAY,oCApGZX,EAAAoC,IAAArC,KAAAsC,EAAAtC,KAAAuC,EAAQ,KAMRlC,EAAAgC,IAAArC,MAAAsC,EAAAtC,KAAAwC,GAAAF,EAAAtC,KAAAyC,GAAW,KAMXlC,EAAA8B,IAAArC,MAAAsC,EAAAtC,KAAA0C,GAAAJ,EAAAtC,KAAA2C,GAAW,KAMXlC,EAAA4B,IAAArC,MAAAsC,EAAAtC,KAAA4C,GAAAN,EAAAtC,KAAA6C,GAAe,KAMflC,EAAA0B,IAAArC,MAAAsC,EAAAtC,KAAA8C,GAAAR,EAAAtC,KAAA+C,EAAqBvD,EAAawD,WAOlCnC,EAAAwB,IAAArC,MAAAsC,EAAAtC,KAAAiD,GAAAX,EAAAtC,KAAAkD,GAAY,KAOZnC,EAAAsB,IAAArC,MAAAsC,EAAAtC,KAAAmD,GAAAb,EAAAtC,KAAAoD,GAAe,KAOfnC,EAAAoB,IAAArC,MAAAsC,EAAAtC,KAAAqD,GAAAf,EAAAtC,KAAAsD,OAAA,2RA9CRC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAMjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMG,WAMjBC,EAAA,CAAAL,EAAS,CAAEC,KAAMG,WAMjBE,EAAA,CAAAN,EAAS,CAAEC,KAAMG,WAMjBG,EAAA,CAAAP,EAAS,CAAEC,KAAMC,UAOjBM,EAAA,CAAAC,KAOAC,EAAA,CAAAD,QAOAE,EAAM,uBA5CPC,EAAAxE,EAAA,KAAA2D,EAAA,CAAA7C,KAAA,WAAA2D,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS5E,MAAKuC,IAAA,CAAAqC,EAAAxE,KAAAwE,EAAL5E,MAAKI,CAAA,GAAA0E,SAAAC,GAAAtC,EAAAC,GAMd4B,EAAAxE,EAAA,KAAA+D,EAAA,CAAAjD,KAAA,WAAA2D,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAStE,SAAQiC,IAAA,CAAAqC,EAAAxE,KAAAwE,EAARtE,SAAQF,CAAA,GAAA0E,SAAAC,GAAApC,EAAAC,GAMjB0B,EAAAxE,EAAA,KAAAiE,EAAA,CAAAnD,KAAA,WAAA2D,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASpE,SAAQ+B,IAAA,CAAAqC,EAAAxE,KAAAwE,EAARpE,SAAQJ,CAAA,GAAA0E,SAAAC,GAAAlC,EAAAC,GAMjBwB,EAAAxE,EAAA,KAAAkE,EAAA,CAAApD,KAAA,WAAA2D,KAAA,eAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,iBAAAA,EAAAC,IAAAD,GAAAA,EAASlE,aAAY6B,IAAA,CAAAqC,EAAAxE,KAAAwE,EAAZlE,aAAYN,CAAA,GAAA0E,SAAAC,GAAAhC,EAAAC,GAMrBsB,EAAAxE,EAAA,KAAAmE,EAAA,CAAArD,KAAA,WAAA2D,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAShE,KAAI2B,IAAA,CAAAqC,EAAAxE,KAAAwE,EAAJhE,KAAIR,CAAA,GAAA0E,SAAAC,GAAA9B,EAAAE,GAObmB,EAAAxE,EAAA,KAAAoE,EAAA,CAAAtD,KAAA,WAAA2D,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAAS9D,UAASyB,IAAA,CAAAqC,EAAAxE,KAAAwE,EAAT9D,UAASV,CAAA,GAAA0E,SAAAC,GAAA3B,EAAAC,GAOlBiB,EAAAxE,EAAA,KAAAsE,EAAA,CAAAxD,KAAA,WAAA2D,KAAA,eAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,iBAAAA,EAAAC,IAAAD,GAAAA,EAAS5D,aAAYuB,IAAA,CAAAqC,EAAAxE,KAAAwE,EAAZ5D,aAAYZ,CAAA,GAAA0E,SAAAC,GAAAzB,EAAAC,GAOrBe,EAAAxE,EAAA,KAAAkF,EAAA,CAAApE,KAAA,WAAA2D,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS1D,SAAQqB,IAAA,CAAAqC,EAAAxE,KAAAwE,EAAR1D,SAAQd,CAAA,GAAA0E,SAAAC,GAAAvB,EAAAyB,GApDnBX,EAAA,KAAAY,EAAA,CAAA9E,MAAAN,GAAAqF,EAAA,CAAAvE,KAAA,QAAA2D,KAAAzE,EAAAyE,KAAAO,SAAAC,GAAA,KAAAK,iHACkBtF,EAAAuF,OAASC,EAAUC,GADxB/C,EAAA1C,EAAAsF,MAAY"}

package/components/reusable/table/table-row.d.ts

@@ -8,6 +8,7 @@ import '../checkbox/checkbox';
  * It primarily acts as a container for individual table cells and behaves similarly to a native `<tr>` element.
  *
  * @slot unnamed - The content slot for adding table cells (`kyn-td` or other relevant cells).
+ * @slot expand-placeholder - Slot for expand placeholder content (like `kyn-td` or other relevant cells).
  */
 export declare class TableRow extends LitElement {
     static styles: import("lit").CSSResult;

package/components/reusable/table/table-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAa,MAAM,KAAK,CAAC;AAQlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;GAOG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAW;IAEnC;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;OAGG;IAEH,QAAQ,CAAC,iBAAiB,UAAS;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,UAAS;IAEvB;;OAEG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;OAEG;IAEH,QAAQ,CAAC,UAAU,UAAS;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,UAAS;IAElC;;;OAGG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,cAAc,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,mBAAmB,GAAI,uBAAuB,gBAAgB,UAI5D;IAEF;;OAEG;IACH,wBAAwB,CAAC,KAAK,EAAE,WAAW;IAYlC,UAAU,CAAC,YAAY,EAAE,GAAG;IAM5B,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiClD,iCAAiC,CAAC,QAAQ,UAAiB;IAsB3D,OAAO,CAAC,gBAAgB;IAIf,MAAM;CAkDhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,QAAQ,CAAC;KACpB;CACF"}
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAa,MAAM,KAAK,CAAC;AAQlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAW;IAEnC;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;OAGG;IAEH,QAAQ,CAAC,iBAAiB,UAAS;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,UAAS;IAEvB;;OAEG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;OAEG;IAEH,QAAQ,CAAC,UAAU,UAAS;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,UAAS;IAElC;;;OAGG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,cAAc,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,mBAAmB,GAAI,uBAAuB,gBAAgB,UAI5D;IAEF;;OAEG;IACH,wBAAwB,CAAC,KAAK,EAAE,WAAW;IAYlC,UAAU,CAAC,YAAY,EAAE,GAAG;IAM5B,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiClD,iCAAiC,CAAC,QAAQ,UAAiB;IAsB3D,OAAO,CAAC,gBAAgB;IAIf,MAAM;CAmDhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,QAAQ,CAAC;KACpB;CACF"}

package/components/reusable/table/table-row.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as d,LitElement as r,unsafeCSS as o,html as l}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as m}from"lit/decorators.js";import{ContextConsumer as b}from"@lit/context";import{tableContext as g}from"./table-context.js";import{g as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CrstBvhf.js";import"../checkbox/checkbox.js";import{deepmerge as u}from"deepmerge-ts";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";var k=d`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as d,LitElement as o,unsafeCSS as r,html as l}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as m}from"lit/decorators.js";import{ContextConsumer as b}from"@lit/context";import{tableContext as g}from"./table-context.js";import{g as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CrstBvhf.js";import"../checkbox/checkbox.js";import{deepmerge as u}from"deepmerge-ts";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";var k=d`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -90,7 +90,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}`;const v={expanded:"Expanded",collapsed:"Collapsed"};let f=(()=>{var d,f,w,S,y,_,E,M,W,$,C,T,j,B,I,H,R,O;let U,A,z,D,P,q,F,G,J,K,L,N,Q,V,X,Y,Z,ee,te,se,ae=[c("kyn-tr")],ie=[],ne=r,de=[],re=[],oe=[],le=[],ce=[],he=[],pe=[],me=[],be=[],ge=[],xe=[],ue=[],ke=[],ve=[],fe=[],we=[],Se=[],ye=[],_e=[],Ee=[],Me=[],We=[],$e=[],Ce=[],Te=[],je=[],Be=[],Ie=[],He=[],Re=[],Oe=[],Ue=[],Ae=[],ze=[],De=[],Pe=[];return A=class extends ne{constructor(){super(...arguments),d.set(this,s(this,de,"row")),f.set(this,(s(this,re),s(this,oe,"false"))),w.set(this,(s(this,le),s(this,ce,""))),S.set(this,(s(this,he),s(this,pe,!1))),y.set(this,(s(this,me),s(this,be,!1))),_.set(this,(s(this,ge),s(this,xe,!1))),E.set(this,(s(this,ue),s(this,ke,!1))),M.set(this,(s(this,ve),s(this,fe,!1))),W.set(this,(s(this,we),s(this,Se,!1))),$.set(this,(s(this,ye),s(this,_e,!1))),C.set(this,(s(this,Ee),s(this,Me,!1))),T.set(this,(s(this,We),s(this,$e,!1))),j.set(this,(s(this,Ce),s(this,Te,!1))),B.set(this,(s(this,je),s(this,Be,v))),I.set(this,(s(this,Ie),s(this,He,v))),H.set(this,(s(this,Re),s(this,Oe,void 0))),R.set(this,(s(this,Ue),s(this,Ae,new b(this,g,(e=>{e&&this.handleContextChange(e)}),!0)))),O.set(this,(s(this,ze),s(this,De,""))),this.handleContextChange=(s(this,Pe),({checkboxSelection:e})=>{"boolean"==typeof e&&(this.checkboxSelection=e)})}get role(){return a(this,d,"f")}set role(e){i(this,d,e,"f")}get"aria-disabled"(){return a(this,f,"f")}set"aria-disabled"(e){i(this,f,e,"f")}get rowId(){return a(this,w,"f")}set rowId(e){i(this,w,e,"f")}get selected(){return a(this,S,"f")}set selected(e){i(this,S,e,"f")}get checkboxSelection(){return a(this,y,"f")}set checkboxSelection(e){i(this,y,e,"f")}get dense(){return a(this,_,"f")}set dense(e){i(this,_,e,"f")}get unread(){return a(this,E,"f")}set unread(e){i(this,E,e,"f")}get locked(){return a(this,M,"f")}set locked(e){i(this,M,e,"f")}get expandable(){return a(this,W,"f")}set expandable(e){i(this,W,e,"f")}get expanded(){return a(this,$,"f")}set expanded(e){i(this,$,e,"f")}get disabled(){return a(this,C,"f")}set disabled(e){i(this,C,e,"f")}get preventHighlight(){return a(this,T,"f")}set preventHighlight(e){i(this,T,e,"f")}get dimmed(){return a(this,j,"f")}set dimmed(e){i(this,j,e,"f")}get textStrings(){return a(this,B,"f")}set textStrings(e){i(this,B,e,"f")}get _textStrings(){return a(this,I,"f")}set _textStrings(e){i(this,I,e,"f")}get unnamedSlotEls(){return a(this,H,"f")}set unnamedSlotEls(e){i(this,H,e,"f")}get _contextConsumer(){return a(this,R,"f")}set _contextConsumer(e){i(this,R,e,"f")}get assistiveText(){return a(this,O,"f")}set assistiveText(e){i(this,O,e,"f")}handleRowSelectionChange(e){this.selected=e.detail.checked,this.dispatchEvent(new CustomEvent("on-row-select",{detail:e.detail,bubbles:!0,composed:!0}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=u(v,this.textStrings))}updated(e){if(e.has("expanded")){const{expanded:e,nextElementSibling:t}=this;(null==t?void 0:t.matches("kyn-expanded-tr"))&&(t.expanded=e)}e.has("disabled")&&(this["aria-disabled"]=this.disabled.toString(),this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"),this.unnamedSlotEls.forEach((e=>{e.disabled=this.disabled}))),(e.has("dimmed")||e.has("selected"))&&this.unnamedSlotEls.forEach((e=>{e.dimmed=this.dimmed&&!this.selected}))}_handleUserInitiatedToggleExpando(e=!this.expanded){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{expanded:e}};this.dispatchEvent(new CustomEvent("table-row-expando-beingtoggled",t))&&(this.expanded=e,this.assistiveText=e?this._textStrings.expanded:this._textStrings.collapsed,this.dispatchEvent(new CustomEvent("table-row-expando-toggled",t)))}_handleExpanding(){this._handleUserInitiatedToggleExpando()}render(){return l`
+}`;const v={expanded:"Expanded",collapsed:"Collapsed"};let f=(()=>{var d,f,w,S,y,_,E,M,W,$,C,T,j,B,I,H,R,O;let U,A,z,D,P,q,F,G,J,K,L,N,Q,V,X,Y,Z,ee,te,se,ae=[c("kyn-tr")],ie=[],ne=o,de=[],oe=[],re=[],le=[],ce=[],he=[],pe=[],me=[],be=[],ge=[],xe=[],ue=[],ke=[],ve=[],fe=[],we=[],Se=[],ye=[],_e=[],Ee=[],Me=[],We=[],$e=[],Ce=[],Te=[],je=[],Be=[],Ie=[],He=[],Re=[],Oe=[],Ue=[],Ae=[],ze=[],De=[],Pe=[];return A=class extends ne{constructor(){super(...arguments),d.set(this,s(this,de,"row")),f.set(this,(s(this,oe),s(this,re,"false"))),w.set(this,(s(this,le),s(this,ce,""))),S.set(this,(s(this,he),s(this,pe,!1))),y.set(this,(s(this,me),s(this,be,!1))),_.set(this,(s(this,ge),s(this,xe,!1))),E.set(this,(s(this,ue),s(this,ke,!1))),M.set(this,(s(this,ve),s(this,fe,!1))),W.set(this,(s(this,we),s(this,Se,!1))),$.set(this,(s(this,ye),s(this,_e,!1))),C.set(this,(s(this,Ee),s(this,Me,!1))),T.set(this,(s(this,We),s(this,$e,!1))),j.set(this,(s(this,Ce),s(this,Te,!1))),B.set(this,(s(this,je),s(this,Be,v))),I.set(this,(s(this,Ie),s(this,He,v))),H.set(this,(s(this,Re),s(this,Oe,void 0))),R.set(this,(s(this,Ue),s(this,Ae,new b(this,g,(e=>{e&&this.handleContextChange(e)}),!0)))),O.set(this,(s(this,ze),s(this,De,""))),this.handleContextChange=(s(this,Pe),({checkboxSelection:e})=>{"boolean"==typeof e&&(this.checkboxSelection=e)})}get role(){return a(this,d,"f")}set role(e){i(this,d,e,"f")}get"aria-disabled"(){return a(this,f,"f")}set"aria-disabled"(e){i(this,f,e,"f")}get rowId(){return a(this,w,"f")}set rowId(e){i(this,w,e,"f")}get selected(){return a(this,S,"f")}set selected(e){i(this,S,e,"f")}get checkboxSelection(){return a(this,y,"f")}set checkboxSelection(e){i(this,y,e,"f")}get dense(){return a(this,_,"f")}set dense(e){i(this,_,e,"f")}get unread(){return a(this,E,"f")}set unread(e){i(this,E,e,"f")}get locked(){return a(this,M,"f")}set locked(e){i(this,M,e,"f")}get expandable(){return a(this,W,"f")}set expandable(e){i(this,W,e,"f")}get expanded(){return a(this,$,"f")}set expanded(e){i(this,$,e,"f")}get disabled(){return a(this,C,"f")}set disabled(e){i(this,C,e,"f")}get preventHighlight(){return a(this,T,"f")}set preventHighlight(e){i(this,T,e,"f")}get dimmed(){return a(this,j,"f")}set dimmed(e){i(this,j,e,"f")}get textStrings(){return a(this,B,"f")}set textStrings(e){i(this,B,e,"f")}get _textStrings(){return a(this,I,"f")}set _textStrings(e){i(this,I,e,"f")}get unnamedSlotEls(){return a(this,H,"f")}set unnamedSlotEls(e){i(this,H,e,"f")}get _contextConsumer(){return a(this,R,"f")}set _contextConsumer(e){i(this,R,e,"f")}get assistiveText(){return a(this,O,"f")}set assistiveText(e){i(this,O,e,"f")}handleRowSelectionChange(e){this.selected=e.detail.checked,this.dispatchEvent(new CustomEvent("on-row-select",{detail:e.detail,bubbles:!0,composed:!0}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=u(v,this.textStrings))}updated(e){if(e.has("expanded")){const{expanded:e,nextElementSibling:t}=this;(null==t?void 0:t.matches("kyn-expanded-tr"))&&(t.expanded=e)}e.has("disabled")&&(this["aria-disabled"]=this.disabled.toString(),this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"),this.unnamedSlotEls.forEach((e=>{e.disabled=this.disabled}))),(e.has("dimmed")||e.has("selected"))&&this.unnamedSlotEls.forEach((e=>{e.dimmed=this.dimmed&&!this.selected}))}_handleUserInitiatedToggleExpando(e=!this.expanded){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{expanded:e}};this.dispatchEvent(new CustomEvent("table-row-expando-beingtoggled",t))&&(this.expanded=e,this.assistiveText=e?this._textStrings.expanded:this._textStrings.collapsed,this.dispatchEvent(new CustomEvent("table-row-expando-toggled",t)))}_handleExpanding(){this._handleUserInitiatedToggleExpando()}render(){return l`
       ${this.expandable?l`
             <kyn-td .align=${"center"} ?dense=${this.dense}>
               <div class="kyn--table-expand">
@@ -116,6 +116,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
               </div>
             </kyn-td>
           `:null}
+      <slot name="expand-placeholder"></slot>
       ${this.checkboxSelection&&null===this.closest("kyn-tfoot")?l`
             <kyn-td .align=${"center"} ?dense=${this.dense}>
               <kyn-checkbox
@@ -129,5 +130,5 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
             </kyn-td>
           `:null}
       <slot></slot>
-    `}},d=new WeakMap,f=new WeakMap,w=new WeakMap,S=new WeakMap,y=new WeakMap,_=new WeakMap,E=new WeakMap,M=new WeakMap,W=new WeakMap,$=new WeakMap,C=new WeakMap,T=new WeakMap,j=new WeakMap,B=new WeakMap,I=new WeakMap,H=new WeakMap,R=new WeakMap,O=new WeakMap,e(A,"TableRow"),(()=>{var e;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ne[Symbol.metadata])&&void 0!==e?e:null):void 0;z=[h({type:String,reflect:!0})],D=[h({type:String,reflect:!0})],P=[h({type:String,reflect:!0})],q=[h({type:Boolean,reflect:!0})],F=[h({type:Boolean,reflect:!0})],G=[h({type:Boolean})],J=[h({type:Boolean})],K=[h({type:Boolean,reflect:!0})],L=[h({type:Boolean,reflect:!0})],N=[h({type:Boolean,reflect:!0})],Q=[h({type:Boolean,reflect:!0})],V=[h({type:Boolean,reflect:!0})],X=[h({type:Boolean,reflect:!0})],Y=[h({type:Object})],Z=[p()],ee=[m()],te=[p()],se=[p()],t(A,null,z,{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:s},de,re),t(A,null,D,{kind:"accessor",name:"aria-disabled",static:!1,private:!1,access:{has:e=>"aria-disabled"in e,get:e=>e["aria-disabled"],set:(e,t)=>{e["aria-disabled"]=t}},metadata:s},oe,le),t(A,null,P,{kind:"accessor",name:"rowId",static:!1,private:!1,access:{has:e=>"rowId"in e,get:e=>e.rowId,set:(e,t)=>{e.rowId=t}},metadata:s},ce,he),t(A,null,q,{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:s},pe,me),t(A,null,F,{kind:"accessor",name:"checkboxSelection",static:!1,private:!1,access:{has:e=>"checkboxSelection"in e,get:e=>e.checkboxSelection,set:(e,t)=>{e.checkboxSelection=t}},metadata:s},be,ge),t(A,null,G,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:e=>"dense"in e,get:e=>e.dense,set:(e,t)=>{e.dense=t}},metadata:s},xe,ue),t(A,null,J,{kind:"accessor",name:"unread",static:!1,private:!1,access:{has:e=>"unread"in e,get:e=>e.unread,set:(e,t)=>{e.unread=t}},metadata:s},ke,ve),t(A,null,K,{kind:"accessor",name:"locked",static:!1,private:!1,access:{has:e=>"locked"in e,get:e=>e.locked,set:(e,t)=>{e.locked=t}},metadata:s},fe,we),t(A,null,L,{kind:"accessor",name:"expandable",static:!1,private:!1,access:{has:e=>"expandable"in e,get:e=>e.expandable,set:(e,t)=>{e.expandable=t}},metadata:s},Se,ye),t(A,null,N,{kind:"accessor",name:"expanded",static:!1,private:!1,access:{has:e=>"expanded"in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:s},_e,Ee),t(A,null,Q,{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:s},Me,We),t(A,null,V,{kind:"accessor",name:"preventHighlight",static:!1,private:!1,access:{has:e=>"preventHighlight"in e,get:e=>e.preventHighlight,set:(e,t)=>{e.preventHighlight=t}},metadata:s},$e,Ce),t(A,null,X,{kind:"accessor",name:"dimmed",static:!1,private:!1,access:{has:e=>"dimmed"in e,get:e=>e.dimmed,set:(e,t)=>{e.dimmed=t}},metadata:s},Te,je),t(A,null,Y,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:s},Be,Ie),t(A,null,Z,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:s},He,Re),t(A,null,ee,{kind:"accessor",name:"unnamedSlotEls",static:!1,private:!1,access:{has:e=>"unnamedSlotEls"in e,get:e=>e.unnamedSlotEls,set:(e,t)=>{e.unnamedSlotEls=t}},metadata:s},Oe,Ue),t(A,null,te,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:e=>"_contextConsumer"in e,get:e=>e._contextConsumer,set:(e,t)=>{e._contextConsumer=t}},metadata:s},Ae,ze),t(A,null,se,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:e=>"assistiveText"in e,get:e=>e.assistiveText,set:(e,t)=>{e.assistiveText=t}},metadata:s},De,Pe),t(null,U={value:A},ae,{kind:"class",name:A.name,metadata:s},null,ie),A=U.value,s&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),A.styles=o(k),s(A,ie),A})();export{f as TableRow};
+    `}},d=new WeakMap,f=new WeakMap,w=new WeakMap,S=new WeakMap,y=new WeakMap,_=new WeakMap,E=new WeakMap,M=new WeakMap,W=new WeakMap,$=new WeakMap,C=new WeakMap,T=new WeakMap,j=new WeakMap,B=new WeakMap,I=new WeakMap,H=new WeakMap,R=new WeakMap,O=new WeakMap,e(A,"TableRow"),(()=>{var e;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ne[Symbol.metadata])&&void 0!==e?e:null):void 0;z=[h({type:String,reflect:!0})],D=[h({type:String,reflect:!0})],P=[h({type:String,reflect:!0})],q=[h({type:Boolean,reflect:!0})],F=[h({type:Boolean,reflect:!0})],G=[h({type:Boolean})],J=[h({type:Boolean})],K=[h({type:Boolean,reflect:!0})],L=[h({type:Boolean,reflect:!0})],N=[h({type:Boolean,reflect:!0})],Q=[h({type:Boolean,reflect:!0})],V=[h({type:Boolean,reflect:!0})],X=[h({type:Boolean,reflect:!0})],Y=[h({type:Object})],Z=[p()],ee=[m()],te=[p()],se=[p()],t(A,null,z,{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:s},de,oe),t(A,null,D,{kind:"accessor",name:"aria-disabled",static:!1,private:!1,access:{has:e=>"aria-disabled"in e,get:e=>e["aria-disabled"],set:(e,t)=>{e["aria-disabled"]=t}},metadata:s},re,le),t(A,null,P,{kind:"accessor",name:"rowId",static:!1,private:!1,access:{has:e=>"rowId"in e,get:e=>e.rowId,set:(e,t)=>{e.rowId=t}},metadata:s},ce,he),t(A,null,q,{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:s},pe,me),t(A,null,F,{kind:"accessor",name:"checkboxSelection",static:!1,private:!1,access:{has:e=>"checkboxSelection"in e,get:e=>e.checkboxSelection,set:(e,t)=>{e.checkboxSelection=t}},metadata:s},be,ge),t(A,null,G,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:e=>"dense"in e,get:e=>e.dense,set:(e,t)=>{e.dense=t}},metadata:s},xe,ue),t(A,null,J,{kind:"accessor",name:"unread",static:!1,private:!1,access:{has:e=>"unread"in e,get:e=>e.unread,set:(e,t)=>{e.unread=t}},metadata:s},ke,ve),t(A,null,K,{kind:"accessor",name:"locked",static:!1,private:!1,access:{has:e=>"locked"in e,get:e=>e.locked,set:(e,t)=>{e.locked=t}},metadata:s},fe,we),t(A,null,L,{kind:"accessor",name:"expandable",static:!1,private:!1,access:{has:e=>"expandable"in e,get:e=>e.expandable,set:(e,t)=>{e.expandable=t}},metadata:s},Se,ye),t(A,null,N,{kind:"accessor",name:"expanded",static:!1,private:!1,access:{has:e=>"expanded"in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:s},_e,Ee),t(A,null,Q,{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:s},Me,We),t(A,null,V,{kind:"accessor",name:"preventHighlight",static:!1,private:!1,access:{has:e=>"preventHighlight"in e,get:e=>e.preventHighlight,set:(e,t)=>{e.preventHighlight=t}},metadata:s},$e,Ce),t(A,null,X,{kind:"accessor",name:"dimmed",static:!1,private:!1,access:{has:e=>"dimmed"in e,get:e=>e.dimmed,set:(e,t)=>{e.dimmed=t}},metadata:s},Te,je),t(A,null,Y,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:s},Be,Ie),t(A,null,Z,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:s},He,Re),t(A,null,ee,{kind:"accessor",name:"unnamedSlotEls",static:!1,private:!1,access:{has:e=>"unnamedSlotEls"in e,get:e=>e.unnamedSlotEls,set:(e,t)=>{e.unnamedSlotEls=t}},metadata:s},Oe,Ue),t(A,null,te,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:e=>"_contextConsumer"in e,get:e=>e._contextConsumer,set:(e,t)=>{e._contextConsumer=t}},metadata:s},Ae,ze),t(A,null,se,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:e=>"assistiveText"in e,get:e=>e.assistiveText,set:(e,t)=>{e.assistiveText=t}},metadata:s},De,Pe),t(null,U={value:A},ae,{kind:"class",name:A.name,metadata:s},null,ie),A=U.value,s&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),A.styles=r(k),s(A,ie),A})();export{f as TableRow};
 //# sourceMappingURL=table-row.js.map

package/components/reusable/table/table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","sources":["../../../../src/components/reusable/table/table-row.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, PropertyValues, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport chevronDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\n\nimport styles from './table-row.scss?inline';\nimport '../checkbox/checkbox';\n\nimport { TableExpandedRow } from './table-expanded-row';\nimport { TableCell } from './table-cell';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n  expanded: 'Expanded',\n  collapsed: 'Collapsed',\n};\n\n/**\n * `kyn-tr` Web Component.\n *\n * Represents a table row (`<tr>`) equivalent for custom tables created with Shidoka's design system.\n * It primarily acts as a container for individual table cells and behaves similarly to a native `<tr>` element.\n *\n * @slot unnamed - The content slot for adding table cells (`kyn-td` or other relevant cells).\n */\n@customElement('kyn-tr')\nexport class TableRow extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /** aria role.\n   * @internal\n   */\n  @property({ type: String, reflect: true })\n  override accessor role = 'row';\n\n  /** aria-disabled.\n   * @internal\n   */\n  @property({ type: String, reflect: true })\n  accessor 'aria-disabled' = 'false';\n\n  /**\n   * rowId: String - Unique identifier for the row.\n   */\n  @property({ type: String, reflect: true })\n  accessor rowId = '';\n\n  /**\n   * selected: Boolean indicating whether the row is selected.\n   * Reflects the `selected` attribute.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor selected = false;\n\n  /**\n   * checkboxSelection: Boolean indicating whether rows should be\n   * selectable using checkboxes.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor checkboxSelection = false;\n\n  /**\n   * dense: Boolean indicating whether the table should be displayed\n   * in dense mode.\n   */\n  @property({ type: Boolean })\n  accessor dense = false;\n\n  /**\n   * Unread row state.\n   */\n  @property({ type: Boolean })\n  accessor unread = false;\n\n  /**\n   * locked: Boolean indicating whether the row is locked.\n   * If a row is selected before it is locked, it remains selected even after being locked.\n   * A row can be selected and disabled/locked simultaneously.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor locked = false;\n\n  /**\n   * expandable: Boolean indicating whether the row is expandable.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor expandable = false;\n\n  /**\n   * expanded: Boolean indicating whether the row is expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor expanded = false;\n\n  /**\n   * disabled: Boolean indicating whether the row is disabled.\n   * A disabled row is not allowed to have any user interactions.\n   * A row can be selected and disabled/locked simultaneously.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false;\n\n  /**\n   * preventHighlight: Boolean indicating whether the row should not be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor preventHighlight = false;\n\n  /**\n   * dimmed: Boolean indicating whether the row is dimmed.\n   * A row should not be selected and dimmed simultaneously.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor dimmed = false;\n\n  /** Text string customization. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /**\n   * @ignore\n   */\n  @queryAssignedElements()\n  accessor unnamedSlotEls!: Array<HTMLElement>;\n\n  /**\n   * Context consumer for the table context.\n   * Updates the cell's dense properties when the context changes.\n   * @private\n   * @ignore\n   * @type {ContextConsumer<TableContextType, TableHeader>}\n   */\n  @state()\n  // @ts-expect-error - This is a context consumer\n  private accessor _contextConsumer = new ContextConsumer(\n    this,\n    tableContext,\n    (context) => {\n      if (context) this.handleContextChange(context);\n    },\n    true\n  );\n\n  /**\n   * Assistive text for screen readers.\n   * @ignore\n   */\n  @state()\n  accessor assistiveText = '';\n\n  /**\n   * Updates the cell's dense and ellipsis properties when the context changes.\n   * @param {TableContextType} context - The updated context.\n   */\n  handleContextChange = ({ checkboxSelection }: TableContextType) => {\n    if (typeof checkboxSelection == 'boolean') {\n      this.checkboxSelection = checkboxSelection;\n    }\n  };\n\n  /**\n   * Handles the change of selection state for a specific row.\n   */\n  handleRowSelectionChange(event: CustomEvent) {\n    this.selected = event.detail.checked;\n    // Emit the custom event with the selected row and its new state\n    this.dispatchEvent(\n      new CustomEvent('on-row-select', {\n        detail: event.detail,\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    // Reflect the expanded state to the next sibling expanded row\n    if (changedProperties.has('expanded')) {\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches('kyn-expanded-tr')) {\n        (nextElementSibling as TableExpandedRow).expanded = expanded;\n      }\n    }\n\n    // Reflect the disabled state to the tabindex attribute\n    if (changedProperties.has('disabled')) {\n      this['aria-disabled'] = this.disabled.toString();\n\n      if (this.disabled) {\n        this.setAttribute('tabindex', '-1');\n      } else {\n        this.removeAttribute('tabindex');\n      }\n\n      this.unnamedSlotEls.forEach((el) => {\n        (el as TableCell).disabled = this.disabled;\n      });\n    }\n\n    // A row can be selected and disabled/locked simultaneously.\n    // However, a row should not be both selected and dimmed at the same time.\n    if (changedProperties.has('dimmed') || changedProperties.has('selected')) {\n      this.unnamedSlotEls.forEach((el) => {\n        (el as TableCell).dimmed = this.dimmed && !this.selected;\n      });\n    }\n  }\n\n  _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent('table-row-expando-beingtoggled', init)\n      )\n    ) {\n      this.expanded = expanded;\n      this.assistiveText = expanded\n        ? this._textStrings.expanded\n        : this._textStrings.collapsed;\n      this.dispatchEvent(new CustomEvent('table-row-expando-toggled', init));\n    }\n  }\n\n  private _handleExpanding() {\n    this._handleUserInitiatedToggleExpando();\n  }\n\n  override render() {\n    return html`\n      ${this.expandable\n        ? html`\n            <kyn-td .align=${'center'} ?dense=${this.dense}>\n              <div class=\"kyn--table-expand\">\n                <button\n                  class=\"kyn--table-expand__button\"\n                  type=\"button\"\n                  ?disabled=${this.disabled}\n                  title=${this.expanded\n                    ? this._textStrings.expanded\n                    : this._textStrings.collapsed}\n                  aria-label=${this.expanded\n                    ? this._textStrings.expanded\n                    : this._textStrings.collapsed}\n                  @click=${this._handleExpanding}\n                >\n                  <span slot=\"icon\">${unsafeSVG(chevronDownIcon)}</span>\n                </button>\n              </div>\n\n              <div\n                class=\"assistive-text\"\n                role=\"status\"\n                aria-live=\"assertive\"\n                aria-relevant=\"additions text\"\n              >\n                ${this.assistiveText}\n              </div>\n            </kyn-td>\n          `\n        : null}\n      ${this.checkboxSelection && this.closest('kyn-tfoot') === null\n        ? html`\n            <kyn-td .align=${'center'} ?dense=${this.dense}>\n              <kyn-checkbox\n                ?disabled=${this.disabled || this.locked}\n                .checked=${this.selected}\n                visiblyHidden\n                @on-checkbox-change=${this.handleRowSelectionChange}\n              >\n                ${this.selected ? 'Deselect' : 'Select'} Row ${this.rowId}\n              </kyn-checkbox>\n            </kyn-td>\n          `\n        : null}\n      <slot></slot>\n    `;\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-tr': TableRow;\n  }\n}\n"],"names":["_defaultTextStrings","expanded","collapsed","TableRow","customElement","LitElement","_classThis","_classSuper","_TableRow_role_accessor_storage","set","this","__runInitializers","_role_initializers","_TableRow__a_accessor_storage","_role_extraInitializers","_member_initializers","_TableRow_rowId_accessor_storage","_member_extraInitializers","_rowId_initializers","_TableRow_selected_accessor_storage","_rowId_extraInitializers","_selected_initializers","_TableRow_checkboxSelection_accessor_storage","_selected_extraInitializers","_checkboxSelection_initializers","_TableRow_dense_accessor_storage","_checkboxSelection_extraInitializers","_dense_initializers","_TableRow_unread_accessor_storage","_dense_extraInitializers","_unread_initializers","_TableRow_locked_accessor_storage","_unread_extraInitializers","_locked_initializers","_TableRow_expandable_accessor_storage","_locked_extraInitializers","_expandable_initializers","_TableRow_expanded_accessor_storage","_expandable_extraInitializers","_expanded_initializers","_TableRow_disabled_accessor_storage","_expanded_extraInitializers","_disabled_initializers","_TableRow_preventHighlight_accessor_storage","_disabled_extraInitializers","_preventHighlight_initializers","_TableRow_dimmed_accessor_storage","_preventHighlight_extraInitializers","_dimmed_initializers","_TableRow_textStrings_accessor_storage","_dimmed_extraInitializers","_textStrings_initializers","_TableRow__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_TableRow_unnamedSlotEls_accessor_storage","__textStrings_extraInitializers","_unnamedSlotEls_initializers","_TableRow__contextConsumer_accessor_storage","_unnamedSlotEls_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","_TableRow_assistiveText_accessor_storage","__contextConsumer_extraInitializers","_assistiveText_initializers","checkboxSelection","role","__classPrivateFieldGet","value","__classPrivateFieldSet","rowId","selected","dense","unread","locked","expandable","disabled","preventHighlight","dimmed","textStrings","_textStrings","unnamedSlotEls","_contextConsumer","assistiveText","handleRowSelectionChange","event","detail","checked","dispatchEvent","CustomEvent","bubbles","composed","willUpdate","changedProps","has","deepmerge","updated","changedProperties","nextElementSibling","matches","toString","setAttribute","removeAttribute","forEach","el","_handleUserInitiatedToggleExpando","init","cancelable","_handleExpanding","render","html","unsafeSVG","chevronDownIcon","closest","property","type","String","reflect","Boolean","_dense_decorators","_unread_decorators","_textStrings_decorators","Object","__textStrings_decorators","state","_unnamedSlotEls_decorators","queryAssignedElements","__contextConsumer_decorators","_assistiveText_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_member_decorators","_rowId_decorators","_selected_decorators","_checkboxSelection_decorators","_locked_decorators","_expandable_decorators","_expanded_decorators","_disabled_decorators","_preventHighlight_decorators","_dimmed_decorators","_assistiveText_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
+{"version":3,"file":"table-row.js","sources":["../../../../src/components/reusable/table/table-row.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, PropertyValues, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport chevronDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\n\nimport styles from './table-row.scss?inline';\nimport '../checkbox/checkbox';\n\nimport { TableExpandedRow } from './table-expanded-row';\nimport { TableCell } from './table-cell';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n  expanded: 'Expanded',\n  collapsed: 'Collapsed',\n};\n\n/**\n * `kyn-tr` Web Component.\n *\n * Represents a table row (`<tr>`) equivalent for custom tables created with Shidoka's design system.\n * It primarily acts as a container for individual table cells and behaves similarly to a native `<tr>` element.\n *\n * @slot unnamed - The content slot for adding table cells (`kyn-td` or other relevant cells).\n * @slot expand-placeholder - Slot for expand placeholder content (like `kyn-td` or other relevant cells).\n */\n@customElement('kyn-tr')\nexport class TableRow extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /** aria role.\n   * @internal\n   */\n  @property({ type: String, reflect: true })\n  override accessor role = 'row';\n\n  /** aria-disabled.\n   * @internal\n   */\n  @property({ type: String, reflect: true })\n  accessor 'aria-disabled' = 'false';\n\n  /**\n   * rowId: String - Unique identifier for the row.\n   */\n  @property({ type: String, reflect: true })\n  accessor rowId = '';\n\n  /**\n   * selected: Boolean indicating whether the row is selected.\n   * Reflects the `selected` attribute.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor selected = false;\n\n  /**\n   * checkboxSelection: Boolean indicating whether rows should be\n   * selectable using checkboxes.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor checkboxSelection = false;\n\n  /**\n   * dense: Boolean indicating whether the table should be displayed\n   * in dense mode.\n   */\n  @property({ type: Boolean })\n  accessor dense = false;\n\n  /**\n   * Unread row state.\n   */\n  @property({ type: Boolean })\n  accessor unread = false;\n\n  /**\n   * locked: Boolean indicating whether the row is locked.\n   * If a row is selected before it is locked, it remains selected even after being locked.\n   * A row can be selected and disabled/locked simultaneously.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor locked = false;\n\n  /**\n   * expandable: Boolean indicating whether the row is expandable.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor expandable = false;\n\n  /**\n   * expanded: Boolean indicating whether the row is expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor expanded = false;\n\n  /**\n   * disabled: Boolean indicating whether the row is disabled.\n   * A disabled row is not allowed to have any user interactions.\n   * A row can be selected and disabled/locked simultaneously.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false;\n\n  /**\n   * preventHighlight: Boolean indicating whether the row should not be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor preventHighlight = false;\n\n  /**\n   * dimmed: Boolean indicating whether the row is dimmed.\n   * A row should not be selected and dimmed simultaneously.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor dimmed = false;\n\n  /** Text string customization. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /**\n   * @ignore\n   */\n  @queryAssignedElements()\n  accessor unnamedSlotEls!: Array<HTMLElement>;\n\n  /**\n   * Context consumer for the table context.\n   * Updates the cell's dense properties when the context changes.\n   * @private\n   * @ignore\n   * @type {ContextConsumer<TableContextType, TableHeader>}\n   */\n  @state()\n  // @ts-expect-error - This is a context consumer\n  private accessor _contextConsumer = new ContextConsumer(\n    this,\n    tableContext,\n    (context) => {\n      if (context) this.handleContextChange(context);\n    },\n    true\n  );\n\n  /**\n   * Assistive text for screen readers.\n   * @ignore\n   */\n  @state()\n  accessor assistiveText = '';\n\n  /**\n   * Updates the cell's dense and ellipsis properties when the context changes.\n   * @param {TableContextType} context - The updated context.\n   */\n  handleContextChange = ({ checkboxSelection }: TableContextType) => {\n    if (typeof checkboxSelection == 'boolean') {\n      this.checkboxSelection = checkboxSelection;\n    }\n  };\n\n  /**\n   * Handles the change of selection state for a specific row.\n   */\n  handleRowSelectionChange(event: CustomEvent) {\n    this.selected = event.detail.checked;\n    // Emit the custom event with the selected row and its new state\n    this.dispatchEvent(\n      new CustomEvent('on-row-select', {\n        detail: event.detail,\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    // Reflect the expanded state to the next sibling expanded row\n    if (changedProperties.has('expanded')) {\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches('kyn-expanded-tr')) {\n        (nextElementSibling as TableExpandedRow).expanded = expanded;\n      }\n    }\n\n    // Reflect the disabled state to the tabindex attribute\n    if (changedProperties.has('disabled')) {\n      this['aria-disabled'] = this.disabled.toString();\n\n      if (this.disabled) {\n        this.setAttribute('tabindex', '-1');\n      } else {\n        this.removeAttribute('tabindex');\n      }\n\n      this.unnamedSlotEls.forEach((el) => {\n        (el as TableCell).disabled = this.disabled;\n      });\n    }\n\n    // A row can be selected and disabled/locked simultaneously.\n    // However, a row should not be both selected and dimmed at the same time.\n    if (changedProperties.has('dimmed') || changedProperties.has('selected')) {\n      this.unnamedSlotEls.forEach((el) => {\n        (el as TableCell).dimmed = this.dimmed && !this.selected;\n      });\n    }\n  }\n\n  _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent('table-row-expando-beingtoggled', init)\n      )\n    ) {\n      this.expanded = expanded;\n      this.assistiveText = expanded\n        ? this._textStrings.expanded\n        : this._textStrings.collapsed;\n      this.dispatchEvent(new CustomEvent('table-row-expando-toggled', init));\n    }\n  }\n\n  private _handleExpanding() {\n    this._handleUserInitiatedToggleExpando();\n  }\n\n  override render() {\n    return html`\n      ${this.expandable\n        ? html`\n            <kyn-td .align=${'center'} ?dense=${this.dense}>\n              <div class=\"kyn--table-expand\">\n                <button\n                  class=\"kyn--table-expand__button\"\n                  type=\"button\"\n                  ?disabled=${this.disabled}\n                  title=${this.expanded\n                    ? this._textStrings.expanded\n                    : this._textStrings.collapsed}\n                  aria-label=${this.expanded\n                    ? this._textStrings.expanded\n                    : this._textStrings.collapsed}\n                  @click=${this._handleExpanding}\n                >\n                  <span slot=\"icon\">${unsafeSVG(chevronDownIcon)}</span>\n                </button>\n              </div>\n\n              <div\n                class=\"assistive-text\"\n                role=\"status\"\n                aria-live=\"assertive\"\n                aria-relevant=\"additions text\"\n              >\n                ${this.assistiveText}\n              </div>\n            </kyn-td>\n          `\n        : null}\n      <slot name=\"expand-placeholder\"></slot>\n      ${this.checkboxSelection && this.closest('kyn-tfoot') === null\n        ? html`\n            <kyn-td .align=${'center'} ?dense=${this.dense}>\n              <kyn-checkbox\n                ?disabled=${this.disabled || this.locked}\n                .checked=${this.selected}\n                visiblyHidden\n                @on-checkbox-change=${this.handleRowSelectionChange}\n              >\n                ${this.selected ? 'Deselect' : 'Select'} Row ${this.rowId}\n              </kyn-checkbox>\n            </kyn-td>\n          `\n        : null}\n      <slot></slot>\n    `;\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-tr': TableRow;\n  }\n}\n"],"names":["_defaultTextStrings","expanded","collapsed","TableRow","customElement","LitElement","_classThis","_classSuper","_TableRow_role_accessor_storage","set","this","__runInitializers","_role_initializers","_TableRow__a_accessor_storage","_role_extraInitializers","_member_initializers","_TableRow_rowId_accessor_storage","_member_extraInitializers","_rowId_initializers","_TableRow_selected_accessor_storage","_rowId_extraInitializers","_selected_initializers","_TableRow_checkboxSelection_accessor_storage","_selected_extraInitializers","_checkboxSelection_initializers","_TableRow_dense_accessor_storage","_checkboxSelection_extraInitializers","_dense_initializers","_TableRow_unread_accessor_storage","_dense_extraInitializers","_unread_initializers","_TableRow_locked_accessor_storage","_unread_extraInitializers","_locked_initializers","_TableRow_expandable_accessor_storage","_locked_extraInitializers","_expandable_initializers","_TableRow_expanded_accessor_storage","_expandable_extraInitializers","_expanded_initializers","_TableRow_disabled_accessor_storage","_expanded_extraInitializers","_disabled_initializers","_TableRow_preventHighlight_accessor_storage","_disabled_extraInitializers","_preventHighlight_initializers","_TableRow_dimmed_accessor_storage","_preventHighlight_extraInitializers","_dimmed_initializers","_TableRow_textStrings_accessor_storage","_dimmed_extraInitializers","_textStrings_initializers","_TableRow__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_TableRow_unnamedSlotEls_accessor_storage","__textStrings_extraInitializers","_unnamedSlotEls_initializers","_TableRow__contextConsumer_accessor_storage","_unnamedSlotEls_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","_TableRow_assistiveText_accessor_storage","__contextConsumer_extraInitializers","_assistiveText_initializers","checkboxSelection","role","__classPrivateFieldGet","value","__classPrivateFieldSet","rowId","selected","dense","unread","locked","expandable","disabled","preventHighlight","dimmed","textStrings","_textStrings","unnamedSlotEls","_contextConsumer","assistiveText","handleRowSelectionChange","event","detail","checked","dispatchEvent","CustomEvent","bubbles","composed","willUpdate","changedProps","has","deepmerge","updated","changedProperties","nextElementSibling","matches","toString","setAttribute","removeAttribute","forEach","el","_handleUserInitiatedToggleExpando","init","cancelable","_handleExpanding","render","html","unsafeSVG","chevronDownIcon","closest","property","type","String","reflect","Boolean","_dense_decorators","_unread_decorators","_textStrings_decorators","Object","__textStrings_decorators","state","_unnamedSlotEls_decorators","queryAssignedElements","__contextConsumer_decorators","_assistiveText_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_member_decorators","_rowId_decorators","_selected_decorators","_checkboxSelection_decorators","_locked_decorators","_expandable_decorators","_expanded_decorators","_disabled_decorators","_preventHighlight_decorators","_dimmed_decorators","_assistiveText_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}

package/index.d.ts

@@ -48,5 +48,5 @@ export { InlineConfirm } from './components/reusable/inlineConfirm';
 export { ColorInput } from './components/reusable/colorInput';
 export { MetaData } from './components/reusable/metaData';
 export { Divider } from './components/reusable/divider';
-export { StatusPicker } from './components/reusable/statusPicker';
+export { StatusButton } from './components/reusable/statusButton';
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,2 +1,2 @@
-export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategories}from"./components/global/header/headerCategories.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-B_d7j-jz.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";export{Divider}from"./components/reusable/divider/divider.js";export{StatusPicker}from"./components/reusable/statusPicker/statusPicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"query-selector-shadow-dom";import"./vendor/@kyndryl-design-system/shidoka-icons-CrstBvhf.js";import"lit/directives/style-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"./common/mixins/form-input.js";import"lit-html/directives/class-map.js";import"./common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"./common/helpers/flatpickr/langs.js";import"./common/helpers/flatpickr/overlay.js";import"./common/helpers/flatpickr/utils.js";import"./shidoka-flatpickr-theme-CpAIX345.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"@lit/context";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"lit/directives/unsafe-svg.js";import"./tag-ehM901IX.js";import"./components/reusable/badge/badge.js";import"gridstack";import"lottie-web";import"./inline-CxNcYPfA.js";import"@floating-ui/dom";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-BCIwY1rJ.js";import"./components/reusable/splitButton/defs.js";
+export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategories}from"./components/global/header/headerCategories.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-B_d7j-jz.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";export{Divider}from"./components/reusable/divider/divider.js";export{StatusButton}from"./components/reusable/statusButton/statusButton.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"query-selector-shadow-dom";import"./vendor/@kyndryl-design-system/shidoka-icons-CrstBvhf.js";import"lit/directives/style-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"./common/mixins/form-input.js";import"lit-html/directives/class-map.js";import"./common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"./common/helpers/flatpickr/langs.js";import"./common/helpers/flatpickr/overlay.js";import"./common/helpers/flatpickr/utils.js";import"./shidoka-flatpickr-theme-CpAIX345.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"@lit/context";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"lit/directives/unsafe-svg.js";import"./tag-ehM901IX.js";import"./components/reusable/badge/badge.js";import"gridstack";import"lottie-web";import"./inline-CxNcYPfA.js";import"@floating-ui/dom";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-BCIwY1rJ.js";import"./components/reusable/splitButton/defs.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.79.0",
+  "version": "2.79.2",
   "description": "Shidoka Web Components for Applications",
   "license": "MIT",
   "main": "index.js",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.1",
-    "@kyndryl-design-system/shidoka-foundation": "^2.8.7",
+    "@kyndryl-design-system/shidoka-foundation": "^2.8.8",
     "@kyndryl-design-system/shidoka-icons": "^2.19.0",
     "@lit/context": "^1.1.0",
     "deepmerge-ts": "^7.1.0",

package/components/reusable/statusPicker/index.d.ts

@@ -1,2 +0,0 @@
-export { StatusPicker } from './statusPicker';
-//# sourceMappingURL=index.d.ts.map

package/components/reusable/statusPicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/statusPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/components/reusable/statusPicker/statusPicker.js

@@ -1,290 +0,0 @@
-import{__setFunctionName as r,__esDecorate as e,__runInitializers as t,__classPrivateFieldGet as o,__classPrivateFieldSet as a}from"tslib";import{css as s,LitElement as i,unsafeCSS as c,html as n}from"lit";import{customElement as d,property as l,state as u,query as k}from"lit/decorators.js";import{classMap as p}from"lit-html/directives/class-map.js";var b,v=s`*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-* {
-  -webkit-tap-highlight-color: transparent;
-}
-
-:root {
-  --kd-current-breakpoint: sm;
-}
-@media (min-width: 42rem) {
-  :root {
-    --kd-current-breakpoint: md;
-  }
-}
-@media (min-width: 74rem) {
-  :root {
-    --kd-current-breakpoint: lg;
-  }
-}
-@media (min-width: 82rem) {
-  :root {
-    --kd-current-breakpoint: xl;
-  }
-}
-@media (min-width: 99rem) {
-  :root {
-    --kd-current-breakpoint: max;
-  }
-}
-
-:host {
-  display: inline-block;
-}
-
-.status-picker {
-  font-family: var(--kd-font-family-secondary);
-  font-size: var(--kd-font-size-utility-3-sm);
-  line-height: var(--kd-line-height-utility-3-sm);
-  font-weight: var(--kd-font-weight-regular);
-  letter-spacing: var(--kd-letter-spacing-5);
-  display: flex;
-  height: 24px;
-  align-items: center;
-  justify-content: space-around;
-  border: 0.5px solid transparent;
-  border-radius: 6px;
-  padding: 4px;
-  gap: 4px;
-  min-width: 24px;
-  max-width: 161px;
-  cursor: pointer;
-  transition: background-color 0.4s ease;
-}
-@media (min-width: 42rem) {
-  .status-picker {
-    font-size: var(--kd-font-size-utility-3-md);
-    line-height: var(--kd-line-height-utility-3-md);
-  }
-}
-@media (min-width: 74rem) {
-  .status-picker {
-    font-size: var(--kd-font-size-utility-3-lg);
-    line-height: var(--kd-line-height-utility-3-lg);
-  }
-}
-@media (min-width: 82rem) {
-  .status-picker {
-    font-size: var(--kd-font-size-utility-3-xlg);
-    line-height: var(--kd-line-height-utility-3-xlg);
-  }
-}
-@media (min-width: 99rem) {
-  .status-picker {
-    font-size: var(--kd-font-size-utility-3-max);
-    line-height: var(--kd-line-height-utility-3-max);
-  }
-}
-.status-picker.no-truncation {
-  max-width: none;
-}
-
-.status-picker__label {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.status-picker__state-disable {
-  cursor: not-allowed;
-  background-color: var(--kd-color-background-status-picker-success-disabled) !important;
-  color: var(--kd-color-text-status-picker-success-disabled) !important;
-  border-color: var(--kd-color-border-status-picker-success-disabled) !important;
-  outline: none !important;
-}
-.status-picker__state-interactive {
-  /* error state */
-  /* warning state */
-  /* success state */
-  /* low state */
-  /* medium state */
-  /* high state */
-  /* ai state Pending from UX*/
-}
-.status-picker__state-interactive-error {
-  color: var(--kd-color-text-status-picker-error-enabled);
-  background-color: var(--kd-color-background-status-picker-error-enabled);
-  border-color: var(--kd-color-border-status-picker-error-enabled);
-}
-.status-picker__state-interactive-error:hover {
-  color: var(--kd-color-text-status-picker-error-hover);
-  background-color: var(--kd-color-background-status-picker-error-hover);
-  border-color: var(--kd-color-border-status-picker-error-hover);
-}
-.status-picker__state-interactive-error.selected {
-  border-color: var(--kd-color-border-status-picker-error-selected);
-  color: var(--kd-color-text-status-picker-error-selected);
-  background-color: var(--kd-color-background-status-picker-error-selected);
-}
-.status-picker__state-interactive-error:focus-visible {
-  outline: 1px solid var(--kd-color-border-status-picker-error-focused);
-  background-color: var(--kd-color-background-status-picker-error-focused);
-}
-.status-picker__state-interactive-error:active {
-  color: var(--kd-color-text-status-picker-error-pressed);
-  border-color: var(--kd-color-border-status-picker-error-pressed);
-  background-color: var(--kd-color-background-status-picker-error-pressed);
-}
-.status-picker__state-interactive-warning {
-  color: var(--kd-color-text-status-picker-warning-enabled);
-  background-color: var(--kd-color-background-status-picker-warning-enabled);
-  border-color: var(--kd-color-border-status-picker-warning-enabled);
-}
-.status-picker__state-interactive-warning:hover {
-  background-color: var(--kd-color-background-status-picker-warning-hover);
-  border-color: var(--kd-color-border-status-picker-warning-hover);
-}
-.status-picker__state-interactive-warning.selected {
-  border-color: var(--kd-color-border-status-picker-warning-selected);
-  background-color: var(--kd-color-background-status-picker-warning-selected);
-}
-.status-picker__state-interactive-warning:focus-visible {
-  outline: 1px solid var(--kd-color-border-status-picker-warning-focused);
-  background-color: var(--kd-color-background-status-picker-warning-focused);
-}
-.status-picker__state-interactive-warning:active {
-  border-color: var(--kd-color-border-status-picker-warning-pressed);
-  background-color: var(--kd-color-background-status-picker-warning-pressed);
-}
-.status-picker__state-interactive-success {
-  color: var(--kd-color-text-status-picker-success-enabled);
-  background-color: var(--kd-color-background-status-picker-success-enabled);
-  border-color: var(--kd-color-border-status-picker-success-enabled);
-}
-.status-picker__state-interactive-success:hover {
-  background-color: var(--kd-color-background-status-picker-success-hover);
-  border-color: var(--kd-color-border-status-picker-success-hover);
-}
-.status-picker__state-interactive-success.selected {
-  border-color: var(--kd-color-border-status-picker-success-selected);
-  background-color: var(--kd-color-background-status-picker-success-selected);
-}
-.status-picker__state-interactive-success:focus-visible {
-  outline: 1px solid var(--kd-color-border-status-picker-success-focused);
-  background-color: var(--kd-color-background-status-picker-success-focused);
-}
-.status-picker__state-interactive-success:active {
-  border-color: var(--kd-color-border-status-picker-success-pressed);
-  background-color: var(--kd-color-background-status-picker-success-pressed);
-}
-.status-picker__state-interactive-low {
-  color: var(--kd-color-text-status-picker-information-low-enabled);
-  background-color: var(--kd-color-background-status-picker-information-low-enabled);
-  border-color: var(--kd-color-border-status-picker-information-low-enabled);
-}
-.status-picker__state-interactive-low:hover {
-  color: var(--kd-color-text-status-picker-information-low-hover);
-  border-color: var(--kd-color-border-status-picker-information-low-hover);
-  background-color: var(--kd-color-background-status-picker-information-low-hover);
-}
-.status-picker__state-interactive-low.selected {
-  color: var(--kd-color-text-status-picker-information-low-selected);
-  border-color: var(--kd-color-tag-border-error-selected);
-  background-color: var(--kd-color-background-status-picker-information-low-selected);
-}
-.status-picker__state-interactive-low:focus-visible {
-  color: var(--kd-color-text-status-picker-information-low-focused);
-  outline: 1px solid var(--kd-color-border-status-picker-information-low-focused);
-  background-color: var(--kd-color-background-status-picker-information-low-focused);
-}
-.status-picker__state-interactive-low:active {
-  color: var(--kd-color-text-status-picker-information-low-pressed);
-  border-color: var(--kd-color-border-status-picker-information-low-pressed);
-  background-color: var(--kd-color-background-status-picker-information-low-pressed);
-}
-.status-picker__state-interactive-medium {
-  color: var(--kd-color-text-status-picker-information-medium-enabled);
-  background-color: var(--kd-color-background-status-picker-information-medium-enabled);
-  border-color: var(--kd-color-border-status-picker-information-medium-enabled);
-}
-.status-picker__state-interactive-medium:hover {
-  color: var(--kd-color-text-status-picker-information-medium-hover);
-  background-color: var(--kd-color-background-status-picker-information-medium-hover);
-  border-color: var(--kd-color-border-status-picker-information-medium-hover);
-}
-.status-picker__state-interactive-medium.selected {
-  color: var(--kd-color-text-status-picker-information-medium-selected);
-  border-color: var(--kd-color-border-status-picker-information-medium-selected);
-  background-color: var(--kd-color-background-status-picker-information-medium-selected);
-}
-.status-picker__state-interactive-medium:focus-visible {
-  color: var(--kd-color-text-status-picker-information-medium-focused);
-  outline: 1px solid var(--kd-color-border-status-picker-information-medium-focused);
-  background-color: var(--kd-color-background-status-picker-information-medium-focused);
-}
-.status-picker__state-interactive-medium:active {
-  color: var(--kd-color-text-status-picker-information-medium-pressed);
-  border-color: var(--kd-color-border-status-picker-information-medium-pressed);
-  background-color: var(--kd-color-background-status-picker-information-medium-pressed);
-}
-.status-picker__state-interactive-high {
-  color: var(--kd-color-text-status-picker-information-high-enabled);
-  background-color: var(--kd-color-background-status-picker-information-high-enabled);
-  border-color: var(--kd-color-border-status-picker-information-high-enabled);
-}
-.status-picker__state-interactive-high:hover {
-  color: var(--kd-color-text-status-picker-information-high-hover);
-  background-color: var(--kd-color-background-status-picker-information-high-hover);
-  border-color: var(--kd-color-border-status-picker-information-high-hover);
-}
-.status-picker__state-interactive-high.selected {
-  color: var(--kd-color-text-status-picker-information-high-selected);
-  border-color: var(--kd-color-border-status-picker-information-high-selected);
-  background-color: var(--kd-color-background-status-picker-information-high-selected);
-}
-.status-picker__state-interactive-high:focus-visible {
-  color: var(--kd-color-text-status-picker-information-high-focused);
-  outline: 1px solid var(--kd-color-border-status-picker-information-high-focused);
-  background-color: var(--kd-color-background-status-picker-information-high-focused);
-}
-.status-picker__state-interactive-high:active {
-  color: var(--kd-color-text-status-picker-information-high-pressed);
-  border-color: var(--kd-color-border-status-picker-information-high-pressed);
-  background-color: var(--kd-color-background-status-picker-information-high-pressed);
-}
-.status-picker__state-interactive-ai {
-  color: var(--kd-color-text-status-picker-ai-enabled);
-  background-color: var(--kd-color-background-status-picker-ai-enabled);
-  border-color: var(--kd-color-border-status-picker-ai-enabled);
-}
-.status-picker__state-interactive-ai:hover {
-  color: var(--kd-color-text-status-picker-ai-hover);
-  background-color: var(--kd-color-background-status-picker-ai-hover);
-}
-.status-picker__state-interactive-ai.selected {
-  border-color: var(--kd-color-border-status-picker-ai-selected);
-  color: var(--kd-color-text-status-picker-ai-selected);
-  background-color: var(--kd-color-background-status-picker-ai-selected);
-}
-.status-picker__state-interactive-ai:focus-visible {
-  color: var(--kd-color-text-status-picker-ai-focused);
-  outline: 1px solid var(--kd-color-border-status-picker-ai-focused);
-}
-.status-picker__state-interactive-ai:active {
-  color: var(--kd-color-text-status-picker-ai-pressed);
-  border-color: var(--kd-color-border-status-picker-ai-pressed);
-  background-color: var(--kd-color-background-status-picker-ai-pressed);
-}
-.status-picker__state-interactive:focus-visible {
-  border: transparent;
-  outline-offset: 1px;
-}`;!function(r){r.SUCCESS="success",r.WARNING="warning",r.ERROR="error",r.LOW="low",r.MEDIUM="medium",r.HIGH="high",r.AI="ai"}(b||(b={}));let h=(()=>{var s,h,m,g,f,_,w,x;let y,T,E,S,O,W,z,$,M,C,j=[d("kyn-status-picker")],I=[],R=i,U=[],B=[],P=[],A=[],G=[],H=[],N=[],D=[],L=[],X=[],q=[],F=[],J=[],K=[],Q=[],V=[];return T=class extends R{get label(){return o(this,s,"f")}set label(r){a(this,s,r,"f")}get disabled(){return o(this,h,"f")}set disabled(r){a(this,h,r,"f")}get selected(){return o(this,m,"f")}set selected(r){a(this,m,r,"f")}get noTruncation(){return o(this,g,"f")}set noTruncation(r){a(this,g,r,"f")}get kind(){return o(this,f,"f")}set kind(r){a(this,f,r,"f")}get _iconOnly(){return o(this,_,"f")}set _iconOnly(r){a(this,_,r,"f")}get _isTruncated(){return o(this,w,"f")}set _isTruncated(r){a(this,w,r,"f")}get _labelEl(){return o(this,x,"f")}set _labelEl(r){a(this,x,r,"f")}render(){const r=`status-picker__state-${this.kind}`,e={"status-picker":!0,"no-truncation":this.noTruncation,"status-picker__state-interactive":!0,[`status-picker__state-interactive-${this.kind}`]:!0,"status-picker__state-disable":this.disabled,[`${r}`]:!0,selected:this.selected};return n`<button
-      type="button"
-      class="${p(e)}"
-      ?disabled="${this.disabled}"
-      kind=${this.kind}
-      title="${this._isTruncated&&!this.noTruncation?this.label:""}"
-      @click=${r=>this.handleStatusClick(r,this.label)}
-    >
-      <slot></slot>
-      ${this._iconOnly?"":n` <span
-            class="status-picker__label"
-            aria-disabled=${this.disabled}
-            >${this.label}</span
-          >`}
-    </button>`}handleStatusClick(r,e){if(!this.disabled){const t=new CustomEvent("on-click",{detail:{value:e,origEvent:r}});this.dispatchEvent(t)}}updated(r){this.label=this.label.trim(),this._labelEl&&!this.noTruncation&&(this._isTruncated=this._labelEl.scrollWidth>this._labelEl.clientWidth),super.updated(r),0===this.label.length?this._iconOnly=!0:this._iconOnly=!1}constructor(){super(...arguments),s.set(this,t(this,U,"")),h.set(this,(t(this,B),t(this,P,!1))),m.set(this,(t(this,A),t(this,G,!1))),g.set(this,(t(this,H),t(this,N,!1))),f.set(this,(t(this,D),t(this,L,b.SUCCESS))),_.set(this,(t(this,X),t(this,q,!1))),w.set(this,(t(this,F),t(this,J,!1))),x.set(this,(t(this,K),t(this,Q,void 0))),t(this,V)}},s=new WeakMap,h=new WeakMap,m=new WeakMap,g=new WeakMap,f=new WeakMap,_=new WeakMap,w=new WeakMap,x=new WeakMap,r(T,"StatusPicker"),(()=>{var r;const t="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(r=R[Symbol.metadata])&&void 0!==r?r:null):void 0;E=[l({type:String})],S=[l({type:Boolean})],O=[l({type:Boolean})],W=[l({type:Boolean})],z=[l({type:String})],$=[u()],M=[u()],C=[k(".status-picker__label")],e(T,null,E,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:r=>"label"in r,get:r=>r.label,set:(r,e)=>{r.label=e}},metadata:t},U,B),e(T,null,S,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:r=>"disabled"in r,get:r=>r.disabled,set:(r,e)=>{r.disabled=e}},metadata:t},P,A),e(T,null,O,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:r=>"selected"in r,get:r=>r.selected,set:(r,e)=>{r.selected=e}},metadata:t},G,H),e(T,null,W,{kind:"accessor",name:"noTruncation",static:!1,private:!1,access:{has:r=>"noTruncation"in r,get:r=>r.noTruncation,set:(r,e)=>{r.noTruncation=e}},metadata:t},N,D),e(T,null,z,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:r=>"kind"in r,get:r=>r.kind,set:(r,e)=>{r.kind=e}},metadata:t},L,X),e(T,null,$,{kind:"accessor",name:"_iconOnly",static:!1,private:!1,access:{has:r=>"_iconOnly"in r,get:r=>r._iconOnly,set:(r,e)=>{r._iconOnly=e}},metadata:t},q,F),e(T,null,M,{kind:"accessor",name:"_isTruncated",static:!1,private:!1,access:{has:r=>"_isTruncated"in r,get:r=>r._isTruncated,set:(r,e)=>{r._isTruncated=e}},metadata:t},J,K),e(T,null,C,{kind:"accessor",name:"_labelEl",static:!1,private:!1,access:{has:r=>"_labelEl"in r,get:r=>r._labelEl,set:(r,e)=>{r._labelEl=e}},metadata:t},Q,V),e(null,y={value:T},j,{kind:"class",name:T.name,metadata:t},null,I),T=y.value,t&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),T.styles=c(v),t(T,I),T})();export{h as StatusPicker};
-//# sourceMappingURL=statusPicker.js.map

package/components/reusable/statusPicker/statusPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"statusPicker.js","sources":["../../../../src/components/reusable/statusPicker/statusPicker.ts"],"sourcesContent":["import { LitElement, PropertyValues, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport StatusPickerScss from './statusPicker.scss?inline';\n\nenum STATUS_KINDS {\n  SUCCESS = 'success',\n  WARNING = 'warning',\n  ERROR = 'error',\n  LOW = 'low',\n  MEDIUM = 'medium',\n  HIGH = 'high',\n  AI = 'ai',\n}\n\n/**\n * Status Picker.\n * @fires on-click - Captures the click event and emits the Status Picker value. `detail:{ origEvent: PointerEvent,value: string }`\n * @slot unnamed - Slot for icon.\n */\n\n@customElement('kyn-status-picker')\nexport class StatusPicker extends LitElement {\n  static override styles = unsafeCSS(StatusPickerScss);\n\n  /**\n   * Status label (Required).\n   */\n  @property({ type: String })\n  accessor label = '';\n\n  /**\n   * Specify disabled state.\n   */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /**\n   * Specify selected state.\n   */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /**\n   * Removes label text truncation.\n   */\n  @property({ type: Boolean })\n  accessor noTruncation = false;\n\n  /**\n   * Specifies the visual appearance/kind of the status.\n   */\n  @property({ type: String })\n  accessor kind: STATUS_KINDS = STATUS_KINDS.SUCCESS;\n\n  /**\n   * Determine if contains icon only.\n   * @internal\n   */\n  @state()\n  accessor _iconOnly = false;\n\n  /**\n   * Determine if label is truncated.\n   * @internal\n   */\n  @state()\n  accessor _isTruncated = false;\n\n  /**\n   * Queries the .label element.\n   * @internal\n   */\n  @query('.status-picker__label')\n  accessor _labelEl!: HTMLSpanElement;\n\n  override render() {\n    const newBaseColorClass = `status-picker__state-${this.kind}`;\n\n    const Classes = {\n      'status-picker': true,\n      'no-truncation': this.noTruncation,\n      'status-picker__state-interactive': true,\n      [`status-picker__state-interactive-${this.kind}`]: true,\n      'status-picker__state-disable': this.disabled,\n      [`${newBaseColorClass}`]: true,\n      selected: this.selected,\n    };\n\n    return html`<button\n      type=\"button\"\n      class=\"${classMap(Classes)}\"\n      ?disabled=\"${this.disabled}\"\n      kind=${this.kind}\n      title=\"${this._isTruncated && !this.noTruncation ? this.label : ''}\"\n      @click=${(e: any) => this.handleStatusClick(e, this.label)}\n    >\n      <slot></slot>\n      ${!this._iconOnly\n        ? html` <span\n            class=\"status-picker__label\"\n            aria-disabled=${this.disabled}\n            >${this.label}</span\n          >`\n        : ''}\n    </button>`;\n  }\n\n  private handleStatusClick(e: any, value: string) {\n    if (!this.disabled) {\n      const event = new CustomEvent('on-click', {\n        detail: {\n          value,\n          origEvent: e,\n        },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    this.label = this.label.trim();\n    // Check if label is truncated\n    if (this._labelEl && !this.noTruncation) {\n      this._isTruncated = this._labelEl.scrollWidth > this._labelEl.clientWidth;\n    }\n    super.updated(changedProperties);\n\n    if (this.label.length === 0) {\n      this._iconOnly = true;\n    } else {\n      this._iconOnly = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-status-picker': StatusPicker;\n  }\n}\n"],"names":["STATUS_KINDS","StatusPicker","customElement","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_StatusPicker_label_accessor_storage","value","__classPrivateFieldSet","disabled","_StatusPicker_disabled_accessor_storage","selected","_StatusPicker_selected_accessor_storage","noTruncation","_StatusPicker_noTruncation_accessor_storage","kind","_StatusPicker_kind_accessor_storage","_iconOnly","_StatusPicker__iconOnly_accessor_storage","_isTruncated","_StatusPicker__isTruncated_accessor_storage","_labelEl","_StatusPicker__labelEl_accessor_storage","render","newBaseColorClass","Classes","html","classMap","e","handleStatusClick","event","CustomEvent","detail","origEvent","dispatchEvent","updated","changedProperties","trim","scrollWidth","clientWidth","super","length","set","__runInitializers","_label_initializers","_label_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selected_initializers","_selected_extraInitializers","_noTruncation_initializers","_noTruncation_extraInitializers","_kind_initializers","SUCCESS","_kind_extraInitializers","__iconOnly_initializers","__iconOnly_extraInitializers","__isTruncated_initializers","__isTruncated_extraInitializers","__labelEl_initializers","_label_decorators","property","type","String","_disabled_decorators","Boolean","_selected_decorators","_noTruncation_decorators","_kind_decorators","__iconOnly_decorators","state","__isTruncated_decorators","query","__esDecorate","name","static","private","access","has","obj","get","metadata","_metadata","__labelEl_decorators","__labelEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","StatusPickerScss"],"mappings":"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"}