@gov-design-system-ce/components 4.6.2 → 4.6.4

package/dist/cjs/gov-wizard-item.cjs.entry.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var props = require('./props-CPENhBnM.js');
+var constants = require('./constants-ymB2dvwV.js');
+var string_utils = require('./string.utils-BG4pUfEi.js');
+var template = require('./template-Cj6PcLmR.js');
+require('./gov.log-C5EH15b_.js');
+require('./utils-NnC78QR3.js');
+require('./colors-DgrrxjsX.js');
+require('./sizes-D5zsw2g5.js');
+
+var Tags;
+(function (Tags) {
+    Tags["DIV"] = "div";
+    Tags["BUTTON"] = "button";
+})(Tags || (Tags = {}));
+const GovWizardItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.govChange = index.createEvent(this, "gov-change");
+        this.hydrated = false;
+        /**
+         * Style variation of the button.
+         */
+        this.color = "primary";
+        /**
+         * Size of wizard
+         */
+        this.size = "m";
+        /**
+         * Defines weather the wizard item can be collapsible
+         */
+        this.collapsible = false;
+        /**
+         * Makes the wizard component disabled.
+         */
+        this.disabled = false;
+        /**
+         * Defines whether the accordion is open or closed by button
+         */
+        this.isExpanded = false;
+        this.h = template.govHost(this.host);
+        this.triggerId = string_utils.createID("GovWizardItem");
+        this.contentId = string_utils.createID("GovWizardContent");
+    }
+    validateColor(newValue) {
+        props.validateProp(constants.WizardColors, newValue, constants.WizardItemClass.root);
+    }
+    emmitChange() {
+        this.govChange.emit({ expanded: this.isExpanded, component: constants.WizardItemClass.root });
+    }
+    componentWillLoad() {
+        this.validateColor(this.color);
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        const triggerId = this.identifier || this.triggerId;
+        const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
+        const prefixSlot = this.h.hasSlot("prefix") && (index.h("span", { key: '3f00516020337fc142713c6edb468d0007eba3c5', class: constants.WizardItemClass.prefix }, index.h("slot", { key: '05aa42bc8241f53bb3664dc3d06798cb0344f92f', name: "prefix" })));
+        return (index.h(index.Host, { key: '863700f5087e86d1f8d4e22b40108dfbc0cb96f5', class: this.h.classes(constants.WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, index.h("div", { key: '6d93a5bb12dbe2fc2e308059ffd5d63ed915f16d', class: constants.WizardItemClass.header }, prefixSlot, this.collapsible ? (index.h(Tag, { id: triggerId, class: this.h.classes(constants.WizardItemClass.label), "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.toggle();
+            } }, index.h("span", { class: constants.WizardItemClass.headline }, index.h("slot", { name: "headline" }), this.collapsible && index.h("gov-icon", { class: constants.WizardItemClass.chevron, name: "chevron-down", type: "components" })), index.h("slot", { name: "annotation" }))) : (index.h(Tag, { class: this.h.classes(constants.WizardItemClass.label) }, index.h("span", { class: constants.WizardItemClass.headline }, index.h("slot", { name: "headline" }), this.collapsible && index.h("gov-icon", { class: constants.WizardItemClass.chevron, name: "chevron-down", type: "components" })), index.h("slot", { name: "annotation" })))), this.collapsible ? (index.h("div", { class: constants.WizardItemClass.content, id: this.contentId, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, index.h("slot", null))) : (index.h("div", { class: constants.WizardItemClass.content, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded }, index.h("slot", null)))));
+    }
+    /**
+     * Opening the Wizard
+     */
+    async open() {
+        this.isExpanded = true;
+        this.emmitChange();
+    }
+    /**
+     * Closing the Wizard
+     */
+    async close() {
+        this.isExpanded = false;
+        this.emmitChange();
+    }
+    /**
+     * Wizard switch
+     */
+    async toggle() {
+        this.isExpanded = !this.isExpanded;
+        this.emmitChange();
+    }
+    /**
+     * Returns the current state of the component
+     */
+    async currentState() {
+        return this.isExpanded;
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "color": ["validateColor"]
+    }; }
+};
+
+exports.gov_wizard_item = GovWizardItem;
+//# sourceMappingURL=gov-wizard-item.entry.cjs.js.map
+
+//# sourceMappingURL=gov-wizard-item.cjs.entry.js.map

package/dist/cjs/gov-wizard-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-wizard-item.entry.cjs.js","mappings":"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","names":["govHost","createID","validateProp","WizardColors","WizardItemClass","h","Host","booleanString","toBoolAttrIfDefined"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\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(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.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 Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-wizard-item.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizard-item.entry.cjs.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\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(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.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 Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"names":["govHost","createID","validateProp","WizardColors","WizardItemClass","h","Host","booleanString","toBoolAttrIfDefined"],"mappings":"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"}

package/dist/cjs/gov-wizard.cjs.entry.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var props = require('./props-CPENhBnM.js');
+var constants = require('./constants-ymB2dvwV.js');
+var template = require('./template-Cj6PcLmR.js');
+var wcag = require('./wcag-Bvzxnp5D.js');
+var gov_log = require('./gov.log-C5EH15b_.js');
+var utils = require('./utils-NnC78QR3.js');
+require('./colors-DgrrxjsX.js');
+require('./sizes-D5zsw2g5.js');
+require('./string.utils-BG4pUfEi.js');
+require('./helpers.types-vap8QfRH.js');
+
+const GovWizard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.govChange = index.createEvent(this, "gov-change");
+        this.hydrated = false;
+        /**
+         * Size of wizard
+         */
+        this.size = "m";
+        this.h = template.govHost(this.host);
+    }
+    validateSize(newValue) {
+        props.validateProp(constants.WizardSizes, newValue, constants.WizardClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+    }
+    componentDidLoad() {
+        this.host.querySelectorAll(constants.WizardItemClass.root).forEach((child) => {
+            child.setAttribute("size", this.size);
+            /*
+            child.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {
+                e.stopPropagation()
+                this.govChange.emit(e.detail)
+            })
+            */
+        });
+    }
+    async componentDidRender() {
+        if (gov_log.canValidateWcagOnRender()) {
+            await utils.delay(500);
+            await this.validateWcag();
+        }
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd1957fc0c0058c107769e3cc5390ef986fc9b921', class: this.h.classes(constants.WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'a34323c408d790c5945ca0d80db62de2433db438' })));
+    }
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    async validateWcag() {
+        wcag.validateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, constants.WizardClass.root);
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+};
+
+exports.gov_wizard = GovWizard;
+//# sourceMappingURL=gov-wizard.entry.cjs.js.map
+
+//# sourceMappingURL=gov-wizard.cjs.entry.js.map

package/dist/cjs/gov-wizard.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-wizard.entry.cjs.js","mappings":";;;;;;;;;;;;;;MAaa,SAAS,GAAA,MAAA;AAMrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAJQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAqB,GAAG;QAN5C,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAoBO,IAAA,YAAY,CAAC,QAAgB,EAAA;QACpCC,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAEC,qBAAW,CAAC,IAAI,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACC,yBAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B,KAAI;YAC5F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AACrC;;;;;AAKE;AACH,SAAC,CAAC;;AAGH,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAIC,+BAAuB,EAAE,EAAE;AAC9B,YAAA,MAAMC,WAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAI3B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACL,qBAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClGI,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;AAIT;;AAEG;AAEI,IAAA,MAAM,YAAY,GAAA;AACxB,QAAAE,4BAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAEN,qBAAW,CAAC,IAAI,CAAC;;;;;;;;;;","names":["govHost","validateProp","WizardSizes","WizardClass","WizardItemClass","canValidateWcagOnRender","delay","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\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(WizardClass.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\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-wizard.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizard.entry.cjs.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\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(WizardClass.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\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"names":["govHost","validateProp","WizardSizes","WizardClass","WizardItemClass","canValidateWcagOnRender","delay","h","Host","validateAccessibleLabel"],"mappings":";;;;;;;;;;;;;;MAaa,SAAS,GAAA,MAAA;AAMrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAJQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAqB,GAAG;QAN5C,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAoBO,IAAA,YAAY,CAAC,QAAgB,EAAA;QACpCC,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAEC,qBAAW,CAAC,IAAI,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACC,yBAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B,KAAI;YAC5F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AACrC;;;;;AAKE;AACH,SAAC,CAAC;;AAGH,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAIC,+BAAuB,EAAE,EAAE;AAC9B,YAAA,MAAMC,WAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAI3B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACL,qBAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClGI,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;AAIT;;AAEG;AAEI,IAAA,MAAM,YAAY,GAAA;AACxB,QAAAE,4BAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAEN,qBAAW,CAAC,IAAI,CAAC;;;;;;;;;;"}

package/dist/cjs/gov.log-C5EH15b_.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var utils = require('./utils-NnC78QR3.js');
+
+const isWindow = typeof window !== "undefined";
+const getWindowProperty = (name) => isWindow && window && utils.property(name, window);
+const config = () => {
+    const defaultConfig = {
+        canValidateWcagOnRender: false,
+        warningLog: false,
+        errorLog: false,
+        log: false,
+        iconsPath: '/assets/icons',
+        iconsLazyLoad: true,
+        documentNode: document ? document : null,
+    };
+    const windowProperty = getWindowProperty('GOV_DS_CONFIG');
+    if (windowProperty) {
+        return Object.assign(Object.assign({}, defaultConfig), windowProperty);
+    }
+    return defaultConfig;
+};
+const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
+const useWarningLog = () => config().warningLog;
+const useErrorLog = () => config().errorLog;
+const useLog = () => config().log;
+const iconsPath = () => config().iconsPath;
+const iconsLazyLoad = () => config().iconsLazyLoad;
+const documentNode = () => config().documentNode;
+
+const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
+const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
+const govLog = (message, colors = INFO_COLORS, args) => {
+    const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
+    if (useLog() || useWarningLog() || useErrorLog()) {
+        console.log('%cgov', styles, message, args);
+    }
+};
+const govWarningLog = (message, args) => {
+    if (useWarningLog()) {
+        govLog(message, WARNING_COLORS, args);
+    }
+};
+
+exports.canValidateWcagOnRender = canValidateWcagOnRender;
+exports.documentNode = documentNode;
+exports.govWarningLog = govWarningLog;
+exports.iconsLazyLoad = iconsLazyLoad;
+exports.iconsPath = iconsPath;
+exports.isWindow = isWindow;
+//# sourceMappingURL=gov.log-C5EH15b_.js.map
+
+//# sourceMappingURL=gov.log-C5EH15b_.js.map

package/dist/cjs/gov.log-C5EH15b_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov.log-C5EH15b_.js","sources":["../../../packages/core/src/helpers/Dom/win.ts","../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n","import {useErrorLog, useLog, useWarningLog} from \"../Dom/win\";\n\ninterface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = {bg: '#ecae1a', text: '#3b3b3b'}\nconst INFO_COLORS: ColorConfig = {bg: '#2362a2', text: '#fff'}\nconst ERROR_COLORS: ColorConfig = {bg: '#c52a3a', text: '#fff'}\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS, args?: unknown): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tif(useLog() || useWarningLog() || useErrorLog()) {\n\t\tconsole.log('%cgov', styles, message, args)\n\t}\n}\n\nexport const govWarningLog = (message: string, args?: unknown): void => {\n\tif (useWarningLog()) {\n\t\tgovLog(message, WARNING_COLORS, args)\n\t}\n}\n\nexport const govErrorLog = (message: string, args?: unknown): void => {\n\tif (useErrorLog()) {\n\t\tgovLog(message, ERROR_COLORS, args)\n\t}\n}\n"],"names":["property"],"mappings":";;;;MAYa,QAAQ,GAAG,OAAO,MAAM,KAAK;AAE1C,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAIA,cAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC;AAE1I,MAAM,MAAM,GAAG,MAAc;AAC5B,IAAA,MAAM,aAAa,GAAY;AAC9B,QAAA,uBAAuB,EAAE,KAAK;AAC9B,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;KACxC;AAED,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC;IAClE,IAAI,cAAc,EAAE;QACnB,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,aAAa,CAAK,EAAA,cAAc,CAAE;;AAG/C,IAAA,OAAO,aAAa;AACrB,CAAC;AAEY,MAAA,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC;AACnF,MAAM,aAAa,GAAG,MAA6B,MAAM,EAAE,CAAC,UAAU;AACtE,MAAM,WAAW,GAAG,MAA2B,MAAM,EAAE,CAAC,QAAQ;AAChE,MAAM,MAAM,GAAG,MAAsB,MAAM,EAAE,CAAC,GAAG;AAC3C,MAAA,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC;AACjD,MAAA,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC;AACzD,MAAA,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;AClCpE,MAAM,cAAc,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC;AACpE,MAAM,WAAW,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAC;AAGvD,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,MAAA,GAAsB,WAAW,EAAE,IAAc,KAAU;AAClG,IAAA,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH;IAED,IAAG,MAAM,EAAE,IAAI,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE;QAChD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC;;AAE7C,CAAC;MAEY,aAAa,GAAG,CAAC,OAAe,EAAE,IAAc,KAAU;IACtE,IAAI,aAAa,EAAE,EAAE;AACpB,QAAA,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC;;AAEvC;;;;;;;;;"}

package/dist/cjs/helpers-DmI-ZOAH.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const prepareIconFormat = (value) => {
+    if (typeof value === 'string' && value.length) {
+        const regexPattern = /^[a-z-]+\/[a-z-]+$/;
+        if (regexPattern.test(value)) {
+            const icon = value.split("/");
+            return {
+                type: icon[0],
+                name: icon[1],
+            };
+        }
+    }
+    return null;
+};
+
+exports.prepareIconFormat = prepareIconFormat;
+//# sourceMappingURL=helpers-DmI-ZOAH.js.map
+
+//# sourceMappingURL=helpers-DmI-ZOAH.js.map

package/dist/cjs/helpers-DmI-ZOAH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-DmI-ZOAH.js","sources":["../../../packages/core/src/components/gov-icon/helpers.ts"],"sourcesContent":["import {Nullable} from \"../../types/interfaces\";\n\nexport type IconType = { type: string, name: string }\n\nexport const prepareIconFormat = (value: string): Nullable<IconType> => {\n\tif (typeof value === 'string' && value.length) {\n\t\tconst regexPattern = /^[a-z-]+\\/[a-z-]+$/;\n\t\tif (regexPattern.test(value)) {\n\t\t\tconst icon = value.split(\"/\");\n\t\t\treturn {\n\t\t\t\ttype: icon[0],\n\t\t\t\tname: icon[1],\n\t\t\t}\n\t\t}\n\t}\n\treturn null\n}\n"],"names":[],"mappings":";;AAIa,MAAA,iBAAiB,GAAG,CAAC,KAAa,KAAwB;IACtE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE;QAC9C,MAAM,YAAY,GAAG,oBAAoB;AACzC,QAAA,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;YAC7B,OAAO;AACN,gBAAA,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AACb,gBAAA,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;aACb;;;AAGH,IAAA,OAAO,IAAI;AACZ;;;;"}

package/dist/cjs/helpers.types-vap8QfRH.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const is = (value) => value !== undefined && value !== null;
+const hasOwnProperty = (obj, prop) => {
+    return Object.prototype.hasOwnProperty.call(obj, prop);
+};
+const isObject = (obj) => typeof obj === 'object';
+const isString = (input) => is(input) && typeof input === 'string';
+const isNumber = (input) => is(input) && typeof input === 'number';
+
+exports.hasOwnProperty = hasOwnProperty;
+exports.isNumber = isNumber;
+exports.isObject = isObject;
+exports.isString = isString;
+//# sourceMappingURL=helpers.types-vap8QfRH.js.map
+
+//# sourceMappingURL=helpers.types-vap8QfRH.js.map

package/dist/cjs/helpers.types-vap8QfRH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.types-vap8QfRH.js","sources":["../../../packages/core/src/utils/helpers.types.ts"],"sourcesContent":["\nexport type Optional<T> = T | undefined;\nexport type Nullable<T> = T | null;\nexport type OptionalProperty<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\nexport type ValueOf<T> = T[keyof T];\n\nexport type DeepPartial<T> = {\n\t[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport type ObjectOrArrayType<T> = T | T[];\nexport const ObjectOrArray = {\n\tfirst: <T>(item: ObjectOrArrayType<T>): T => (Array.isArray(item) ? item[0] : item),\n\tarray: <T>(item: ObjectOrArrayType<T>): T[] => (Array.isArray(item) ? item : [item]),\n};\n\nexport const Omit = <T extends object, P extends keyof T, R extends Omit<T, P>>(properties: P[], object: T): R =>\n\tObject.entries(object).reduce(\n\t\t(all, [key, value]) => (properties.includes(key as P) ? all : { ...all, [key]: value }),\n\t\t{} as R\n\t);\n\nexport const whenDefined =\n\t<I, O>(fn: (input: I) => O) =>\n\t(value?: I): O | undefined =>\n\t\tvalue ? fn(value) : undefined;\n\n/**\n * Comparator function which defines the sort order\n * @example\n * ```\n * // sorts objects by `id` property\n * [{ id: 3 }, { id: 2 }, { id: 1 }].sort(compare(['id']))\n *\n * // sorts objects by `id` and `name` properties\n * [{ id: 3, name: 'b' }, { id: 2, name: 'a' }, { id: 1, name: 'b' }].sort(compare(['id', 'name']))\n * ```\n *\n * @param {Array<keyof T>} properties\n * @return {number}\n */\nexport const compare =\n\t<T extends object>(properties: Array<keyof T>) =>\n\t(a: T, b: T): number => {\n\t\tconst [property, ...rest] = properties;\n\t\tif (!property) {\n\t\t\treturn 0;\n\t\t}\n\t\tif (a[property] < b[property]) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (a[property] > b[property]) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn rest.length > 0 ? compare(rest)(a, b) : 0;\n\t};\n\nexport const is = <T>(value: T | undefined | null): value is T => value !== undefined && value !== null;\n\nexport const has =\n\t<T extends object, P extends keyof T>(property: P) =>\n\t(object: OptionalProperty<T, P>): object is T => {\n\t\treturn !!object[property];\n\t};\n\nexport const equals =\n\t<A>(a?: A) =>\n\t(b?: A): boolean =>\n\t\ta === b;\nexport const prop =\n\t<T, P extends keyof T>(property: P) =>\n\t(object: T): T[P] =>\n\t\tobject[property];\n\nexport const propOptional =\n\t<T, P extends keyof T>(property: P) =>\n\t(object?: T): Optional<T[P]> =>\n\t\tobject ? object[property] : undefined;\n\nexport const hasOwnProperty = <X extends object, Y extends PropertyKey>(\n\tobj: X,\n\tprop: Y\n): obj is X & Record<Y, ValueOf<X>> => {\n\treturn Object.prototype.hasOwnProperty.call(obj, prop);\n};\n\nexport const isObject = <T extends object>(obj: unknown): obj is T => typeof obj === 'object';\nexport const isString = (input: unknown): input is string => is(input) && typeof input === 'string';\nexport const isNumber = (input: unknown): input is string => is(input) && typeof input === 'number';\n\ntype Entries<T> = {\n\t[K in keyof T]: [K, T[K]];\n}[keyof T][];\nexport const getEntries = <T extends object>(obj: T) => Object.entries(obj) as Entries<T>;\n\nexport const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;\nexport const getValues = <T extends object>(obj: T) => Object.values(obj) as Array<ValueOf<T>>;\n\nexport const first = <T>(array: T[]): Optional<T> => array[0];\n\nexport const pairs = <T>(arr: T[]): Array<[string, string]> =>\n\tarr.flatMap((item1, index1) => arr.flatMap((item2, index2) => (index1 > index2 ? [[item1, item2]] : []))) as any;\n\nexport const find =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): Optional<S> =>\n\t\t(array || []).find(predicate);\nexport const filter =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): S[] =>\n\t\t(array || []).filter(predicate);\n"],"names":[],"mappings":";;AAyDO,MAAM,EAAE,GAAG,CAAI,KAA2B,KAAiB,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;MAsB1F,cAAc,GAAG,CAC7B,GAAM,EACN,IAAO,KAC8B;AACrC,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC;AACvD;AAEO,MAAM,QAAQ,GAAG,CAAmB,GAAY,KAAe,OAAO,GAAG,KAAK;AACxE,MAAA,QAAQ,GAAG,CAAC,KAAc,KAAsB,EAAE,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK;AAC9E,MAAA,QAAQ,GAAG,CAAC,KAAc,KAAsB,EAAE,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK;;;;;;;"}