@kyndryl-design-system/shidoka-applications 2.71.4 → 2.71.5
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,EAAmB,MAAM,KAAK,CAAC;AAIlD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAE3C,gBAAgB;IAEhB,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEvB,gBAAgB;IAEhB,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEvB,MAAM;IAWf,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,WAAW;
|
|
1
|
+
{"version":3,"file":"checkboxSubgroup.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAE3C,gBAAgB;IAEhB,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEvB,gBAAgB;IAEhB,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEvB,MAAM;IAWf,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,qBAAqB;IAyCpB,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{__setFunctionName as e,__esDecorate as t,__runInitializers as n,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{css as r,LitElement as c,unsafeCSS as l,html as
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as n,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{css as r,LitElement as c,unsafeCSS as l,html as h}from"lit";import{customElement as s,queryAssignedElements as o}from"lit/decorators.js";var d=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -42,12 +42,12 @@ slot[name=parent] {
|
|
|
42
42
|
|
|
43
43
|
.children {
|
|
44
44
|
padding-left: 26px;
|
|
45
|
-
}`;let m=(()=>{var r,m;let p,b,k,
|
|
45
|
+
}`;let m=(()=>{var r,m;let p,b,u,k,g=[s("kyn-checkbox-subgroup")],_=[],v=c,f=[],x=[],y=[],C=[];return b=class extends v{get _parent(){return a(this,r,"f")}set _parent(e){i(this,r,e,"f")}get _children(){return a(this,m,"f")}set _children(e){i(this,m,e,"f")}render(){return h`
|
|
46
46
|
<div class="toggle-button">
|
|
47
47
|
<slot name="parent" @slotchange=${this._handleSlotchange}></slot>
|
|
48
48
|
<div class="children">
|
|
49
49
|
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
50
50
|
</div>
|
|
51
51
|
</div>
|
|
52
|
-
`}_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
|
|
52
|
+
`}_handleSlotchange(){const e=this._children.filter((e=>e.checked)).length;this._syncParent(e)}_syncParent(e){var t;const n=null===(t=this._parent)||void 0===t?void 0:t[0];n&&(n.checked=this._children.length>0&&e===this._children.length,n.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),this._syncParent(n);const a=this._children.map((e=>e.value)),i=this._children.length>0&&n===this._children.length,r=new CustomEvent("on-checkbox-subgroup-change",{bubbles:!0,composed:!0,detail:{isParent:t,parentChecked:i,parentValue:this._parent[0].value,checked:e.detail.checked,value:e.detail.value,childValues:a}});this.dispatchEvent(r)}connectedCallback(){super.connectedCallback(),this.addEventListener("on-checkbox-change",(e=>this._handleCheckboxChange(e)))}disconnectedCallback(){this.removeEventListener("on-checkbox-change",(e=>this._handleCheckboxChange(e))),super.disconnectedCallback()}constructor(){super(...arguments),r.set(this,n(this,f,void 0)),m.set(this,(n(this,x),n(this,y,void 0))),n(this,C)}},r=new WeakMap,m=new WeakMap,e(b,"CheckboxSubgroup"),(()=>{var e;const n="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=v[Symbol.metadata])&&void 0!==e?e:null):void 0;u=[o({slot:"parent",selector:"kyn-checkbox"})],k=[o({selector:"kyn-checkbox"})],t(b,null,u,{kind:"accessor",name:"_parent",static:!1,private:!1,access:{has:e=>"_parent"in e,get:e=>e._parent,set:(e,t)=>{e._parent=t}},metadata:n},f,x),t(b,null,k,{kind:"accessor",name:"_children",static:!1,private:!1,access:{has:e=>"_children"in e,get:e=>e._children,set:(e,t)=>{e._children=t}},metadata:n},y,C),t(null,p={value:b},g,{kind:"class",name:b.name,metadata:n},null,_),b=p.value,n&&Object.defineProperty(b,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n})})(),b.styles=l(d),n(b,_),b})();export{m as CheckboxSubgroup};
|
|
53
53
|
//# sourceMappingURL=checkboxSubgroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxSubgroup.js","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, queryAssignedElements } from 'lit/decorators.js';\nimport Styles from './checkboxSubgroup.scss?inline';\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 = unsafeCSS(Styles);\n\n /** @internal */\n @queryAssignedElements({ slot: 'parent', selector: 'kyn-checkbox' })\n accessor _parent!: any;\n\n /** @internal */\n @queryAssignedElements({ selector: 'kyn-checkbox' })\n accessor _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 //
|
|
1
|
+
{"version":3,"file":"checkboxSubgroup.js","sources":["../../../../src/components/reusable/checkbox/checkboxSubgroup.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, queryAssignedElements } from 'lit/decorators.js';\nimport Styles from './checkboxSubgroup.scss?inline';\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 = unsafeCSS(Styles);\n\n /** @internal */\n @queryAssignedElements({ slot: 'parent', selector: 'kyn-checkbox' })\n accessor _parent!: any;\n\n /** @internal */\n @queryAssignedElements({ selector: 'kyn-checkbox' })\n accessor _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 const parent = this._parent?.[0];\n if (!parent) return;\n\n // checked when all children are checked, otherwise unchecked\n parent.checked =\n this._children.length > 0 && count === this._children.length;\n\n // indeterminate when some (but not all) children are checked\n parent.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 }\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","customElement","LitElement","_classThis","_classSuper","_parent","__classPrivateFieldGet","this","_CheckboxSubgroup__parent_accessor_storage","value","__classPrivateFieldSet","_children","_CheckboxSubgroup__children_accessor_storage","render","html","_handleSlotchange","CheckedBoxesCount","filter","checkbox","checked","length","_syncParent","count","parent","_a","indeterminate","_handleCheckboxChange","e","stopPropagation","isParent","composedPath","find","el","nodeName","getAttribute","checkedBoxesCount","detail","ChildValues","map","ParentChecked","event","CustomEvent","bubbles","composed","parentChecked","parentValue","childValues","dispatchEvent","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","__parent_initializers","__parent_extraInitializers","__children_initializers","queryAssignedElements","slot","selector","__children_decorators","__esDecorate","__parent_decorators","kind","name","static","private","access","has","obj","get","metadata","_metadata","__children_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|