@kyndryl-design-system/shidoka-applications 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdownOption.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,2DAA2D,CAAC;AAGnE;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,+BAAsB;IAE5C,oBAAoB;IAEpB,KAAK,SAAM;IAEX,6BAA6B;IAE7B,QAAQ,UAAS;IAEjB,6BAA6B;IAE7B,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,EAAE,GAAG,CAAM;IAEN,MAAM;IAoCf,OAAO,CAAC,gBAAgB;
|
|
1
|
+
{"version":3,"file":"dropdownOption.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,2DAA2D,CAAC;AAGnE;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,+BAAsB;IAE5C,oBAAoB;IAEpB,KAAK,SAAM;IAEX,6BAA6B;IAE7B,QAAQ,UAAS;IAEjB,6BAA6B;IAE7B,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,EAAE,GAAG,CAAM;IAEN,MAAM;IAoCf,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,UAAU;CAWnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,cAAc,CAAC;KACvC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as s}from'./../../../external/lit-element/lit-element.js';import{customElement as
|
|
1
|
+
import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as s}from'./../../../external/lit-element/lit-element.js';import{customElement as i}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as l}from'./../../../external/@lit/reactive-element/decorators/property.js';import{state as o}from'./../../../external/@lit/reactive-element/decorators/state.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import d from"./dropdownOption.scss.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import n from'./../../../external/@carbon/icons/es/checkmark/20.js';let r=class extends s{constructor(){super(...arguments),this.value="",this.selected=!1,this.disabled=!1,this.highlighted=!1,this.multiple=!1,this.text=""}render(){return t`
|
|
2
2
|
<li
|
|
3
3
|
role="option"
|
|
4
4
|
?highlighted=${this.highlighted}
|
|
@@ -26,5 +26,5 @@ import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../exter
|
|
|
26
26
|
|
|
27
27
|
${this.selected&&!this.multiple?t`<kd-icon .icon=${n}></kd-icon>`:null}
|
|
28
28
|
</li>
|
|
29
|
-
`}handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});
|
|
29
|
+
`}handleSlotChange(e){const t=e.target.assignedNodes({flatten:!0});let s="";for(let e=0;e<t.length;e++)s+=t[e].textContent.trim();this.text=s}handleClick(e){if(this.disabled)return;this.multiple?this.selected=!this.selected:this.selected=!0;const t=new CustomEvent("on-click",{bubbles:!0,composed:!0,detail:{selected:this.selected,value:this.value,origEvent:e}});this.dispatchEvent(t)}handleBlur(e){const t=new CustomEvent("on-blur",{bubbles:!0,composed:!0,detail:{origEvent:e}});this.dispatchEvent(t)}};r.styles=d,e([l({type:String})],r.prototype,"value",void 0),e([l({type:Boolean,reflect:!0})],r.prototype,"selected",void 0),e([l({type:Boolean})],r.prototype,"disabled",void 0),e([o()],r.prototype,"highlighted",void 0),e([o()],r.prototype,"multiple",void 0),e([l()],r.prototype,"text",void 0),r=e([i("kyn-dropdown-option")],r);export{r as DropdownOption};
|
|
30
30
|
//# sourceMappingURL=dropdownOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdownOption.js","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport DropdownOptionScss from './dropdownOption.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport checkmarkIcon from '@carbon/icons/es/checkmark/20';\n\n/**\n * Dropdown option.\n * @fires on-click - Emits the option details to the parent dropdown.\n * @slot unnamed - Slot for option text.\n */\n@customElement('kyn-dropdown-option')\nexport class DropdownOption extends LitElement {\n static override styles = DropdownOptionScss;\n\n /** Option value. */\n @property({ type: String })\n value = '';\n\n /** Option selected state. */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /** Option disabled state. */\n @property({ type: Boolean })\n disabled = false;\n\n /**\n * Option highlighted state for keyboard navigation, automatically derived.\n * @ignore\n */\n @state()\n highlighted = false;\n\n /** Multi-select state, derived from parent.\n * @ignore\n */\n @state()\n multiple = false;\n\n /**\n * Option text, automatically derived.\n * @ignore\n */\n @property()\n text: any = '';\n\n override render() {\n return html`\n <li\n role=\"option\"\n ?highlighted=${this.highlighted}\n ?selected=${this.selected}\n ?disabled=${this.disabled}\n ?multiple=${this.multiple}\n @click=${(e: any) => this.handleClick(e)}\n @blur=${(e: any) => this.handleBlur(e)}\n tabindex=\"-1\"\n >\n <span>\n ${this.multiple\n ? html`\n <input\n type=\"checkbox\"\n tabindex=\"-1\"\n @mousedown=${(e: any) => e.preventDefault()}\n .checked=${this.selected}\n ?checked=${this.selected}\n ?disabled=${this.disabled}\n />\n `\n : null}\n\n <slot @slotchange=${(e: any) => this.handleSlotChange(e)}></slot>\n </span>\n\n ${this.selected && !this.multiple\n ? html`<kd-icon .icon=${checkmarkIcon}></kd-icon>`\n : null}\n </li>\n `;\n }\n\n private handleSlotChange(e: any) {\n // set text prop from slotted text, for ease of access\n const nodes = e.target.assignedNodes({ flatten: true });\n
|
|
1
|
+
{"version":3,"file":"dropdownOption.js","sources":["../../../../src/components/reusable/dropdown/dropdownOption.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport DropdownOptionScss from './dropdownOption.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport checkmarkIcon from '@carbon/icons/es/checkmark/20';\n\n/**\n * Dropdown option.\n * @fires on-click - Emits the option details to the parent dropdown.\n * @slot unnamed - Slot for option text.\n */\n@customElement('kyn-dropdown-option')\nexport class DropdownOption extends LitElement {\n static override styles = DropdownOptionScss;\n\n /** Option value. */\n @property({ type: String })\n value = '';\n\n /** Option selected state. */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /** Option disabled state. */\n @property({ type: Boolean })\n disabled = false;\n\n /**\n * Option highlighted state for keyboard navigation, automatically derived.\n * @ignore\n */\n @state()\n highlighted = false;\n\n /** Multi-select state, derived from parent.\n * @ignore\n */\n @state()\n multiple = false;\n\n /**\n * Option text, automatically derived.\n * @ignore\n */\n @property()\n text: any = '';\n\n override render() {\n return html`\n <li\n role=\"option\"\n ?highlighted=${this.highlighted}\n ?selected=${this.selected}\n ?disabled=${this.disabled}\n ?multiple=${this.multiple}\n @click=${(e: any) => this.handleClick(e)}\n @blur=${(e: any) => this.handleBlur(e)}\n tabindex=\"-1\"\n >\n <span>\n ${this.multiple\n ? html`\n <input\n type=\"checkbox\"\n tabindex=\"-1\"\n @mousedown=${(e: any) => e.preventDefault()}\n .checked=${this.selected}\n ?checked=${this.selected}\n ?disabled=${this.disabled}\n />\n `\n : null}\n\n <slot @slotchange=${(e: any) => this.handleSlotChange(e)}></slot>\n </span>\n\n ${this.selected && !this.multiple\n ? html`<kd-icon .icon=${checkmarkIcon}></kd-icon>`\n : null}\n </li>\n `;\n }\n\n private handleSlotChange(e: any) {\n // set text prop from slotted text, for ease of access\n const nodes = e.target.assignedNodes({ flatten: true });\n let text = '';\n\n for (let i = 0; i < nodes.length; i++) {\n text += nodes[i].textContent.trim();\n }\n\n this.text = text;\n }\n\n private handleClick(e: Event) {\n // prevent click if disabled\n if (this.disabled) {\n return;\n }\n\n // update selected state\n if (this.multiple) {\n this.selected = !this.selected;\n } else {\n this.selected = true;\n }\n\n // emit selected value, bubble so it can be captured by the parent dropdown\n const event = new CustomEvent('on-click', {\n bubbles: true,\n composed: true,\n detail: {\n selected: this.selected,\n value: this.value,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n\n private handleBlur(e: any) {\n // emit blur event, bubble so it can be captured by the parent dropdown\n const event = new CustomEvent('on-blur', {\n bubbles: true,\n composed: true,\n detail: {\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-dropdown-option': DropdownOption;\n }\n}\n"],"names":["DropdownOption","LitElement","constructor","this","value","selected","disabled","highlighted","multiple","text","render","html","e","handleClick","handleBlur","preventDefault","handleSlotChange","checkmarkIcon","nodes","target","assignedNodes","flatten","i","length","textContent","trim","event","CustomEvent","bubbles","composed","detail","origEvent","dispatchEvent","styles","DropdownOptionScss","__decorate","property","type","String","prototype","Boolean","reflect","state","customElement"],"mappings":"0zBAYO,IAAMA,EAAN,cAA6BC,EAA7BC,kCAKLC,KAAKC,MAAG,GAIRD,KAAQE,UAAG,EAIXF,KAAQG,UAAG,EAOXH,KAAWI,aAAG,EAMdJ,KAAQK,UAAG,EAOXL,KAAIM,KAAQ,EAuFb,CArFUC,SACP,OAAOC,CAAI;;;uBAGQR,KAAKI;oBACRJ,KAAKE;oBACLF,KAAKG;oBACLH,KAAKK;iBACPI,GAAWT,KAAKU,YAAYD;gBAC7BA,GAAWT,KAAKW,WAAWF;;;;YAIhCT,KAAKK,SACHG,CAAI;;;;+BAIcC,GAAWA,EAAEG;6BAChBZ,KAAKE;6BACLF,KAAKE;8BACJF,KAAKG;;gBAGrB;;8BAEiBM,GAAWT,KAAKa,iBAAiBJ;;;UAGtDT,KAAKE,WAAaF,KAAKK,SACrBG,CAAI,kBAAkBM,eACtB;;KAGT,CAEOD,iBAAiBJ,GAEvB,MAAMM,EAAQN,EAAEO,OAAOC,cAAc,CAAEC,SAAS,IAChD,IAAIZ,EAAO,GAEX,IAAK,IAAIa,EAAI,EAAGA,EAAIJ,EAAMK,OAAQD,IAChCb,GAAQS,EAAMI,GAAGE,YAAYC,OAG/BtB,KAAKM,KAAOA,CACb,CAEOI,YAAYD,GAElB,GAAIT,KAAKG,SACP,OAIEH,KAAKK,SACPL,KAAKE,UAAYF,KAAKE,SAEtBF,KAAKE,UAAW,EAIlB,MAAMqB,EAAQ,IAAIC,YAAY,WAAY,CACxCC,SAAS,EACTC,UAAU,EACVC,OAAQ,CACNzB,SAAUF,KAAKE,SACfD,MAAOD,KAAKC,MACZ2B,UAAWnB,KAGfT,KAAK6B,cAAcN,EACpB,CAEOZ,WAAWF,GAEjB,MAAMc,EAAQ,IAAIC,YAAY,UAAW,CACvCC,SAAS,EACTC,UAAU,EACVC,OAAQ,CACNC,UAAWnB,KAGfT,KAAK6B,cAAcN,EACpB,GAtHe1B,EAAMiC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACPtC,EAAAuC,UAAA,aAAA,GAIXJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACnBzC,EAAAuC,UAAA,gBAAA,GAIjBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACDxC,EAAAuC,UAAA,gBAAA,GAOjBJ,EAAA,CADCO,KACmB1C,EAAAuC,UAAA,mBAAA,GAMpBJ,EAAA,CADCO,KACgB1C,EAAAuC,UAAA,gBAAA,GAOjBJ,EAAA,CADCC,KACcpC,EAAAuC,UAAA,YAAA,GAjCJvC,EAAcmC,EAAA,CAD1BQ,EAAc,wBACF3C"}
|