@gov-design-system-ce/components 4.0.8-rc23 → 4.1.0-rc03

package/dist/cjs/form-c1aec07a.js

@@ -0,0 +1,157 @@
+'use strict';
+
+const sizes = require('./sizes-89f8d3b2.js');
+const utils = require('./utils-d263c5c6.js');
+const constants$1 = require('./constants-bd0d66ac.js');
+const constants$2 = require('./constants-47ba678b.js');
+const constants = require('./constants-87bab1ed.js');
+
+const FormCheckboxSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormCheckboxClass = {
+    root: 'gov-form-checkbox',
+    check: 'gov-form-checkbox__check',
+    indeterminate: 'gov-form-checkbox__indeterminate',
+    label: 'gov-form-checkbox__label',
+};
+
+utils.pick(sizes.Sizes, ['_M', '_L', '_XL']);
+const FormControlClass = {
+    root: 'gov-form-control',
+    holder: 'gov-form-control__holder',
+    bottom: 'gov-form-control__bottom',
+};
+
+const FormInputSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+var InputTypes;
+(function (InputTypes) {
+    InputTypes["COLOR"] = "color";
+    InputTypes["DATE"] = "date";
+    InputTypes["DATETIME_LOCAL"] = "datetime-local";
+    InputTypes["EMAIL"] = "email";
+    InputTypes["MONTH"] = "month";
+    InputTypes["NUMBER"] = "number";
+    InputTypes["PASSWORD"] = "password";
+    InputTypes["SEARCH"] = "search";
+    InputTypes["TEL"] = "tel";
+    InputTypes["TEXT"] = "text";
+    InputTypes["TIME"] = "time";
+    InputTypes["URL"] = "url";
+    InputTypes["WEEK"] = "week";
+})(InputTypes || (InputTypes = {}));
+var Type;
+(function (Type) {
+    Type["RESET"] = "reset";
+})(Type || (Type = {}));
+const FormInputClass = {
+    root: 'gov-form-input',
+};
+
+const FormSelectSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormSelectClass = {
+    root: 'gov-form-select',
+    icon: 'gov-form-select__icon',
+};
+
+const FormMultiselectSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormMultiSelectClass = {
+    root: 'gov-form-multi-select',
+    wrap: 'gov-form-multi-select__wrap',
+    list: 'gov-form-multi-select__list',
+    item: 'gov-form-multi-select__item',
+};
+
+const FormSwitchSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L']);
+const FormSwitchClass = {
+    root: 'gov-form-switch',
+    holder: 'gov-form-switch__holder',
+    input: 'gov-form-switch__input',
+    indicator: 'gov-form-switch__indicator',
+    label: 'gov-form-switch__label',
+};
+
+const FormRadioSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormRadioClass = {
+    root: 'gov-form-radio',
+    input: 'gov-form-radio__input',
+    indicator: 'gov-form-radio__indicator',
+    label: 'gov-form-radio__label',
+};
+
+const govForm = (govHost) => {
+    return {
+        get govHost() {
+            return govHost;
+        },
+        passAttrToControl(name, value) {
+            if (this.control) {
+                this.control.setAttribute(name, value);
+            }
+        },
+        passAttrToLabel(name, value) {
+            if (this.label) {
+                this.label.setAttribute(name, value);
+            }
+        },
+        get hasGroupChildren() {
+            if (this.control) {
+                return this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1;
+            }
+            return false;
+        },
+        get control() {
+            if (this.govHost.name === FormControlClass.root) {
+                return this.govHost.hostElement;
+            }
+            return this.govHost.getParent(FormControlClass.root);
+        },
+        get label() {
+            const innerLabel = this.govHost.hostElement.querySelector(`.${constants.FormLabelClass.root}`);
+            if (innerLabel) {
+                return innerLabel;
+            }
+            if (this.control) {
+                return this.control.querySelector(`.${constants.FormLabelClass.root}`);
+            }
+            return null;
+        },
+        get mainElementsInControl() {
+            const formElements = [
+                FormSelectClass.root,
+                FormInputClass.root,
+                FormSwitchClass.root,
+                FormCheckboxClass.root,
+                FormRadioClass.root,
+                FormMultiSelectClass.root,
+                constants$2.FormAutocompleteClass.root,
+            ];
+            if (this.control) {
+                const elements = formElements.map(el => `${el}:first-of-type`).join(', ');
+                return Array.from(this.control.querySelectorAll(elements));
+            }
+            return [];
+        },
+        get messageElements() {
+            if (this.control) {
+                return Array.from(this.control.querySelectorAll(constants$1.FormMessageClass.root));
+            }
+            return [];
+        },
+    };
+};
+
+exports.FormCheckboxClass = FormCheckboxClass;
+exports.FormCheckboxSizes = FormCheckboxSizes;
+exports.FormControlClass = FormControlClass;
+exports.FormInputClass = FormInputClass;
+exports.FormInputSizes = FormInputSizes;
+exports.FormMultiSelectClass = FormMultiSelectClass;
+exports.FormMultiselectSizes = FormMultiselectSizes;
+exports.FormRadioClass = FormRadioClass;
+exports.FormRadioSizes = FormRadioSizes;
+exports.FormSelectClass = FormSelectClass;
+exports.FormSelectSizes = FormSelectSizes;
+exports.FormSwitchClass = FormSwitchClass;
+exports.FormSwitchSizes = FormSwitchSizes;
+exports.govForm = govForm;
+
+//# sourceMappingURL=form-c1aec07a.js.map

package/dist/cjs/form-c1aec07a.js.map

@@ -0,0 +1 @@
+{"file":"form-c1aec07a.js","mappings":"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","names":["pick","Sizes","FormLabelClass","FormAutocompleteClass","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tindeterminate: 'gov-form-checkbox__indeterminate',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n\tlabel: 'gov-form-switch__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"version":3}

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

@@ -2,101 +2,74 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f53beed1.js');
-const props = require('./props-edd0d46f.js');
-const constants = require('./constants-2f0a11e5.js');
-const string_utils = require('./string.utils-b84c81cf.js');
-const template = require('./template-431f0737.js');
-require('./gov.log-8887c6bc.js');
-require('./win-03714165.js');
+const index = require('./index-1af4880c.js');
+const props = require('./props-b8a955b2.js');
+const constants = require('./constants-e1bbb053.js');
+const template = require('./template-b070338f.js');
+const accessibility = require('./accessibility-c475826b.js');
+require('./gov.log-1e8bab6e.js');
+require('./win-587f4614.js');
 require('./utils-d263c5c6.js');
 require('./sizes-89f8d3b2.js');
-require('./variants-85b514ea.js');
-
-const govAccordionItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item::before{content:\"\";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px;background-color:var(--gov-color-secondary-500)}.gov-accordion-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=\"\"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=\"1\"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]){transform:scale(-1)}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__title{display:flex;flex-direction:column;margin-right:auto}.gov-accordion-item__label *{margin-bottom:0;display:inline-block;transform:translateY(1px)}.gov-accordion-item__annotation *{color:var(--gov-color-secondary);margin-bottom:0}.gov-accordion-item__right{display:flex;flex-shrink:0;align-items:center;margin-left:auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;line-height:initial}.gov-accordion-item__arrow{flex:0 0 auto}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);min-height:var(--gov-accordion-xs-min-height, 3rem);padding:var(--gov-accordion-xs-padding-y, 0.75rem) var(--gov-accordion-xs-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__label *{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__annotation{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);transform:translateY(var(--gov-accordion-xs-arrow-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-xs-icon-size, 1rem);height:var(--gov-accordion-xs-icon-size, 1rem)}.gov-accordion-item[size=xs] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-xs-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__label *{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right{gap:var(--gov-accordion-s-headline-gap, 0.5rem);transform:translateY(var(--gov-accordion-s-arrow-position, 0.4375rem))}.gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 1rem);height:var(--gov-accordion-s-icon-size, 1rem)}.gov-accordion-item[size=s] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__label *{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right{gap:var(--gov-accordion-m-headline-gap, 1rem);transform:translateY(var(--gov-accordion-m-arrow-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1.5rem);height:var(--gov-accordion-m-icon-size, 1.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__label *{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right{gap:var(--gov-accordion-l-headline-gap, 1rem);transform:translateY(var(--gov-accordion-l-arrow-position, 0.625rem))}.gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.5rem);height:var(--gov-accordion-l-icon-size, 1.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}";
-const GovAccordionItemStyle0 = govAccordionItemCss;
+require('./attribute-06dc5228.js');
 
 const GovAccordionItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.govChange = index.createEvent(this, "gov-change", 7);
-        this.isExpandedState = undefined;
-        this.variant = undefined;
+        this.inheritedAttributes = {};
+        this.openState = undefined;
         this.identifier = undefined;
         this.size = undefined;
         this.disabled = false;
-        this.isExpanded = false;
+        this.open = false;
         this.h = template.govHost(this.host);
-        this.triggerId = string_utils.createID("GovAccordionItem");
-        this.contentId = string_utils.createID("GovAccordionContent");
     }
     validateSize(newValue) {
         props.validateProp(constants.AccordionSizes, newValue, constants.AccordionItemClass.root);
     }
-    validateVariant(newValue) {
-        props.validateProp(constants.AccordionVariants, newValue, constants.AccordionItemClass.root);
-    }
-    emmitChange() {
-        this.govChange.emit({
-            open: this.isExpanded,
-            component: constants.AccordionItemClass.root,
-            ref: this.host,
-        });
-    }
     componentWillLoad() {
         this.getPropsFromParents();
         this.validateSize(this.size);
-        this.validateVariant(this.variant);
+        this.inheritedAttributes = accessibility.inheritAriaAttributes(this.host);
     }
     getPropsFromParents() {
         const accordion = this.h.getParent(constants.AccordionClass.root);
         if (accordion) {
             this.size = accordion.getAttribute("size");
-            this.variant = accordion.getAttribute("variant");
         }
     }
     render() {
-        const triggerId = this.identifier || this.triggerId;
-        const contentId = this.contentId;
-        return (index.h(index.Host, { key: '357951146184db343c08a2fc72c2feae24e3c42f', class: this.h.classes(constants.AccordionItemClass.root), size: this.size, variant: this.variant, role: "listitem" }, index.h("button", { key: '64183d5b58665677700fcb2c91aed5fb306ae3b8', id: triggerId, class: constants.AccordionItemClass.header, "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": contentId, disabled: this.disabled, type: "button", "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        return (index.h(index.Host, { key: 'cd78429326c306d9ab9fdc15954cd7029aa3ee35', class: this.h.classes([constants.AccordionItemClass.root,
+                this.disabled && constants.AccordionItemClass.disabled]), size: this.size, role: "listitem" }, index.h("details", { key: '5372c71057418b93711f7d2c6065a6cc669105ff', class: constants.AccordionItemClass.details, id: this.identifier, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), open: this.open }, index.h("summary", Object.assign({ key: 'a2e06472048b79b206dc4421e43f0afd877b9be6', onClick: (e) => {
                 e.stopPropagation();
-                this.toggle().finally();
-            } }, this.h.hasSlot("icon") && (index.h("span", { key: '3db5f45266574e6e9e598e26a440d1a2c067c138', class: constants.AccordionItemClass.icon }, index.h("slot", { key: 'ff91f81af8d15e5d9752be26f15c026420d8d315', name: "icon" }))), index.h("span", { key: 'cf3aa75e645c09ac118abadd2c73b54014bfe660', class: constants.AccordionItemClass.title }, index.h("span", { key: '99338f94204495c30651ad8d5d43ca94b2d01828', class: constants.AccordionItemClass.label }, index.h("slot", { key: 'f34f58cf7c95dd9160818076a64cf5d11a6926e7', name: "label" })), this.h.hasSlot("annotation") && (index.h("span", { key: '5f6371a19acad06d2fb321a673cfcdebd67d91e1', class: constants.AccordionItemClass.annotation }, index.h("slot", { key: '97670629e4c44703e8d9ed9d48b696ec48fca231', name: "annotation" })))), index.h("span", { key: '0dadee7ff0df314e88f4e8de5797a05a5ef85f4d', class: constants.AccordionItemClass.right }, this.h.hasSlot("suffix") && (index.h("span", { key: '05f1944dab7c757599e568cb42bb9e93be0cb6a6', class: constants.AccordionItemClass.suffix }, index.h("slot", { key: 'c3cf39b6b83e4b2a058b7f486072c035d91644f6', name: "suffix" }))), index.h("span", { key: '9aa81ed287c99b3940e62c86c2652676ca3453a9', class: constants.AccordionItemClass.arrow }, this.h.hasSlot("toggle-icon") ? (index.h("slot", { name: "toggle-icon" })) : (index.h("gov-icon", { name: "chevron-down" }))))), index.h("div", { key: '345544650036a6c3c82abc3519a63ed0ed8f74d6', class: constants.AccordionItemClass.content, id: contentId, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, index.h("slot", { key: '311a281f4ae2fe322d46cf023730aeff32169738' }))));
-    }
-    /**
-     * Opening the accordion
-     */
-    async open() {
-        this.isExpanded = true;
-        this.emmitChange();
-    }
-    /**
-     * Closing the accordion
-     */
-    async close() {
-        this.isExpanded = false;
-        this.emmitChange();
+                e.preventDefault();
+                !this.disabled && this.toggle().finally();
+            }, class: constants.AccordionItemClass.summary, tabIndex: this.disabled ? -1 : 0, "aria-expanded": template.booleanString(this.open) }, this.inheritedAttributes), this.h.hasSlot('icon') &&
+            index.h("span", { key: 'a2e6529d090c59ef45c8f7dbfd452165eebdf6e5', class: constants.AccordionItemClass.icon }, index.h("slot", { key: 'ec572df22db3551aeb1baa31077d2bb368db88ca', name: "icon" })), index.h("span", { key: '44451f5e8df2550217af485162015a0810b2735e', class: constants.AccordionItemClass.title }, index.h("slot", { key: '7f1c09f9537fe337a95e67b6f0c90c9c00ca00c1', name: "label" }), index.h("slot", { key: '84d426afff5847ffe57a96c12c163219a8720872', name: "annotation" })), index.h("span", { key: 'c4e37d6e8726486a043dd1def487d14e9678585b', class: constants.AccordionItemClass.right }, index.h("slot", { key: 'b29e5714737ce05b8d194ce693dc4729e6b0e8a0', name: "suffix" }), index.h("span", { key: '1bd99c3f807ebc20ba4545d1c09325ce5b940d1a', class: constants.AccordionItemClass.arrow }, index.h("slot", { key: 'ec2f902bccb6f21701238b822d72e7b2819c20c3', name: "toggle-icon" }, index.h("gov-icon", { key: 'ab143aace36d062bfb6e78c2f3544a0efb52cb49', name: "chevron-down" }))))), index.h("div", { key: '253f1a692a13698306d2f2f1b050252b7a798886', class: constants.AccordionItemClass.content }, index.h("slot", { key: 'f51877b9d3f58f29bced6949b170529ddbf45864' })))));
     }
     /**
      * Accordion switch
      */
     async toggle() {
-        this.isExpanded = !this.isExpanded;
-        this.emmitChange();
+        this.open = !this.open;
+        this.govChange.emit({
+            open: this.open,
+            component: constants.AccordionItemClass.root,
+            ref: this.host,
+        });
     }
     /**
      * Returns the current state of the component
      */
     async currentState() {
-        return this.isExpanded;
+        return this.open;
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "size": ["validateSize"],
-        "variant": ["validateVariant"]
+        "size": ["validateSize"]
     }; }
 };
-GovAccordionItem.style = GovAccordionItemStyle0;
 
 exports.gov_accordion_item = GovAccordionItem;
 

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

@@ -1 +1 @@
-{"file":"gov-accordion-item.entry.cjs.js","mappings":"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","names":["govHost","createID","validateProp","AccordionSizes","AccordionItemClass","AccordionVariants","AccordionClass","h","Host","booleanString","toBoolAttrIfDefined"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.scss?tag=gov-accordion-item","../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["/*\n *   Accordion - Item\n */\n\n$class: \".gov-accordion-item\";\n\n#{$class} {\n\t@include base();\n\t&::before {\n\t\t@include pseudo();\n\t\tright: 0;\n\t\tbottom: -1px;\n\t\tleft: 0;\n\t\theight: 1px;\n\t\tbackground-color: color(\"secondary.500\");\n\t}\n\n\t&__header {\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\t@include general;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\n\t\t// STATES\n\t\t&:focus-visible {\n\t\t\t&::before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"aria-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__arrow .gov-icon:not([slot=\"toggle-icon\"]) {\n\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&__icon {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t}\n\t&__title {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-right: auto;\n\t}\n\t&__label * {\n\t\tmargin-bottom: 0;\n\t\tdisplay: inline-block;\n\t\ttransform: translateY(1px);\n\t}\n\t&__annotation * {\n\t\tcolor: color(\"secondary\");\n\t\tmargin-bottom: 0;\n\t}\n\t&__right {\n\t\tdisplay: flex;\n\t\tflex-shrink: 0;\n\t\talign-items: center;\n\t\tmargin-left: auto;\n\t}\n\t&__suffix {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t\talign-self: start;\n\t\tline-height: initial;\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $accordion-sizes {\n\t\t&[size=\"#{$size}\"],\n\t\t& #{$class}[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t\tmin-height: get(\"min-height\", $definitions);\n\t\t\t\t\tpadding: get(\"padding-y\", $definitions) get(\"padding-x\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\theight: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__label * {\n\t\t\t\t\t@include typography(get(\"font\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__annotation {\n\t\t\t\t\t@include typography(get(\"font-annotation\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__right {\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t\ttransform: translateY(get(\"arrow-position\", $definitions));\n\t\t\t\t\t&:has(#{$class}__suffix) {\n\t\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&__arrow {\n\t\t\t\t\twidth: get(\"icon-size\", $definitions);\n\t\t\t\t\theight: get(\"icon-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"padding-inner\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $accordion-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-color: get(\"separator\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__header {\n\t\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tbackground-color: get(\"background-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"disabled\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\tcolor: get(\"disabled-color\", $definitions);\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($until: md) {\n\t\t&__title {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t\t&__label {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tAccordionClass,\n\tAccordionItemClass,\n\tAccordionSizes,\n\tAccordionSizeType,\n\tAccordionVariants,\n\tAccordionVariantType,\n} from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { AccordionItemEvent } from \"./gov-accordion.types\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-accordion-item\",\n\tstyleUrl: \"gov-accordion-item.scss\",\n})\nexport class GovAccordionItem {\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovAccordionItem\")\n\t\tthis.contentId = createID(\"GovAccordionContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() variant?: AccordionVariantType\n\t/**\n\t * Custom accordion item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\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<AccordionItemEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AccordionVariants, newValue, AccordionItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({\n\t\t\topen: this.isExpanded,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.getPropsFromParents()\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\n\t}\n\n\tgetPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t\tthis.variant = accordion.getAttribute(\"variant\") as AccordionVariantType\n\t\t}\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 class={this.h.classes(AccordionItemClass.root)} size={this.size} variant={this.variant} role=\"listitem\">\n\t\t\t\t<button\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={AccordionItemClass.header}\n\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\taria-controls={contentId}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.toggle().finally()\n\t\t\t\t\t}}>\n\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t<span class={AccordionItemClass.label}>\n\t\t\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.h.hasSlot(\"annotation\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.annotation}>\n\t\t\t\t\t\t\t\t<slot name=\"annotation\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t{this.h.hasSlot(\"suffix\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.suffix}>\n\t\t\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"toggle-icon\") ? (\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t\t<div\n\t\t\t\t\tclass={AccordionItemClass.content}\n\t\t\t\t\tid={contentId}\n\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\taria-labelledby={triggerId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the accordion\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 accordion\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync 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\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}
+{"file":"gov-accordion-item.entry.cjs.js","mappings":";;;;;;;;;;;;;;;MAYa,gBAAgB;IAI5B;;;QAFQ,wBAAmB,GAAe,EAAE,CAAC;;;;wBAoBR,KAAK;oBAIO,KAAK;QArBrD,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA2BD,YAAY,CAAC,QAAgB;QAC5BC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,4BAAkB,CAAC,IAAI,CAAC,CAAA;KAC/D;IAED,iBAAiB;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAA;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,CAAC,mBAAmB,GAAGC,mCAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5D;IAEO,mBAAmB;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAACC,wBAAc,CAAC,IAAI,CAAC,CAAA;QACvD,IAAI,SAAS,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,YAAY,CAAC,MAAM,CAAsB,CAAA;SAC/D;KACD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAACJ,4BAAkB,CAAC,IAAI;gBACnD,IAAI,CAAC,QAAQ,IAAIA,4BAAkB,CAAC,QAAQ,CAAC,CAAC,EAC5C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,UAAU,IACjBG,sEACC,KAAK,EAAEH,4BAAkB,CAAC,OAAO,EACjC,EAAE,EAAE,IAAI,CAAC,UAAU,mBACJK,4BAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACjD,IAAI,EAAE,IAAI,CAAC,IAAI,IAEfF,oFACC,OAAO,EAAE,CAAC,CAAQ;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,CAAA;aACzC,EACD,KAAK,EAAEH,4BAAkB,CAAC,OAAO,EACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjBM,sBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IACnC,IAAI,CAAC,mBAAmB,GAE3B,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;YACtBH,mEAAM,KAAK,EAAEH,4BAAkB,CAAC,IAAI,IACnCG,mEAAM,IAAI,EAAC,MAAM,GAAE,CACb,EAGRA,mEAAM,KAAK,EAAEH,4BAAkB,CAAC,KAAK,IACpCG,mEAAM,IAAI,EAAC,OAAO,GAAE,EACpBA,mEAAM,IAAI,EAAC,YAAY,GAAE,CACnB,EAEPA,mEAAM,KAAK,EAAEH,4BAAkB,CAAC,KAAK,IACpCG,mEAAM,IAAI,EAAC,QAAQ,GAAE,EACrBA,mEAAM,KAAK,EAAEH,4BAAkB,CAAC,KAAK,IACpCG,mEAAM,IAAI,EAAC,aAAa,IACvBA,uEAAU,IAAI,EAAC,cAAc,GAAY,CACnC,CACD,CACD,CACE,EACVA,kEAAK,KAAK,EAAEH,4BAAkB,CAAC,OAAO,IACrCG,oEAAO,CACF,CACG,CACJ,EACP;KACD;;;;IAMD,MAAM,MAAM;QACX,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;QACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAEH,4BAAkB,CAAC,IAAI;YAClC,GAAG,EAAE,IAAI,CAAC,IAAI;SACd,CAAC,CAAA;KACF;;;;IAMD,MAAM,YAAY;QACjB,OAAO,IAAI,CAAC,IAAI,CAAA;KAChB;;;;;;;;;","names":["govHost","validateProp","AccordionSizes","AccordionItemClass","inheritAriaAttributes","AccordionClass","h","Host","toBoolAttrIfDefined","booleanString"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType,} from \"./constants\"\nimport {booleanString, govHost, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {AccordionItemEvent} from \"./gov-accordion.types\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-accordion-item\",\n})\nexport class GovAccordionItem {\n\tprivate h: GovHost\n\tprivate inheritedAttributes: Attributes = {};\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() openState: boolean\n\n\t/**\n\t * Custom accordion item identifier.\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() size?: AccordionSizeType\n\t/**\n\t * Makes the button 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: \"open\", mutable: true}) open = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<AccordionItemEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.getPropsFromParents()\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tprivate getPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([AccordionItemClass.root,\n\t\t\t\tthis.disabled && AccordionItemClass.disabled])}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\">\n\t\t\t\t<details\n\t\t\t\t\tclass={AccordionItemClass.details}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t!this.disabled && this.toggle().finally()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclass={AccordionItemClass.summary}\n\t\t\t\t\t\ttabIndex={this.disabled ? -1 : 0}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.h.hasSlot('icon') &&\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t\t<slot name=\"suffix\"/>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\">\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div class={AccordionItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.open = !this.open\n\t\tthis.govChange.emit({\n\t\t\topen: this.open,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.open\n\t}\n}\n"],"version":3}

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

@@ -2,41 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f53beed1.js');
-const props = require('./props-edd0d46f.js');
-const constants = require('./constants-2f0a11e5.js');
-const variants = require('./variants-85b514ea.js');
-const wcag = require('./wcag-0dfd29b6.js');
-const win = require('./win-03714165.js');
-const utils = require('./utils-d263c5c6.js');
-const template = require('./template-431f0737.js');
-require('./gov.log-8887c6bc.js');
+const index = require('./index-1af4880c.js');
+const props = require('./props-b8a955b2.js');
+const constants = require('./constants-e1bbb053.js');
+const template = require('./template-b070338f.js');
+require('./gov.log-1e8bab6e.js');
+require('./win-587f4614.js');
+require('./utils-d263c5c6.js');
 require('./sizes-89f8d3b2.js');
-require('./string.utils-b84c81cf.js');
-
-const govAccordionCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion{position:relative;display:block;width:100%}.gov-accordion[no-border] .gov-accordion-item::before{background-color:transparent !important}";
-const GovAccordionStyle0 = govAccordionCss;
 
 const GovAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.govChange = index.createEvent(this, "gov-change", 7);
+        this.hydrated = false;
         this.size = 'm';
-        this.variant = 'primary';
         this.noBorder = false;
-        this.wcagLabel = undefined;
-        this.wcagLabelledBy = undefined;
         this.h = template.govHost(this.host);
     }
     validateSize(newValue) {
         props.validateProp(constants.AccordionSizes, newValue, constants.AccordionClass.root);
     }
-    validateVariant(newValue) {
-        props.validateProp(variants.Variants, newValue, constants.AccordionClass.root);
-    }
     componentWillLoad() {
         this.validateSize(this.size);
-        this.validateVariant(this.variant);
     }
     componentDidLoad() {
         this.host.querySelectorAll(constants.AccordionItemClass.root).forEach((child) => {
@@ -50,28 +38,17 @@ const GovAccordion = class {
             });
         });
     }
-    async componentDidRender() {
-        if (win.canValidateWcagOnRender()) {
-            await utils.delay(500);
-            await this.validateWcag();
-        }
+    connectedCallback() {
+        this.hydrated = true;
     }
     render() {
-        return (index.h(index.Host, { key: 'ad467ae56f7fc5752bc24da027a8f39630153be2', class: this.h.classes(constants.AccordionClass.root), size: this.size, variant: this.variant, role: 'list', "arial-label": this.wcagLabel, "arial-labelledby": this.wcagLabelledBy }, index.h("slot", { key: '7d8e02440317a0fd87a32e46faea91d473e64f3a' })));
-    }
-    /**
-     * Validate the WCAG attributes of the component
-     */
-    async validateWcag() {
-        wcag.validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, constants.AccordionClass.root);
+        return (index.h(index.Host, { key: '98666441f80fcb633f05142c4a695e2478af5383', hydrated: this.hydrated, class: this.h.classes(constants.AccordionClass.root), size: this.size, role: 'list' }, index.h("slot", { key: 'db7aa61e809f901019dcb301aa529cdc9bc7530e' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "size": ["validateSize"],
-        "variant": ["validateVariant"]
+        "size": ["validateSize"]
     }; }
 };
-GovAccordion.style = GovAccordionStyle0;
 
 exports.gov_accordion = GovAccordion;
 

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

@@ -1 +1 @@
-{"file":"gov-accordion.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,gfAAgf,CAAC;AACzgB,2BAAe,eAAe;;MCcjB,YAAY;IAGxB;;;oBAQ4C,GAAG;uBAIG,SAAS;wBAII,KAAK;;;QAfnE,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA6BD,YAAY,CAAC,QAAgB;QAC5BC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,wBAAc,CAAC,IAAI,CAAC,CAAA;KAC3D;IAGD,eAAe,CAAC,QAAgB;QAC/BF,kBAAY,CAACG,iBAAQ,EAAE,QAAQ,EAAED,wBAAc,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAClC;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACE,4BAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkC;YAC9F,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAkC;gBACvE,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBACnB,SAAS,EAAEF,wBAAc,CAAC,IAAI;oBAC9B,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;oBACnB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG;iBACjB,CAAC,CAAA;aACF,CAAC,CAAA;SACF,CAAC,CAAA;KACF;IAED,MAAM,kBAAkB;QACvB,IAAIG,2BAAuB,EAAE,EAAE;YAC9B,MAAMC,WAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;SACzB;KACD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACN,wBAAc,CAAC,IAAI,CAAC,EAC1C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,MAAM,iBACC,IAAI,CAAC,SAAS,sBACT,IAAI,CAAC,cAAc,IACrCK,oEAAQ,CACF,EACP;KACD;;;;IAMD,MAAM,YAAY;QACjBE,sBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAEP,wBAAc,CAAC,IAAI,CAAC,CAAA;KAC3E;;;;;;;;;;;","names":["govHost","validateProp","AccordionSizes","AccordionClass","Variants","AccordionItemClass","canValidateWcagOnRender","delay","h","Host","validateWcagLabel"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion.scss?tag=gov-accordion","../../../packages/core/src/components/gov-accordion/gov-accordion.tsx"],"sourcesContent":["/*\n *   Accordion\n */\n\n$class: \".gov-accordion\";\n\n#{$class} {\n\t@include base();\n\n\t&[no-border] {\n\t\t.gov-accordion-item::before {\n\t\t\tbackground-color: transparent !important;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AccordionClass, AccordionSizes, AccordionSizeType, AccordionItemClass, AccordionVariantType } from './constants'\nimport { Variants } from '../../core/constants/variants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { AccordionEvent, AccordionItemEvent } from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n\tstyleUrl: 'gov-accordion.scss',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: AccordionVariantType = 'primary'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Adds accessible label for the accordion 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 accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\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\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(AccordionClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tvariant={this.variant}\n\t\t\t\trole={'list'}\n\t\t\t\tarial-label={this.wcagLabel}\n\t\t\t\tarial-labelledby={this.wcagLabelledBy}>\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\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, AccordionClass.root)\n\t}\n}\n"],"version":3}
+{"file":"gov-accordion.entry.cjs.js","mappings":";;;;;;;;;;;;;MAUa,YAAY;IAIxB;;;QAFQ,aAAQ,GAAG,KAAK,CAAA;oBAUoB,GAAG;wBAIc,KAAK;QAXjE,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAiBD,YAAY,CAAC,QAAgB;QAC5BC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,wBAAc,CAAC,IAAI,CAAC,CAAA;KAC3D;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACC,4BAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkC;YAC9F,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAkC;gBACvE,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBACnB,SAAS,EAAED,wBAAc,CAAC,IAAI;oBAC9B,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;oBACnB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG;iBACjB,CAAC,CAAA;aACF,CAAC,CAAA;SACF,CAAC,CAAA;KACF;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,MAAM;QACL,QACCE,QAACC,UAAI,qDACJ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,wBAAc,CAAC,IAAI,CAAC,EAC1C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,IACZE,oEAAO,CACD,EACP;KACD;;;;;;;;;","names":["govHost","validateProp","AccordionSizes","AccordionClass","AccordionItemClass","h","Host"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from '@stencil/core'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {AccordionEvent, AccordionItemEvent} from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n})\nexport class GovAccordion {\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: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({attribute: 'no-border'}) readonly noBorder: boolean = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\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\n\t\t\t\thydrated={this.hydrated}\n\t\t\t\tclass={this.h.classes(AccordionClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\trole={'list'}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}