npm - @gov-design-system-ce/components - Versions diffs - 4.6.0 → 4.6.3 - Mend

@gov-design-system-ce/components 4.6.0 → 4.6.3

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.

Files changed (1274) hide show

package/dist/collection/components/gov-stepper/stepper/gov-stepper-item.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (h(Host, { key: '609a7f8b92363c1de962f2260d36fc674bd4c193', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, h("div", { key: '5afa6db421d268ff22727bedff02fe7e37273b7c' }, h("div", { key: 'f09a6804198fbf9a37b0553bf0539e26dd28d9f4', class: StepperItemClass.steps }, h("span", { key: 'e9f495a434501d1b5f7ac65fb757cca181156814' }), h("span", { key: 'bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9', class: StepperItemClass.prefix }, h("slot", { key: '5d8ee1538f9232cc62d76b1aa2497195732c0b7f', name: "prefix" })), h("span", { key: 'cb3c58492c7190ae67770ed411bf154e831573ca' })), h("div", { key: '5747894f97b0ff23250ead28081410404bfbd0a8', class: StepperItemClass.main }, h("span", { key: '801116e18ad8b6543ceb9106195f5baed23170ee', class: StepperItemClass.headline }, h("slot", { key: '5e032e03983befdeddfa82f3756b7677549cfd53', name: "headline" })), h("slot", { key: '81ae890926e9966125ef3869da9c0230faf7b8a7', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'a8122225841c58776cde45f4a5e61292a2bab389', name: "content" })))))));
+        return (h(Host, { key: '126275cd984137b2c6d6cc5bdd2074adf14cee7b', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, h("div", { key: '15c1f0a0d533cd5473611b388590a6af94755ab9' }, h("div", { key: '85535167b5359d00e773ffac3aa64ae95d9a005a', class: StepperItemClass.steps }, h("span", { key: '37558ddd120824a5f234503b8cfb673352f642e1' }), h("span", { key: '647d2862b31d2e6e1c51f90e0cbf8eb76af9f5a8', class: StepperItemClass.prefix }, h("slot", { key: 'c58b03ec979eafc5db766c0134def19cbe2582d1', name: "prefix" })), h("span", { key: 'c294e1f9af11588960c8ccf5d16186eb2e57cc74' })), h("div", { key: 'ca82d4d7c0617f0c13de80c5a4247d8f9cd3d2e7', class: StepperItemClass.main }, h("span", { key: '6d1cb25eca0517abcb0557579eab240beaff7557', class: StepperItemClass.headline }, h("slot", { key: '3ef65e410481935cab120087b9454be9ce16ac1a', name: "headline" })), h("slot", { key: '8b7f8674a3347b2b51987ec7054835a8db203df8', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '208b1c3d7f235748a04f4c31d525263aad01c90e', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: '9b68d8eb8c095fd45b741fe2398d957b589fbd94', name: "content" })))))));
     }
     static get is() { return "gov-stepper-item"; }
     static get properties() {

package/dist/collection/components/gov-stepper/stepper/gov-stepper-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-stepper-item.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAoB,gBAAgB,EAAoB,aAAa,EAAE,MAAM,aAAa,CAAA;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAOvD,MAAM,OAAO,cAAc;IAM1B;QAFQ,aAAQ,GAAG,KAAK,CAAA;QAUxB;;WAEG;QACc,UAAK,GAAsB,SAAS,CAAA;QACrD;;WAEG;QACc,SAAI,GAAsB,GAAG,CAAA;QAd7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;QAC3C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;KAC9C;IAsBD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7D,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,MAAM;QACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;QACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAEhC,OAAO,CACN,EAAC,IAAI,qDAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAC5H;gBACC,4DAAK,KAAK,EAAE,gBAAgB,CAAC,KAAK;oBACjC,8DAAa;oBACb,6DAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM;wBACnC,6DAAM,IAAI,EAAC,QAAQ,GAAE,CACf;oBACP,8DAAa,CACR;gBACN,4DAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI;oBAChC,6DAAM,KAAK,EAAE,gBAAgB,CAAC,QAAQ;wBACrC,6DAAM,IAAI,EAAC,UAAU,GAAE,CACjB;oBACP,6DAAM,IAAI,EAAC,YAAY,GAAE;oBAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAC7B,4DAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU;wBAChB,6DAAM,IAAI,EAAC,SAAS,GAAE,CACjB,CACN,CACI,CACD,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\r\nimport { createID } from '../../../utils/string.utils'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper-item',\r\n})\r\nexport class GovStepperItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID('GovStepperItem')\r\n\t\tthis.contentId = createID('GovStepperContent')\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperItemElement\r\n\r\n\t/*\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly color?: StepperColorType = 'primary'\r\n\t/\r\n\t Size of stepper\r\n\t /\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/\r\n\t Custom stepper item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Called when the accordion state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst triggerId = this.identifier \|\| this.triggerId\r\n\t\tconst contentId = this.contentId\r\n\r\n\t\treturn (\r\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class={StepperItemClass.steps}>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\r\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class={StepperItemClass.main}>\r\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\r\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\r\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\r\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\r\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-stepper-item.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAoB,gBAAgB,EAAoB,aAAa,EAAE,MAAM,aAAa,CAAA;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAOvD,MAAM,OAAO,cAAc;IAM1B;QAFQ,aAAQ,GAAG,KAAK,CAAA;QAUxB;;WAEG;QACc,UAAK,GAAsB,SAAS,CAAA;QACrD;;WAEG;QACc,SAAI,GAAsB,GAAG,CAAA;QAd7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;QAC3C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;KAC9C;IAsBD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7D,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,MAAM;QACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;QACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAEhC,OAAO,CACN,EAAC,IAAI,qDAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAC5H;gBACC,4DAAK,KAAK,EAAE,gBAAgB,CAAC,KAAK;oBACjC,8DAAa;oBACb,6DAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM;wBACnC,6DAAM,IAAI,EAAC,QAAQ,GAAE,CACf;oBACP,8DAAa,CACR;gBACN,4DAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI;oBAChC,6DAAM,KAAK,EAAE,gBAAgB,CAAC,QAAQ;wBACrC,6DAAM,IAAI,EAAC,UAAU,GAAE,CACjB;oBACP,6DAAM,IAAI,EAAC,YAAY,GAAE;oBAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAC7B,4DAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU;wBAChB,6DAAM,IAAI,EAAC,SAAS,GAAE,CACjB,CACN,CACI,CACD,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\nimport { createID } from '../../../utils/string.utils'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\n\t/*\n\t Style variation of the button.\n\t /\n\t@Prop() readonly color?: StepperColorType = 'primary'\n\t/\n\t Size of stepper\n\t /\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/\n\t Custom stepper item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier \|\| this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={StepperItemClass.steps}>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class={StepperItemClass.main}>\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"annotation\"/>\n\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-stepper/stepper/gov-stepper.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '92d3349a28b4330a3bea5293853612d0a0b96069', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'a5b65c3a06c63f826d6c968c69f1452abe0408af' })));
+        return (h(Host, { key: '339a1f4eaaa246d8329841d99e784b8c157bb5d3', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: '9e1604e94a11bbc3b2f8230193b43f9466601866' })));
     }
     static get is() { return "gov-stepper"; }
     static get properties() {

package/dist/collection/components/gov-stepper/stepper/gov-stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-stepper.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-stepper/stepper/gov-stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAoB,MAAM,aAAa,CAAA;AAI5F,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAKvD,MAAM,OAAO,UAAU;IAItB;QAFQ,aAAQ,GAAG,KAAK,CAAA;QAOxB;;WAEG;QACc,SAAI,GAAsB,GAAG,CAAA;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAaD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACxD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,EAAE,EAAE;YAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,EAAE,EAAE;gBAChG,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;YAC9B,CAAC,CAAC,CAAA;QACH,CAAC,CAAC,CAAA;IACH,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACnG,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\r\nimport { GovStepperItemCustomEvent } from '../../../components'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper',\r\n})\r\nexport class GovStepper {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperElement\r\n\t/*\r\n\t Size of stepper\r\n\t /\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/\r\n\t Called when the Stepper state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\r\n\t\t\tchild.setAttribute('size', this.size)\r\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-stepper.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-stepper/stepper/gov-stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAoB,MAAM,aAAa,CAAA;AAI5F,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAKvD,MAAM,OAAO,UAAU;IAItB;QAFQ,aAAQ,GAAG,KAAK,CAAA;QAOxB;;WAEG;QACc,SAAI,GAAsB,GAAG,CAAA;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAaD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACxD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,EAAE,EAAE;YAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,EAAE,EAAE;gBAChG,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;YAC9B,CAAC,CAAC,CAAA;QACH,CAAC,CAAC,CAAA;IACH,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACnG,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\nimport { GovStepperItemCustomEvent } from '../../../components'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { govHost } from '../../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-stepper',\n})\nexport class GovStepper {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovStepperElement\n\t/*\n\t Size of stepper\n\t /\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/\n\t Called when the Stepper state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-tabs/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAGrE,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAG7D,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,yBAAa,CAAA;IACb,yBAAa,CAAA;AACd,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAID,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACzB,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;AACtB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAID,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,GAAG,EAAE,eAAe;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,sBAAsB;CAC7B,CAAA","sourcesContent":["import { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport { Colors } from '../../core/constants/colors'\r\n\r\nexport const TabSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type TabSizeType = `${ValueOf<typeof TabSizes>}`\r\n\r\nexport const TabColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type ColorType = `${ValueOf<typeof TabColors>}`\r\n\r\nexport enum TabTypes {\r\n\tTEXT = 'text',\r\n\tCHIP = 'chip',\r\n}\r\n\r\nexport type TabType = `${ValueOf<typeof TabTypes>}`\r\n\r\nexport enum TabOrientation {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\n\r\nexport type TabOrientationType = `${ValueOf<typeof TabOrientation>}`\r\n\r\nexport const TabsClass = {\r\n\troot: 'gov-tabs',\r\n\ttabs: 'gov-tabs__tabs',\r\n\tlist: 'gov-tabs__list',\r\n\titem: 'gov-tabs__item',\r\n\tbtn: 'gov-tabs__btn',\r\n}\r\n\r\nexport const TabsItemClass = {\r\n\troot: 'gov-tabs-item',\r\n\tinner: 'gov-tabs-item__inner',\r\n}\r\n"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAGrE,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAG7D,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,yBAAa,CAAA;IACb,yBAAa,CAAA;AACd,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAID,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACzB,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;AACtB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAID,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,GAAG,EAAE,eAAe;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,sBAAsB;CAC7B,CAAA","sourcesContent":["import { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\nimport {Sizes} from \"../../core/constants/sizes\";\nimport { Colors } from '../../core/constants/colors'\n\nexport const TabSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type TabSizeType = `${ValueOf<typeof TabSizes>}`\n\nexport const TabColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type ColorType = `${ValueOf<typeof TabColors>}`\n\nexport enum TabTypes {\n\tTEXT = 'text',\n\tCHIP = 'chip',\n}\n\nexport type TabType = `${ValueOf<typeof TabTypes>}`\n\nexport enum TabOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\n\nexport type TabOrientationType = `${ValueOf<typeof TabOrientation>}`\n\nexport const TabsClass = {\n\troot: 'gov-tabs',\n\ttabs: 'gov-tabs__tabs',\n\tlist: 'gov-tabs__list',\n\titem: 'gov-tabs__item',\n\tbtn: 'gov-tabs__btn',\n}\n\nexport const TabsItemClass = {\n\troot: 'gov-tabs-item',\n\tinner: 'gov-tabs-item__inner',\n}\n"]}

package/dist/collection/components/gov-tabs/gov-tabs-item.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class GovTabsItem {
         }
     }
     render() {
-        return (h(Host, { key: '7de42fde0ca4e787967c76a14aa2498367f66a1c', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: '89f6bf8f5505ed17e5a9c46f60dfbf34353a75e6', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: '690b06566e645ce22ec34c47c56852a75ac1069b' }))));
+        return (h(Host, { key: '49f4fbd9c9211ebd58c89d538df85164473c4f76', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: 'cbb71bd33c068923a8d23b62c43b1c757d4d0c78', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: 'fdf732f55e7ce4cb1d96ec8c7124124d9ca3e198' }))));
     }
     /**
      * Returns a unique tab content identifier

package/dist/collection/components/gov-tabs/gov-tabs-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tabs-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACrF,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAE,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAEvE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAKpD,MAAM,OAAO,WAAW;IAKvB;QAmBA;;WAEG;QAC6B,aAAQ,GAAY,KAAK,CAAA;QASzD;;WAEG;QACc,YAAO,GAAY,KAAK,CAAA;QAChC,aAAQ,GAAG,KAAK,CAAA;QAlCxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;QAC1C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;KAC1C;IAmCD,cAAc;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAuB,CAAC;QACvE,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAA;QAC3B,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;YACrE,4DACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,qBACL,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAEhD,8DAAa,CACR,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;IACzC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,oBAAoB;QACzB,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,CAAA;IAChD,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,eAAe;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACrB,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,eAAe,CAAC,MAAe;QACpC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAA;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {TabsClass, TabsItemClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-tabs-item',\r\n})\r\nexport class GovTabsItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly contentId: string\r\n\tprivate readonly triggerId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.contentId = createID('GovTabContent')\r\n\t\tthis.triggerId = createID('GovTabTrigger')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsItemElement\r\n\t/*\r\n\t Custom tab item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Custom tab trigger item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly triggerIdentifier: string\r\n\t/\r\n\t Item name of the tab\r\n\t /\r\n\t@Prop({reflect: true}) readonly label: string\r\n\t/\r\n\t Item disable state\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Icon definition at the stat. Use the type/name notation\r\n\t /\r\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\r\n\t/\r\n\t Icon definition at the end. Use the type/name notation\r\n\t /\r\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\r\n\t/\r\n\t Default selected tab\r\n\t /\r\n\t@Prop() readonly default: boolean = false\r\n\t@State() isActive = false\r\n\r\n\t@Watch('label')\r\n\t@Watch('disabled')\r\n\trerenderParent() {\r\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\r\n\t\tif (element) {\r\n\t\t\telement.rerender().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={TabsItemClass.inner}\r\n\t\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t\tid={this.identifier \|\| this.contentId}\r\n\t\t\t\t\thidden={!this.isActive}\r\n\t\t\t\t\taria-labelledby={this.triggerIdentifier \|\| this.triggerId}\r\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab content identifier\r\n\t /\r\n\t@Method()\r\n\tasync getIdentifier(): Promise<string> {\r\n\t\treturn this.identifier \|\| this.contentId\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab trigger identifier\r\n\t /\r\n\t@Method()\r\n\tasync getTriggerIdentifier(): Promise<string> {\r\n\t\treturn this.triggerIdentifier \|\| this.triggerId\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab trigger identifier\r\n\t /\r\n\t@Method()\r\n\tasync getDisableState(): Promise<boolean> {\r\n\t\treturn this.disabled\r\n\t}\r\n\r\n\t/\r\n\t Set status of tab-item\r\n\t */\r\n\t@Method()\r\n\tasync setActiveStatus(status: boolean): Promise<void> {\r\n\t\tthis.isActive = status\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-tabs-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACrF,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAE,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAEvE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAKpD,MAAM,OAAO,WAAW;IAKvB;QAmBA;;WAEG;QAC6B,aAAQ,GAAY,KAAK,CAAA;QASzD;;WAEG;QACc,YAAO,GAAY,KAAK,CAAA;QAChC,aAAQ,GAAG,KAAK,CAAA;QAlCxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;QAC1C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;KAC1C;IAmCD,cAAc;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAuB,CAAC;QACvE,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAA;QAC3B,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;YACrE,4DACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,qBACL,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAEhD,8DAAa,CACR,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;IACzC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,oBAAoB;QACzB,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,CAAA;IAChD,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,eAAe;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACrB,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,eAAe,CAAC,MAAe;QACpC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAA;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {createID} from '../../utils/string.utils'\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {TabsClass, TabsItemClass} from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/*\n\t Custom tab item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Custom tab trigger item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly triggerIdentifier: string\n\t/\n\t Item name of the tab\n\t /\n\t@Prop({reflect: true}) readonly label: string\n\t/\n\t Item disable state\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Icon definition at the stat. Use the type/name notation\n\t /\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\n\t/\n\t Icon definition at the end. Use the type/name notation\n\t /\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\n\t/\n\t Default selected tab\n\t /\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\t@Watch('label')\n\t@Watch('disabled')\n\trerenderParent() {\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\n\t\tif (element) {\n\t\t\telement.rerender().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier \|\| this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier \|\| this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Returns a unique tab content identifier\n\t /\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier \|\| this.contentId\n\t}\n\n\t/\n\t Returns a unique tab trigger identifier\n\t /\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier \|\| this.triggerId\n\t}\n\n\t/\n\t Returns a unique tab trigger identifier\n\t /\n\t@Method()\n\tasync getDisableState(): Promise<boolean> {\n\t\treturn this.disabled\n\t}\n\n\t/\n\t Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"]}

package/dist/collection/components/gov-tabs/gov-tabs.js CHANGED Viewed

@@ -128,7 +128,7 @@ export class GovTabs {
         });
     }
     render() {
-        return (h(Host, { key: '0b339dda9cd002b5548650f0f996d349842f4c8b', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: '683da4323be50ee97c0f2b666423308b2feb6ff3', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: '0a255d6a8a57744c0636a41e567661775d450dee', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '367950fe8ebba21bbe73c51a0d4c33efbb33e093' })));
+        return (h(Host, { key: '5dfd9d6ca4a17c425a96a1f766d599de80db6028', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: 'a195131ab673e7b9906777757f5c7e8c8421ddad', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: '3dd46399f5054881f71242b2f184ebfb11fac51e', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '5fc402a27b6236ca10c8f3370f946b7ceadb5342' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;

package/dist/collection/components/gov-tabs/gov-tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tabs.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tColorType,\r\n\tTabColors,\r\n\tTabOrientationType,\r\n\tTabsClass,\r\n\tTabsItemClass,\r\n\tTabSizes,\r\n\tTabSizeType,\r\n\tTabType,\r\n\tTabTypes\r\n} from \"./constants\"\r\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\r\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\r\nimport {Nullable} from \"../../types/interfaces\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: \"gov-tabs\",\r\n})\r\nexport class GovTabs {\r\n\tprivate h: GovHost\r\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsElement\r\n\t/*\r\n\t Tabs type\r\n\t /\r\n\t@Prop() readonly type: TabType = \"text\"\r\n\t/\r\n\t Tabs size.\r\n\t /\r\n\t@Prop() readonly size?: TabSizeType = 'm'\r\n\t/\r\n\t Style variation of the tab chips.\r\n\t /\r\n\t@Prop() readonly color?: ColorType = \"primary\"\r\n\t/\r\n\t Tabs orientation\r\n\t /\r\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\r\n\t/\r\n\t Icon and description display direction\r\n\t /\r\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\r\n\t/\r\n\t Emitted when the tab is changed.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@State() controllers: GovTabControllerItem[] = []\r\n\t@State() focusIndex = 0\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.prepareControllers()\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate prepareControllers(skipDefault = false): void {\r\n\t\tthis.controllers = []\r\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\r\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\r\n\t\t\tconst controlItem = Promise.all([\r\n\t\t\t\ttab.getIdentifier(),\r\n\t\t\t\ttab.getTriggerIdentifier(),\r\n\t\t\t\ttab.getDisableState()\r\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\r\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\r\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\r\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\r\n\t\t\t\treturn {\r\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\r\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\r\n\t\t\t\t\tcontentIdentifier: identifier,\r\n\t\t\t\t\tdisabled: disabled,\r\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\r\n\t\t\t\t\telement: tab,\r\n\t\t\t\t\tactive: false,\r\n\t\t\t\t\tdefault: isDefault,\r\n\t\t\t\t\ticonStart,\r\n\t\t\t\t\ticonEnd\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tpromises.push(controlItem)\r\n\t\t});\r\n\t\tPromise.all(promises).then(controllers => {\r\n\t\t\tif (skipDefault === false) {\r\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\r\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\r\n\t\t\t\tthis.focusIndex = defaultTabIndex\r\n\t\t\t\tcontrollers[defaultTabIndex].active = true\r\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\r\n\t\t\t\tcontrollers[this.focusIndex].active = true\r\n\t\t\t}\r\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\r\n\t\t\tif (isWrongCombination > -1) {\r\n\t\t\t\tcontrollers[isWrongCombination].active = false;\r\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\r\n\t\t\t\tif (firstGoodTab > -1) {\r\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\r\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.controllers = [...controllers]\r\n\t\t\tthis.reRender()\r\n\t\t})\r\n\t}\r\n\r\n\tprivate setActiveByIdentifier(identifier: string) {\r\n\t\tconst temp = []\r\n\t\tthis.controllers.map(item => {\r\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\r\n\t\t\ttemp.push(item)\r\n\t\t})\r\n\t\tthis.controllers = [...temp]\r\n\t}\r\n\r\n\tprivate reRender() {\r\n\t\tthis.controllers.map(control => {\r\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tdirection={this.direction}\r\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<div class={TabsClass.tabs}\r\n\t\t\t\t\t role=\"tablist\"\r\n\t\t\t\t\t {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={TabsClass.list}>\r\n\t\t\t\t\t\t{this.controllers.map(control => (\r\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\r\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\r\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<gov-chip\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\r\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</gov-chip>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\r\n\t\treturn this.controllers.find(control => control.active) \|\| null\r\n\t}\r\n\r\n\tprivate onSelectHandler(control: GovTabControllerItem) {\r\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\r\n\t\tthis.focusIndex = index\r\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\r\n\t\tthis.reRender()\r\n\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t}\r\n\r\n\tprivate onKeydownHandler(e: KeyboardEvent) {\r\n\t\tconst keyCode = e.keyCode\r\n\r\n\t\te.stopPropagation()\r\n\t\tthis.goToPrevNext(keyCode)\r\n\t}\r\n\r\n\tprivate goToPrevNext(keyCode: number) {\r\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\r\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tthis.controllers[this.focusIndex].active = false\r\n\r\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\r\n\t\t\t\tthis.focusIndex++\r\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\r\n\t\t\t\t\tthis.focusIndex = 0\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(40)\r\n\t\t\t\t}\r\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\r\n\t\t\t\tthis.focusIndex--\r\n\t\t\t\tif (this.focusIndex < 0) {\r\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(38)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\r\n\t\t\t\tconst current = this.controllers[this.focusIndex]\r\n\t\t\t\tcurrent.active = true\r\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\r\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\r\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.controllers = [...this.controllers]\r\n\t\t\t\tthis.reRender()\r\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t /\r\n\t@Method()\r\n\tasync refresh(): Promise<void> {\r\n\t\tthis.prepareControllers()\r\n\t}\r\n\r\n\t/\r\n\t Returns the currently selected tabs-item\r\n\t /\r\n\t@Method()\r\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\r\n\t\treturn this.getCurrentTab().element \|\| null\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t /\r\n\t@Method()\r\n\tasync setActiveTab(identifier: string): Promise<void> {\r\n\t\tthis.setActiveByIdentifier(identifier)\r\n\t\tthis.reRender()\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync rerender(): Promise<void> {\r\n\t\tthis.prepareControllers(true);\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-tabs.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/*\n\t Tabs type\n\t /\n\t@Prop() readonly type: TabType = \"text\"\n\t/\n\t Tabs size.\n\t /\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/\n\t Style variation of the tab chips.\n\t /\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/\n\t Tabs orientation\n\t /\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/\n\t Icon and description display direction\n\t /\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\n\t/\n\t Emitted when the tab is changed.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\n\t\treturn this.controllers.find(control => control.active) \|\| null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/\n\t Returns the currently selected tabs-item\n\t /\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element \|\| null\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"]}

package/dist/collection/components/gov-tabs/gov-tabs.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tabs.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs.types.ts"],"names":[],"mappings":"","sourcesContent":["import {Nullable} from \"../../types/interfaces\";\r\nimport {IconType} from \"../gov-icon/helpers\";\r\n\r\nexport interface GovTabControllerItem {\r\n\tlabel: string\r\n\tcontentIdentifier: string\r\n\ttriggerIdentifier: string\r\n\telement: HTMLGovTabsItemElement\r\n\tactive: boolean\r\n\tdefault: boolean\r\n\tdisabled: boolean\r\n\ticonStart: Nullable<IconType>\r\n\ticonEnd: Nullable<IconType>\r\n\tdirection: string\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-tabs.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs.types.ts"],"names":[],"mappings":"","sourcesContent":["import {Nullable} from \"../../types/interfaces\";\nimport {IconType} from \"../gov-icon/helpers\";\n\nexport interface GovTabControllerItem {\n\tlabel: string\n\tcontentIdentifier: string\n\ttriggerIdentifier: string\n\telement: HTMLGovTabsItemElement\n\tactive: boolean\n\tdefault: boolean\n\tdisabled: boolean\n\ticonStart: Nullable<IconType>\n\ticonEnd: Nullable<IconType>\n\tdirection: string\n}\n"]}

package/dist/collection/components/gov-tag/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tag/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IAClB,wBAAa,CAAA;IACb,4BAAiB,CAAA;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAGD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACvB,IAAI,EAAE,SAAS;CACf,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tag/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IAClB,wBAAa,CAAA;IACb,4BAAiB,CAAA;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAGD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACvB,IAAI,EAAE,SAAS;CACf,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n"]}

package/dist/collection/components/gov-tag/gov-tag.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: 'bb366b85a94d134d58766604e6410e17bed07adc', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: '963aa53926b6b65bbc155c349a119f46aabe59c8', class: "element" }, h("slot", { key: '3164cfa09970ac3e0f97df7265afd45a623b09aa', name: "icon-start" }, iconStart && h("gov-icon", { key: '335c0e5db0cb5a808c553bd4c9f6893d17a8fac9', type: iconStart.type, name: iconStart.name })), h("slot", { key: '9be29754dcefdaa37daee39befdc6a708e36324d' }), h("slot", { key: '6dffe882089838615e9fe451fc800b728885746a', name: "icon-end" }, iconEnd && h("gov-icon", { key: '415d8c03fefdf6281ae13668fb7b3aeaa572856e', type: iconEnd.type, name: iconEnd.name })))));
+        return (h(Host, { key: '9ed31c6f9d34001618223db4d842ee55611f8896', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: '617d6cf19dc34385815916b6656f48c14428bff6', class: "element" }, h("slot", { key: 'd95d40e8a9de633865f174821050ab57174b435f', name: "icon-start" }, iconStart && h("gov-icon", { key: '95a813406d45b8a69f4d4804f4063a7fa88d1038', type: iconStart.type, name: iconStart.name })), h("slot", { key: '4e4ad28e073bc933e3a193283e46d50f413bcf62' }), h("slot", { key: '0642ab987098007d4335d8aed281f4cd431bfe10', name: "icon-end" }, iconEnd && h("gov-icon", { key: '00ea783ae37eb0a4461cb97e15cdc9efc332bb27', type: iconEnd.type, name: iconEnd.name })))));
     }
     static get is() { return "gov-tag"; }
     static get properties() {

package/dist/collection/components/gov-tag/gov-tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tag.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tag/gov-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAC,WAAW,EAAE,YAAY,EAAkB,MAAM,gCAAgC,CAAA;AACzF,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAA6B,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAKtD,MAAM,OAAO,MAAM;IAGlB;QAcA;;WAEG;QAC6B,SAAI,GAAiB,QAAQ,CAAC,EAAE,CAAA;QAChE;;WAEG;QAC6B,UAAK,GAAoB,YAAY,CAAC,OAAO,CAAA;QAK7E;;WAEG;QAC6B,aAAQ,GAAY,KAAK,CAAA;QA5BxD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA8BD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IACpD,CAAC;IAGD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IACnD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI;YAEf,6DAAM,KAAK,EAAC,SAAS;gBACpB,6DAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE;gBACP,8DAAO;gBACP,6DAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAI,iEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTagElement\r\n\r\n\t/*\r\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t /\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/\r\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t /\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/\r\n\t Tag’s size.\r\n\t /\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/\r\n\t Style variation of the tag.\r\n\t /\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/\r\n\t Tag’s type\r\n\t /\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/\r\n\t Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-tag.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tag/gov-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAC,WAAW,EAAE,YAAY,EAAkB,MAAM,gCAAgC,CAAA;AACzF,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAA6B,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAKtD,MAAM,OAAO,MAAM;IAGlB;QAcA;;WAEG;QAC6B,SAAI,GAAiB,QAAQ,CAAC,EAAE,CAAA;QAChE;;WAEG;QAC6B,UAAK,GAAoB,YAAY,CAAC,OAAO,CAAA;QAK7E;;WAEG;QAC6B,aAAQ,GAAY,KAAK,CAAA;QA5BxD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA8BD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IACpD,CAAC;IAGD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IACnD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI;YAEf,6DAAM,KAAK,EAAC,SAAS;gBACpB,6DAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE;gBACP,8DAAO;gBACP,6DAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAI,iEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/*\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t /\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t /\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/\n\t Tag’s size.\n\t /\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/\n\t Style variation of the tag.\n\t /\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/\n\t Tag’s type\n\t /\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/\n\t Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-theme-switch/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG7E,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,6BAA6B;IACxC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,8BAA8B;IACzC,QAAQ,EAAE,6BAA6B;CACvC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,YAAY,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\r\n\r\nexport const ThemeSwitchClass = {\r\n\troot: 'gov-theme-switch',\r\n\tindicator: 'gov-theme-switch__indicator',\r\n\tlabel: 'gov-theme-switch__label',\r\n\ticonLight: 'gov-theme-switch__icon-light',\r\n\ticonDark: 'gov-theme-switch__icon-dark',\r\n}\r\n\r\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\r\n"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG7E,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,6BAA6B;IACxC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,8BAA8B;IACzC,QAAQ,EAAE,6BAA6B;CACvC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,YAAY,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n"]}

package/dist/collection/components/gov-theme-switch/gov-theme-switch.js CHANGED Viewed

@@ -83,7 +83,7 @@ export class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (h(Host, { key: '77b26165b2a824ff9649ac9c28d7b300cdb76280', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: 'c46058c2a0e797fef9c7e1ab4975ff379bbc3fb4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: 'c1d8824467dc7bfa5d23f1f99db686e91e93087b' }, h("span", { key: '62da0a9fecc5fc713b98ac9e4e728e3e19b9aa67', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: '7c9dd1cf819afbd7f63609916d6c845c2236fbca', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: '3f1acf71f8afb5ca893c460b7d0b6e49fe6f5c2d', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (h("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
+        return (h(Host, { key: '3015dd1049b1c9a2b5902d1d56c8b3872a275c10', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: 'ca4b331189fca45f66c4eef138db66482add2834', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: 'ed2a779f1e9fe1a0e722439598c9a413e9b39071' }, h("span", { key: 'f58e164a6b1b389ecfe93f7d2673ea5749a8fd96', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: '24663f2d33ea2bead59df37fef9932e549070ce4', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: 'a4482c64c35b9c70122a687aca4bb90bfa1000f3', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (h("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
     }
     static get is() { return "gov-theme-switch"; }
     static get properties() {

package/dist/collection/components/gov-theme-switch/gov-theme-switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-theme-switch.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\";\r\nimport {govHost} from \"../../helpers/Dom/template\";\r\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\r\nimport {isWindow} from \"../../helpers/Dom/win\";\r\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\ttag: \"gov-theme-switch\",\r\n})\r\nexport class GovThemeSwitch {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovThemeSwitchElement\r\n\r\n\t/*\r\n\t Switch's size.\r\n\t /\r\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\r\n\t/\r\n\t Display switch label\r\n\t /\r\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\r\n\t/\r\n\t Label in light mode\r\n\t /\r\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\r\n\t/\r\n\t Label in dark mode\r\n\t /\r\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\r\n\t/\r\n\t Label in light mode\r\n\t /\r\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\r\n\t/\r\n\t Label in dark mode\r\n\t /\r\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\r\n\t/\r\n\t Called when the theme is changed by the user\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\r\n\t}\r\n\r\n\t@Watch(\"theme\")\r\n\twatchTheme(newValue: ThemeList): void {\r\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\r\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\r\n\t\tthis.htmlElement.classList.add(newValue);\r\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\r\n\t}\r\n\r\n\t@State() theme: ThemeList = ThemeList.auto\r\n\r\n\tprivate get storageValue() {\r\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\r\n\t}\r\n\r\n\tprivate get htmlElement(): HTMLElement {\r\n\t\treturn document.documentElement\r\n\t}\r\n\r\n\tprivate get isSystemPrefersColorDark(): boolean {\r\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.initDefaultState()\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tprivate initDefaultState() {\r\n\t\tconst options = Object.keys(ThemeList);\r\n\t\tlet currentState = this.storageValue;\r\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\r\n\r\n\t\tif (currentState && options.includes(currentState)) {\r\n\t\t\tthis.theme = currentState as ThemeList;\r\n\t\t} else if (htmlState && options.includes(htmlState)) {\r\n\t\t\tthis.theme = htmlState as ThemeList;\r\n\t\t} else {\r\n\t\t\tthis.theme = ThemeList.auto;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setThemeState = (state: ThemeList) => {\r\n\t\tthis.theme = state;\r\n\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: ThemeSwitchClass.root,\r\n\t\t\tstate: this.theme,\r\n\t\t\tref: this.host\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet isDark = this.theme === ThemeList.dark;\r\n\t\tif (this.theme === ThemeList.auto) {\r\n\t\t\tisDark = this.isSystemPrefersColorDark;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\r\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\r\n\t\t\t\t size={this.size}>\r\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\r\n\t\t\t\t\t\taria-current={this.theme}\r\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\r\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{this.displayLabel ? (\r\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\r\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t) : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</button>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-theme-switch.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/*\n\t Switch's size.\n\t /\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/\n\t Display switch label\n\t /\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\n\t/\n\t Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-theme-switch/gov-theme-switch.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-theme-switch.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACpB,0BAAa,CAAA;IACb,4BAAe,CAAA;IACf,0BAAa,CAAA;AACd,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB","sourcesContent":["import {GovBaseEvent} from \"../../types/event.types\";\r\n\r\nexport enum ThemeList {\r\n\tauto = 'auto',\r\n\tlight = 'light',\r\n\tdark = 'dark'\r\n}\r\n\r\nexport interface ThemeSwitchEvent extends GovBaseEvent {\r\n\tref: HTMLGovThemeSwitchElement;\r\n\tstate: ThemeList\r\n}\r\n\r\n"]}
1	+ {"version":3,"file":"gov-theme-switch.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACpB,0BAAa,CAAA;IACb,4BAAe,CAAA;IACf,0BAAa,CAAA;AACd,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB","sourcesContent":["import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n"]}

package/dist/collection/components/gov-tile/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tile/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,sBAAsB;CAClC,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tile/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,sBAAsB;CAClC,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n"]}

package/dist/collection/components/gov-tile/gov-tile.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '31fcebee125c753089b2229cea0033dce9aa3133', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: 'b79748ea55bb2e86d887860c1143d82d75497966', name: "icon" }), h("div", { key: 'db8b61554f6943612c9d7165174926cfd205fcfb', class: TileClass.content }, h("div", { key: 'e844267c106109d0470176d3c89539f8f987c70f', class: TileClass.text }, h("div", { key: 'e4771f568d8848b87045293ebb10af5679f1a3b7', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: 'cf1bf1a1c29e8879dc509b484325b82808db792a', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: '9a10f28fd144f1131eae6735342da9a5d93665e2' }))), h("slot", { key: '067476f1a27bad0fb50d86789a729f93b1f1e5ad', name: "button" }))));
+        return (h(Host, { key: '675f324a6b643d22ae4b737f2049f0f1a51e4972', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: '4dc974090359d27cd89e7b7af38f56fd016608d5', name: "icon" }), h("div", { key: '9d3c42f854fe4178886d6218cc99de44c6a27335', class: TileClass.content }, h("div", { key: '97891e205f08b2b4c81110bcb7bb3c4ed48362ed', class: TileClass.text }, h("div", { key: '6446384bd51f13aff4b9ff0144a4240fe1465b8d', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: 'e25fe83f7f147582005341bb951ac2221bebbfbf', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: '5c87e54b826d3e4fbb8231c19e66db7961e63a60' }))), h("slot", { key: 'ab53f48d63dbc279788e4f83d77beb7eaabc1425', name: "button" }))));
     }
     /**
      * Returns a clickable element instance

package/dist/collection/components/gov-tile/gov-tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tile.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tile/gov-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AACjF,OAAO,EAAC,SAAS,EAAgB,MAAM,aAAa,CAAA;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAOlD,MAAM,OAAO,OAAO;IA0BnB;QAxBA;;WAEG;QAC6B,SAAI,GAAmB,GAAG,CAAA;QAK1D;;WAEG;QACwC,aAAQ,GAAY,KAAK,CAAA;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YAEpC,6DAAM,IAAI,EAAC,MAAM,GAAE;YACnB,4DAAK,KAAK,EAAE,SAAS,CAAC,OAAO;gBAC5B,4DAAK,KAAK,EAAE,SAAS,CAAC,IAAI;oBACzB,4DAAK,KAAK,EAAE,SAAS,CAAC,KAAK,IACzB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,EAAC,QAAQ;wBACR,SACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC;4BACtE,YAAM,IAAI,EAAC,OAAO,GAAE,CACjB;wBACJ,YAAM,KAAK,EAAE,SAAS,CAAC,IAAI;4BAC1B,gBAAU,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,CACX,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,OAAO,GAAE,CACpB,CACI;oBACN,4DAAK,KAAK,EAAE,GAAG,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,UAAU,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;wBAC3F,8DAAO,CACF,CACD;gBACN,6DAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,CAAA;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/*\r\n\t Tile’s size\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/\r\n\t Style variation of the tile.\r\n\t /\r\n\t@Prop() readonly orientation: \"vertical\" \| \"horizontal\"\r\n\t/\r\n\t Tiles border\r\n\t /\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/\r\n\t Link on whole tile\r\n\t /\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t /\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement \| HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t size={this.size}\r\n\t\t\t\t orientation={this.orientation}\r\n\t\t\t\t clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement \| HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-tile.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tile/gov-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AACjF,OAAO,EAAC,SAAS,EAAgB,MAAM,aAAa,CAAA;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAOlD,MAAM,OAAO,OAAO;IA0BnB;QAxBA;;WAEG;QAC6B,SAAI,GAAmB,GAAG,CAAA;QAK1D;;WAEG;QACwC,aAAQ,GAAY,KAAK,CAAA;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YAEpC,6DAAM,IAAI,EAAC,MAAM,GAAE;YACnB,4DAAK,KAAK,EAAE,SAAS,CAAC,OAAO;gBAC5B,4DAAK,KAAK,EAAE,SAAS,CAAC,IAAI;oBACzB,4DAAK,KAAK,EAAE,SAAS,CAAC,KAAK,IACzB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,EAAC,QAAQ;wBACR,SACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC;4BACtE,YAAM,IAAI,EAAC,OAAO,GAAE,CACjB;wBACJ,YAAM,KAAK,EAAE,SAAS,CAAC,IAAI;4BAC1B,gBAAU,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,CACX,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,OAAO,GAAE,CACpB,CACI;oBACN,4DAAK,KAAK,EAAE,GAAG,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,UAAU,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;wBAC3F,8DAAO,CACF,CACD;gBACN,6DAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,CAAA;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/*\n\t Tile’s size\n\t /\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/\n\t Style variation of the tile.\n\t /\n\t@Prop() readonly orientation: \"vertical\" \| \"horizontal\"\n\t/\n\t Tiles border\n\t /\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/\n\t Link on whole tile\n\t /\n\t@Prop({reflect: true}) readonly href: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t /\n\t@Prop() readonly target?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement \| HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t orientation={this.orientation}\n\t\t\t\t clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement \| HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"]}

package/dist/collection/components/gov-toast/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAG9F,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACpB,0BAAa,CAAA;IACb,8BAAiB,CAAA;AAClB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAGD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,kBAAkB;CACzB,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAG9F,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACpB,0BAAa,CAAA;IACb,8BAAiB,CAAA;AAClB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAGD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,kBAAkB;CACzB,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n"]}

package/dist/collection/components/gov-toast/gov-toast.js CHANGED Viewed

@@ -67,7 +67,7 @@ export class GovToast {
         }
     }
     render() {
-        return (h(Host, { key: '623b9b85e6b10894429d50c4624bac71808d29ad', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: 'ae58b921c0aff0f678176c24d4cf69d05fb6cdab', class: ToastClass.icon }, h("slot", { key: '40d58461b3e16abd1d4cd627057e986548ac63c1', name: "icon" }))), h("div", Object.assign({ key: 'b003f0521f3fb5095b94280e2cf252b2a26ccaed', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: '4743ada7cc1d31d6ca07871228d3fadc3576982f' })), h("gov-button", { key: '0d4e9bae29391f47389abbc2ada9ca9edaa13b97', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: 'a8cb56376d11503abe586598f330476a45f59c8e', class: ToastClass.timer })));
+        return (h(Host, { key: '987e5c487dd42f713414dcb0db4c5324db61bc46', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: '1ebdf5e3b7a44dfa2c5489a3d23f5b7aff2368b4', class: ToastClass.icon }, h("slot", { key: 'be28a32d3ff38e6c9adcaee780cfab4b814c4291', name: "icon" }))), h("div", Object.assign({ key: 'c8a8040d1b724d0e59d10a7dfde32870912c5bed', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: '021b0fede68c4f897c28b1f6ef7b088d71740ec3' })), h("gov-button", { key: '1792f238afbba0ad073cd5513044b15d43cbe07b', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: 'b467970959f395a2c14182d98a06b17e471611b4', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);

package/dist/collection/components/gov-toast/gov-toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-toast.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/gov-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC1G,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAC,UAAU,EAAE,WAAW,EAAiC,MAAM,aAAa,CAAA;AACnF,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAC,iBAAiB,EAAa,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAC,qBAAqB,EAAC,MAAM,2CAA2C,CAAC;AAKhF,MAAM,OAAO,QAAQ;IAMpB;QAMA;;WAEG;QACc,UAAK,GAAoB,SAAS,CAAA;QAEnD;;WAEG;QACc,YAAO,GAAqB,KAAK,CAAA;QAClD;;WAEG;QACc,aAAQ,GAAgC,OAAO,CAAA;QAChE;;WAEG;QACc,SAAI,GAAoB,MAAM,CAAA;QAC/C;;WAEG;QACc,SAAI,GAAW,CAAC,CAAA;QAmBxB,wBAAmB,GAAe,EAAE,CAAA;QA5C5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;KACnC;IAsCD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IACrD,CAAC;IAID,gBAAgB;QACf,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE;YACrF,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAGD,oBAAoB;;QACnB,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,MAAA,IAAI,CAAC,iBAAiB,0CAAE,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,qBAAqB,CAAC,aAAqB,EAAE,QAAgB;QAC5D,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;QACxC,IAAI,CAAC,mBAAmB,mCAAO,IAAI,CAAC,mBAAmB,KAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,GAAC,CAAC;IACrF,CAAC;IAEO,QAAQ;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;gBAC1C,UAAU,CAAC,GAAG,EAAE;oBACf,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAA;oBACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBACjC,CAAC,EAAE,GAAG,CAAC,CAAA;YACR,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACd,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,mBACvB,IAAI,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAC,kBAAkB,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,EAAC;YAE5C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,6DAAM,KAAK,EAAE,UAAU,CAAC,IAAI;gBAC3B,6DAAM,IAAI,EAAC,MAAM,GAAE,CACb,CACP;YAED,0EAAK,KAAK,EAAE,UAAU,CAAC,OAAO,IAAM,IAAI,CAAC,mBAAmB,iBAAY,QAAQ,EAAC,IAAI,EAAC,QAAQ;gBAC7F,8DAAO,CACF;YAEN,mEACC,IAAI,EAAC,GAAG,gBACI,IAAI,CAAC,oBAAoB,EACrC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC3C,IAAI,EAAC,MAAM,kBACG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C,KAAK,EAAE,UAAU,CAAC,KAAK,IAEtB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAU,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,GAAY,CAC5E;YAEb,4DAAK,KAAK,EAAE,UAAU,CAAC,KAAK,GAAQ,CAC9B,CACP,CAAA;IACF,CAAC;IAEO,cAAc;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAChC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAA;IACvB,CAAC;IAED,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,CAAA;IAC5B,CAAC;IAED,IAAI,OAAO;QACV,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA;IACpD,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,OAAO;QACZ,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAA;QACzE,IAAI,KAAK,EAAE,CAAC;YACX,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;YACtC,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;gBACxC,KAAK,CAAC,MAAM,EAAE,CAAA;YACf,CAAC;QACF,CAAC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/*\r\n\t Style variation of the toast message.\r\n\t /\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/\r\n\t Toast’s gravity\r\n\t /\r\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\r\n\t/\r\n\t Toast’s position\r\n\t /\r\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\r\n\t/\r\n\t Toast type\r\n\t /\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/\r\n\t Number of milliseconds to wait before Toast disappear\r\n\t /\r\n\t@Prop() readonly time: number = 0\r\n\t/\r\n\t Closing button texting instead of icons\r\n\t /\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/\r\n\t Aria label for the closing button. It is mandatory if the alert is closable\r\n\t /\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/\r\n\t Called when the close button is clicked\r\n\t /\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\r\n\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/\r\n\t Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"gov-toast.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/gov-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/*\n\t Style variation of the toast message.\n\t /\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/\n\t Toast’s gravity\n\t /\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\n\t/\n\t Toast’s position\n\t /\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\n\t/\n\t Toast type\n\t /\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/\n\t Number of milliseconds to wait before Toast disappear\n\t /\n\t@Prop() readonly time: number = 0\n\t/\n\t Closing button texting instead of icons\n\t /\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/\n\t Aria label for the closing button. It is mandatory if the alert is closable\n\t /\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/\n\t Called when the close button is clicked\n\t /\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/\n\t Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/gov-tooltip/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tooltip/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAGjE,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAG1D,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IAC1B,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,gCAAa,CAAA;AACd,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAGD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,IAAI,EAAE,aAAa;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAClC,IAAI,EAAE,qBAAqB;CAC3B,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { Sizes } from '../../core/constants/sizes'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\r\n\r\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\r\n\r\nexport enum TooltipPosition {\r\n\tTOP = 'top',\r\n\tRIGHT = 'right',\r\n\tBOTTOM = 'bottom',\r\n\tLEFT = 'left',\r\n}\r\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\r\n\r\nexport const TooltipClass = {\r\n\troot: 'gov-tooltip',\r\n}\r\n\r\nexport const TooltipContentClass = {\r\n\troot: 'gov-tooltip-content',\r\n}\r\n"]}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tooltip/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAGjE,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAG1D,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IAC1B,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,gCAAa,CAAA;AACd,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAGD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,IAAI,EAAE,aAAa;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAClC,IAAI,EAAE,qBAAqB;CAC3B,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { Sizes } from '../../core/constants/sizes'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\n\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\n\nexport enum TooltipPosition {\n\tTOP = 'top',\n\tRIGHT = 'right',\n\tBOTTOM = 'bottom',\n\tLEFT = 'left',\n}\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\n\nexport const TooltipClass = {\n\troot: 'gov-tooltip',\n}\n\nexport const TooltipContentClass = {\n\troot: 'gov-tooltip-content',\n}\n"]}

package/dist/collection/components/gov-tooltip/gov-tooltip-content.js CHANGED Viewed

@@ -44,7 +44,7 @@ export class GovTooltipContent {
         }
     }
     render() {
-        return (h(Host, { key: 'a826527fe9f7851ad25f700156d987c1b29f3adc', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: 'd3891d8a3f3df7ee7f852db8485c7ecc2f61992c' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+        return (h(Host, { key: '71d259cc8d7247030767f8ac36a6875f9c16ffea', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: '06d883340271717da9d0b8de6c35339cd5c9dfb9' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     static get is() { return "gov-tooltip-content"; }
     static get properties() {