@kyndryl-design-system/shidoka-applications 2.43.0 → 2.43.1
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":"checkboxSubgroup.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,MAAU;IAEhC,gBAAgB;IAEhB,OAAO,EAAG,GAAG,CAAC;IAEd,gBAAgB;IAEhB,SAAS,
|
|
1
|
+
{"version":3,"file":"checkboxSubgroup.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,MAAU;IAEhC,gBAAgB;IAEhB,OAAO,EAAG,GAAG,CAAC;IAEd,gBAAgB;IAEhB,SAAS,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEd,MAAM;IAWf,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,qBAAqB;IA+CpB,iBAAiB;IASjB,oBAAoB;CAO9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,gBAAgB,CAAC;KAC3C;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{l as t,e as n}from"../../../vendor/lit-461e78e6.js";import{i as c,s as h,x as l}from"../../../vendor/lit-element-c6c02f24.js";var
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{l as t,e as n}from"../../../vendor/lit-461e78e6.js";import{i as c,s as h,x as l}from"../../../vendor/lit-element-c6c02f24.js";var a=c`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -18,12 +18,12 @@ slot[name=parent] {
|
|
|
18
18
|
|
|
19
19
|
.children {
|
|
20
20
|
padding-left: 26px;
|
|
21
|
-
}`;let
|
|
21
|
+
}`;let o=class extends h{render(){return l`
|
|
22
22
|
<div class="toggle-button">
|
|
23
23
|
<slot name="parent" @slotchange=${this._handleSlotchange}></slot>
|
|
24
24
|
<div class="children">
|
|
25
25
|
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
26
26
|
</div>
|
|
27
27
|
</div>
|
|
28
|
-
`}_handleSlotchange(){const e=this._children.filter((e=>e.checked)).length;this._syncParent(e)}_syncParent(e){this._parent[0].indeterminate=e<this._children.length&&e>0}_handleCheckboxChange(e){e.stopPropagation();const t=e.composedPath().find((e=>"SLOT"===e.nodeName&&"parent"===e.getAttribute("name")));let n=this._children.filter((e=>e.checked)).length;t?n=e.detail.checked?this._children.length:0:e.detail.checked?n+=1:n-=1,this._syncParent(n);const c=this._children.map((e=>e.value)),h=this._children.length>0&&n===this._children.length,l=new CustomEvent("on-checkbox-subgroup-change",{bubbles:!0,composed:!0,detail:{isParent:t,parentChecked:h,parentValue:this._parent[0].value,checked:e.detail.checked,value:e.detail.value,childValues:c}});this.dispatchEvent(l)}connectedCallback(){super.connectedCallback(),this.addEventListener("on-checkbox-change",(e=>this._handleCheckboxChange(e)))}disconnectedCallback(){this.removeEventListener("on-checkbox-change",(e=>this._handleCheckboxChange(e))),super.disconnectedCallback()}};
|
|
28
|
+
`}_handleSlotchange(){const e=this._children.filter((e=>e.checked)).length;this._syncParent(e)}_syncParent(e){this._parent[0].indeterminate=e<this._children.length&&e>0}_handleCheckboxChange(e){e.stopPropagation();const t=e.composedPath().find((e=>"SLOT"===e.nodeName&&"parent"===e.getAttribute("name")));let n=this._children.filter((e=>e.checked)).length;t?n=e.detail.checked?this._children.length:0:e.detail.checked?n+=1:n-=1,this._syncParent(n);const c=this._children.map((e=>e.value)),h=this._children.length>0&&n===this._children.length,l=new CustomEvent("on-checkbox-subgroup-change",{bubbles:!0,composed:!0,detail:{isParent:t,parentChecked:h,parentValue:this._parent[0].value,checked:e.detail.checked,value:e.detail.value,childValues:c}});this.dispatchEvent(l)}connectedCallback(){super.connectedCallback(),this.addEventListener("on-checkbox-change",(e=>this._handleCheckboxChange(e)))}disconnectedCallback(){this.removeEventListener("on-checkbox-change",(e=>this._handleCheckboxChange(e))),super.disconnectedCallback()}};o.styles=a,e([t({slot:"parent",selector:"kyn-checkbox"})],o.prototype,"_parent",void 0),e([t({selector:"kyn-checkbox"})],o.prototype,"_children",void 0),o=e([n("kyn-checkbox-subgroup")],o);export{o as CheckboxSubgroup};
|
|
29
29
|
//# sourceMappingURL=checkboxSubgroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxSubgroup.js","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, queryAssignedElements } from 'lit/decorators.js';\nimport Styles from './checkboxSubgroup.scss';\n\n/**\n * Checkbox subgroup\n * @slot unnamed - Slot for child kyn-checkboxes.\n * @slot parent - Slot for parent kyn-checkbox.\n */\n@customElement('kyn-checkbox-subgroup')\nexport class CheckboxSubgroup extends LitElement {\n static override styles = Styles;\n\n /** @internal */\n @queryAssignedElements({ slot: 'parent', selector: 'kyn-checkbox' })\n _parent!: any;\n\n /** @internal */\n @queryAssignedElements({ selector: 'kyn-checkbox' })\n _children
|
|
1
|
+
{"version":3,"file":"checkboxSubgroup.js","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, queryAssignedElements } from 'lit/decorators.js';\nimport Styles from './checkboxSubgroup.scss';\n\n/**\n * Checkbox subgroup\n * @slot unnamed - Slot for child kyn-checkboxes.\n * @slot parent - Slot for parent kyn-checkbox.\n */\n@customElement('kyn-checkbox-subgroup')\nexport class CheckboxSubgroup extends LitElement {\n static override styles = Styles;\n\n /** @internal */\n @queryAssignedElements({ slot: 'parent', selector: 'kyn-checkbox' })\n _parent!: any;\n\n /** @internal */\n @queryAssignedElements({ selector: 'kyn-checkbox' })\n _children!: Array<any>;\n\n override render() {\n return html`\n <div class=\"toggle-button\">\n <slot name=\"parent\" @slotchange=${this._handleSlotchange}></slot>\n <div class=\"children\">\n <slot @slotchange=${this._handleSlotchange}></slot>\n </div>\n </div>\n `;\n }\n\n private _handleSlotchange() {\n const CheckedBoxesCount = this._children.filter(\n (checkbox) => checkbox.checked\n ).length;\n\n this._syncParent(CheckedBoxesCount);\n }\n\n private _syncParent(count: number) {\n // sync Parent indeterminate state\n this._parent[0].indeterminate = count < this._children.length && count > 0;\n }\n\n private _handleCheckboxChange(e: any) {\n e.stopPropagation();\n\n const isParent = e\n .composedPath()\n .find(\n (el: HTMLElement) =>\n el.nodeName === 'SLOT' && el.getAttribute('name') === 'parent'\n );\n let checkedBoxesCount = this._children.filter(\n (checkbox) => checkbox.checked\n ).length;\n\n if (isParent) {\n checkedBoxesCount = e.detail.checked ? this._children.length : 0;\n } else {\n if (e.detail.checked) {\n checkedBoxesCount += 1;\n } else {\n checkedBoxesCount -= 1;\n }\n }\n\n this._syncParent(checkedBoxesCount);\n\n const ChildValues = this._children.map((checkbox) => {\n return checkbox.value;\n });\n\n const ParentChecked =\n this._children.length > 0 && checkedBoxesCount === this._children.length;\n\n const event = new CustomEvent('on-checkbox-subgroup-change', {\n bubbles: true,\n composed: true,\n detail: {\n isParent: isParent,\n parentChecked: ParentChecked,\n parentValue: this._parent[0].value,\n checked: e.detail.checked,\n value: e.detail.value,\n childValues: ChildValues,\n },\n });\n this.dispatchEvent(event);\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n // capture child checkboxes change event\n this.addEventListener('on-checkbox-change', (e: any) =>\n this._handleCheckboxChange(e)\n );\n }\n\n override disconnectedCallback() {\n this.removeEventListener('on-checkbox-change', (e: any) =>\n this._handleCheckboxChange(e)\n );\n\n super.disconnectedCallback();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-checkbox-subgroup': CheckboxSubgroup;\n }\n}\n"],"names":["CheckboxSubgroup","LitElement","render","html","this","_handleSlotchange","CheckedBoxesCount","_children","filter","checkbox","checked","length","_syncParent","count","_parent","indeterminate","_handleCheckboxChange","e","stopPropagation","isParent","composedPath","find","el","nodeName","getAttribute","checkedBoxesCount","detail","ChildValues","map","value","ParentChecked","event","CustomEvent","bubbles","composed","parentChecked","parentValue","childValues","dispatchEvent","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","styles","Styles","__decorate","queryAssignedElements","slot","selector","prototype","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;GAUO,IAAMA,EAAN,cAA+BC,EAW3B,MAAAC,GACP,OAAOC,CAAI;;0CAE2BC,KAAKC;;8BAEjBD,KAAKC;;;KAIhC,CAEO,iBAAAA,GACN,MAAMC,EAAoBF,KAAKG,UAAUC,QACtCC,GAAaA,EAASC,UACvBC,OAEFP,KAAKQ,YAAYN,EAClB,CAEO,WAAAM,CAAYC,GAElBT,KAAKU,QAAQ,GAAGC,cAAgBF,EAAQT,KAAKG,UAAUI,QAAUE,EAAQ,CAC1E,CAEO,qBAAAG,CAAsBC,GAC5BA,EAAEC,kBAEF,MAAMC,EAAWF,EACdG,eACAC,MACEC,GACiB,SAAhBA,EAAGC,UAAmD,WAA5BD,EAAGE,aAAa,UAEhD,IAAIC,EAAoBrB,KAAKG,UAAUC,QACpCC,GAAaA,EAASC,UACvBC,OAEEQ,EACFM,EAAoBR,EAAES,OAAOhB,QAAUN,KAAKG,UAAUI,OAAS,EAE3DM,EAAES,OAAOhB,QACXe,GAAqB,EAErBA,GAAqB,EAIzBrB,KAAKQ,YAAYa,GAEjB,MAAME,EAAcvB,KAAKG,UAAUqB,KAAKnB,GAC/BA,EAASoB,QAGZC,EACJ1B,KAAKG,UAAUI,OAAS,GAAKc,IAAsBrB,KAAKG,UAAUI,OAE9DoB,EAAQ,IAAIC,YAAY,8BAA+B,CAC3DC,SAAS,EACTC,UAAU,EACVR,OAAQ,CACNP,SAAUA,EACVgB,cAAeL,EACfM,YAAahC,KAAKU,QAAQ,GAAGe,MAC7BnB,QAASO,EAAES,OAAOhB,QAClBmB,MAAOZ,EAAES,OAAOG,MAChBQ,YAAaV,KAGjBvB,KAAKkC,cAAcP,EACpB,CAEQ,iBAAAQ,GACPC,MAAMD,oBAGNnC,KAAKqC,iBAAiB,sBAAuBxB,GAC3Cb,KAAKY,sBAAsBC,IAE9B,CAEQ,oBAAAyB,GACPtC,KAAKuC,oBAAoB,sBAAuB1B,GAC9Cb,KAAKY,sBAAsBC,KAG7BuB,MAAME,sBACP,GAhGe1C,EAAM4C,OAAGC,EAIzBC,EAAA,CADCC,EAAsB,CAAEC,KAAM,SAAUC,SAAU,kBACrCjD,EAAAkD,UAAA,eAAA,GAIdJ,EAAA,CADCC,EAAsB,CAAEE,SAAU,kBACZjD,EAAAkD,UAAA,iBAAA,GATZlD,EAAgB8C,EAAA,CAD5BK,EAAc,0BACFnD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-applications",
|
|
3
|
-
"version": "2.43.
|
|
3
|
+
"version": "2.43.1",
|
|
4
4
|
"description": "Shidoka Web Components for Applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"lint-staged": "^15.4.3",
|
|
94
94
|
"lit-analyzer": "^2.0.3",
|
|
95
95
|
"lit-css-loader": "^3.0.0",
|
|
96
|
-
"playwright": "^1.53.
|
|
96
|
+
"playwright": "^1.53.1",
|
|
97
97
|
"postcss": "^8.4.21",
|
|
98
98
|
"prettier": "^2.8.2",
|
|
99
99
|
"prismjs-components-importer": "^0.2.0",
|