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

package/dist/collection/components/gov-chip/constants.js

@@ -1,21 +0,0 @@
-import { pick } from "../../utils/utils";
-import { Sizes } from "../../core/constants/sizes";
-export const ChipSizes = pick(Sizes, ['_XS', '_S', '_M']);
-export var ChipType;
-(function (ChipType) {
-    ChipType["SOLID"] = "solid";
-    ChipType["OUTLINED"] = "outlined";
-})(ChipType || (ChipType = {}));
-export var NativeType;
-(function (NativeType) {
-    NativeType["A"] = "a";
-    NativeType["SPAN"] = "span";
-    NativeType["BUTTON"] = "button";
-})(NativeType || (NativeType = {}));
-export const ChipClass = {
-    root: 'gov-chip',
-    inner: 'gov-chip__inner',
-    hasRight: 'gov-chip--has-right',
-    hasLeft: 'gov-chip--has-left',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-chip/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-chip/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGzD,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,2BAAe,CAAA;IACf,iCAAqB,CAAA;AACtB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAGD,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACrB,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,+BAAiB,CAAA;AAClB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAGD,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE,qBAAqB;IAC/B,OAAO,EAAE,oBAAoB;CAC7B,CAAA","sourcesContent":["import { ValueOf } from '../../types/interfaces'\r\nimport {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\n\r\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\r\n\r\nexport enum ChipType {\r\n\tSOLID = 'solid',\r\n\tOUTLINED = 'outlined',\r\n}\r\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\r\n\r\nexport enum NativeType {\r\n\tA = 'a',\r\n\tSPAN = 'span',\r\n\tBUTTON = 'button',\r\n}\r\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\r\n\r\nexport const ChipClass = {\r\n\troot: 'gov-chip',\r\n\tinner: 'gov-chip__inner',\r\n\thasRight: 'gov-chip--has-right',\r\n\thasLeft: 'gov-chip--has-left',\r\n}\r\n"]}

package/dist/collection/components/gov-chip/gov-chip.js

@@ -1,437 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { validateProp } from "../../helpers/Validate/props";
-import { govHost } from "../../helpers/Dom/template";
-import { ChipClass, ChipSizes, NativeType } from "./constants";
-import { ButtonColors, ButtonSizes } from "../gov-button/button/constants";
-import { createID } from "../../utils/string.utils";
-import { prepareIconFormat } from "../gov-icon/helpers";
-import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
-import { ariaAttributes } from "../../helpers/Accessibility/attributes";
-import { AttributeObserver } from "../../helpers/Dom/attribute";
-export class GovChip {
-    constructor() {
-        this.hydrated = false;
-        /**
-         * Makes the chip component disabled.
-         */
-        this.disabled = false;
-        /**
-         * Chip’s size.
-         */
-        this.size = ChipSizes._M;
-        /**
-         * Used to change the HTML tag in the chip
-         */
-        this.tag = "span";
-        /**
-         * Style variation of the chip.
-         */
-        this.color = ButtonColors.PRIMARY;
-        /**
-         * Same as original parameter
-         * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
-         */
-        this.focusable = true;
-        this.inheritedAttributes = {};
-        this.h = govHost(this.host);
-        this.chipId = createID('GovChip');
-    }
-    validateColor(newValue) {
-        validateProp(ButtonColors, newValue, ChipClass.root);
-    }
-    validateSize(newValue) {
-        validateProp(ButtonSizes, newValue, ChipClass.root);
-    }
-    componentWillLoad() {
-        this.validateColor(this.color);
-        this.validateSize(this.size);
-        this.inheritedAttributes = inheritAriaAttributes(this.host);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(ariaAttributes);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    connectedCallback() {
-        this.hydrated = true;
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    render() {
-        const Tag = this.href ? NativeType.A : this.tag;
-        const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
-        const iconStart = prepareIconFormat(this.iconStart);
-        const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: 'ef86316065b17ea753e6f46944203be579c9669c', class: this.h.classes([
-                ChipClass.root,
-                this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
-                this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
-            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, focusable: this.focusable, hydrated: this.hydrated }, h(Tag, Object.assign({ key: '0ecb833e5c5f4e30914d9f12764b78bfd22973b6', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled || !this.focusable) ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), h("slot", { key: '9793b743f288573932aec95f68c0f1b1bb617add', name: "left" }), h("slot", { key: 'be7cc7cb0a94c666faf842d8ee70701245305001', name: "icon-start" }, iconStart && h("gov-icon", { key: '464ebc3d08b609a17e5e126eca9b0fb8eefc2bd4', type: iconStart.type, name: iconStart.name })), h("slot", { key: 'faffc742599b65f40b61b8cbd45e32891f43a869' }), h("slot", { key: 'dce2fa1d55332f8cc3d51e8a11e56735f5bcf683', name: "icon-end" }, iconEnd && h("gov-icon", { key: 'afc841c471bc376cc650150e168d307f3393ef15', type: iconEnd.type, name: iconEnd.name })), h("slot", { key: '16dc2b17d2b813c2ced12ae44c12d621a82c6cb5', name: "right" }))));
-    }
-    onClickHandler(e) {
-        e.stopPropagation();
-        if (this.disabled === false && this.tag === NativeType.BUTTON) {
-            this.govClick.emit(e);
-        }
-    }
-    /**
-     * Returns a clickable element instance
-     */
-    async geRef() {
-        return this.triggerRef;
-    }
-    /**
-     * Focus button element
-     */
-    async setFocus() {
-        this.triggerRef.focus();
-    }
-    static get is() { return "gov-chip"; }
-    static get properties() {
-        return {
-            "disabled": {
-                "type": "boolean",
-                "attribute": "disabled",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Makes the chip component disabled."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "href": {
-                "type": "string",
-                "attribute": "href",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "link",
-                            "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href"
-                        }],
-                    "text": "Same as original parameter"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "target": {
-                "type": "string",
-                "attribute": "target",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "link",
-                            "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target"
-                        }],
-                    "text": "Same as original parameter"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "iconStart": {
-                "type": "string",
-                "attribute": "icon-start",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Definition of the button icon on the left. The icon must be defined in the form \"type/name\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "iconEnd": {
-                "type": "string",
-                "attribute": "icon-end",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Definition of the button icon on the left. The icon must be defined in the form \"type/name\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "ChipSizesType",
-                    "resolved": "\"m\" | \"s\" | \"xs\"",
-                    "references": {
-                        "ChipSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-chip/constants.ts::ChipSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Chip\u2019s size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "ChipSizes._M"
-            },
-            "tag": {
-                "type": "string",
-                "attribute": "tag",
-                "mutable": false,
-                "complexType": {
-                    "original": "NativeTypesType",
-                    "resolved": "\"a\" | \"button\" | \"span\"",
-                    "references": {
-                        "NativeTypesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-chip/constants.ts::NativeTypesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Used to change the HTML tag in the chip"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"span\""
-            },
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "ButtonColorType",
-                    "resolved": "\"error\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-                    "references": {
-                        "ButtonColorType": {
-                            "location": "import",
-                            "path": "../gov-button/button/constants",
-                            "id": "../../../packages/core/src/components/gov-button/button/constants.ts::ButtonColorType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Style variation of the chip."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "ButtonColors.PRIMARY"
-            },
-            "type": {
-                "type": "string",
-                "attribute": "type",
-                "mutable": false,
-                "complexType": {
-                    "original": "ChipTypesType",
-                    "resolved": "\"outlined\" | \"solid\"",
-                    "references": {
-                        "ChipTypesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-chip/constants.ts::ChipTypesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Chip\u2019s type"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "focusable": {
-                "type": "boolean",
-                "attribute": "focusable",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "link",
-                            "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable"
-                        }],
-                    "text": "Same as original parameter"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "identifier": {
-                "type": "string",
-                "attribute": "identifier",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Custom chip identifier. Otherwise, it will be generated"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "inheritedAttributes": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "govClick",
-                "name": "gov-click",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the button click."
-                },
-                "complexType": {
-                    "original": "PointerEvent",
-                    "resolved": "PointerEvent",
-                    "references": {
-                        "PointerEvent": {
-                            "location": "global",
-                            "id": "global::PointerEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "geRef": {
-                "complexType": {
-                    "signature": "() => Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "HTMLLinkElement": {
-                            "location": "global",
-                            "id": "global::HTMLLinkElement"
-                        },
-                        "HTMLButtonElement": {
-                            "location": "global",
-                            "id": "global::HTMLButtonElement"
-                        },
-                        "HTMLSpanElement": {
-                            "location": "global",
-                            "id": "global::HTMLSpanElement"
-                        }
-                    },
-                    "return": "Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>"
-                },
-                "docs": {
-                    "text": "Returns a clickable element instance",
-                    "tags": []
-                }
-            },
-            "setFocus": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Focus button element",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "color",
-                "methodName": "validateColor"
-            }, {
-                "propName": "size",
-                "methodName": "validateSize"
-            }];
-    }
-}
-//# sourceMappingURL=gov-chip.js.map

package/dist/collection/components/gov-chip/gov-chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-chip.js","sourceRoot":"","sources":["../../../../../../src/components/gov-chip/gov-chip.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\r\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\n\r\n@Component({\r\n\ttag: \"gov-chip\",\r\n})\r\nexport class GovChip {\r\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\tprivate readonly chipId: string\r\n\tprivate hydrated = false\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.chipId = createID('GovChip')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovChipElement\r\n\r\n\t/**\r\n\t * Makes the chip component disabled.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\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-href\r\n\t */\r\n\t@Prop() 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: 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-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 * Chip’s size.\r\n\t */\r\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\r\n\t/**\r\n\t * Used to change the HTML tag in the chip\r\n\t */\r\n\t@Prop() readonly tag: NativeTypesType = \"span\"\r\n\t/**\r\n\t * Style variation of the chip.\r\n\t */\r\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Chip’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: ChipTypesType\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\r\n\t */\r\n\t@Prop() readonly focusable: boolean = true\r\n\t/**\r\n\t * Custom chip identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Emitted when the button click.\r\n\t */\r\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\r\n\t}\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\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\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\trender() {\r\n\t\tconst Tag = this.href ? NativeType.A : this.tag\r\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\r\n\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes([\r\n\t\t\t\t\tChipClass.root,\r\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\r\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\r\n\t\t\t\t])}\r\n\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\thref={this.href}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tfocusable={this.focusable}\r\n\t\t\t\thydrated={this.hydrated}\r\n\t\t\t>\r\n\t\t\t\t<Tag\r\n\t\t\t\t\tclass=\"element\"\r\n\t\t\t\t\thref={this.href}\r\n\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\r\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\r\n\t\t\t\t\tid={this.identifier || this.chipId}\r\n\t\t\t\t\ttype={nativeType}\r\n\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\taria-disabled={this.disabled}>\r\n\t\t\t\t\t<slot name=\"left\"></slot>\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\t<slot name=\"right\"></slot>\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent): void {\r\n\t\te.stopPropagation()\r\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\r\n\t\t\tthis.govClick.emit(e)\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 geRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n\r\n\t/**\r\n\t * Focus button element\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tthis.triggerRef.focus()\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/gov-collapsible/constants.js

@@ -1,18 +0,0 @@
-import { pick } from "../../utils/utils";
-import { Sizes } from "../../core/constants/sizes";
-export const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
-export var CollapsibleDirection;
-(function (CollapsibleDirection) {
-    CollapsibleDirection["DOWN"] = "down";
-    CollapsibleDirection["UP"] = "up";
-})(CollapsibleDirection || (CollapsibleDirection = {}));
-export const CollapsibleClass = {
-    root: 'gov-collapsible',
-    details: 'gov-collapsible__details',
-    summary: 'gov-collapsible__summary',
-    title: 'gov-collapsible__title',
-    arrow: 'gov-collapsible__arrow',
-    content: 'gov-collapsible__content',
-    disabled: 'gov-collapsible--disabled',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-collapsible/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-collapsible/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,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC/B,qCAAa,CAAA;IACb,iCAAS,CAAA;AACV,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B;AAGD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,0BAA0B;IACnC,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,2BAA2B;CACrC,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 CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\r\n\r\nexport enum CollapsibleDirection {\r\n\tDOWN = 'down',\r\n\tUP = 'up',\r\n}\r\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\r\n\r\nexport const CollapsibleClass = {\r\n\troot: 'gov-collapsible',\r\n\tdetails: 'gov-collapsible__details',\r\n\tsummary: 'gov-collapsible__summary',\r\n\ttitle: 'gov-collapsible__title',\r\n\tarrow: 'gov-collapsible__arrow',\r\n\tcontent: 'gov-collapsible__content',\r\n\tdisabled: 'gov-collapsible--disabled',\r\n}\r\n"]}