@gov-design-system-ce/components 4.0.1 → 4.0.3

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

@@ -1 +1 @@
-{"file":"gov-wizard-item.entry.js","mappings":"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","names":[],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.scss?tag=gov-wizard-item","../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["/*\n *   Wizard - Item\n */\n\n@import \"../gov-wizard/gov-wizard-item-core.scss\";\n$class: \".gov-wizard-item\";\n\n#{$class} {\n\t@include wizard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__prefix {\n\t\tposition: absolute;\n\t\tleft: rem-calc(16);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\ttop: deep-map-get($wizard-sizes, $size-xs, \"top\");\n\t\t\t\t+ #{$class}__header {\n\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-xs, \"header-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\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// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-s, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-s, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-m, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-m, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n\tstyleUrl: \"gov-wizard-item.scss\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizardItemClass.title}>\n\t\t\t\t<span class={WizardItemClass.name}>\n\t\t\t\t\t<span class={WizardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}
+{"file":"gov-wizard-item.entry.js","mappings":"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","names":[],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.scss?tag=gov-wizard-item","../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["/*\n *   Wizard - Item\n */\n\n@import \"../gov-wizard/gov-wizard-item-core.scss\";\n$class: \".gov-wizard-item\";\n\n#{$class} {\n\t@include wizard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__prefix {\n\t\tposition: absolute;\n\t\tleft: rem-calc(16);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\ttop: deep-map-get($wizard-sizes, $size-xs, \"top\");\n\t\t\t\t+ #{$class}__header {\n\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-xs, \"header-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\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// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-s, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-s, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-m, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-m, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n\tstyleUrl: \"gov-wizard-item.scss\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizardItemClass.title}>\n\t\t\t\t<span class={WizardItemClass.name}>\n\t\t\t\t\t<span class={WizardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-eb59f132.js';
-import { v as validateProp } from './props-789f7529.js';
+import { v as validateProp } from './props-a85d9c89.js';
 import { W as WizardItemClass, a as WizardClass, b as WizardSizes } from './constants-2499979c.js';
 import { g as govHost } from './template-df429738.js';
-import { v as validateWcagLabel } from './wcag-b7b67e25.js';
-import { c as canValidateWcagOnRender } from './win-0d231cca.js';
+import { v as validateWcagLabel } from './wcag-7d25e12b.js';
+import { c as canValidateWcagOnRender } from './win-1dbd3f5c.js';
 import { d as delay } from './utils-c057a3fa.js';
-import './gov.log-af905420.js';
+import './gov.log-49da0221.js';
 import './variants-2b936d58.js';
 import './sizes-6c5943b4.js';
 import './string.utils-f268fc6b.js';

package/dist/esm/{gov.log-af905420.js → gov.log-49da0221.js}

@@ -1,17 +1,25 @@
+import { u as useErrorLog, a as useLog, b as useWarningLog } from './win-1dbd3f5c.js';
+
 const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
 const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
 const ERROR_COLORS = { bg: '#c52a3a', text: '#fff' };
 const govLog = (message, colors = INFO_COLORS) => {
   const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
-  console.log('%cgov', styles, message);
+  if (useLog() || useWarningLog() || useErrorLog()) {
+    console.log('%cgov', styles, message);
+  }
 };
 const govWarningLog = (message) => {
-  govLog(message, WARNING_COLORS);
+  if (useWarningLog()) {
+    govLog(message, WARNING_COLORS);
+  }
 };
 const govErrorLog = (message) => {
-  govLog(message, ERROR_COLORS);
+  if (useErrorLog()) {
+    govLog(message, ERROR_COLORS);
+  }
 };
 
 export { govErrorLog as a, govWarningLog as g };
 
-//# sourceMappingURL=gov.log-af905420.js.map
+//# sourceMappingURL=gov.log-49da0221.js.map

package/dist/esm/gov.log-49da0221.js.map

@@ -0,0 +1 @@
+{"file":"gov.log-49da0221.js","mappings":";;AAOA,MAAM,cAAc,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC,CAAA;AACpE,MAAM,WAAW,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAC,CAAA;AAC9D,MAAM,YAAY,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAC,CAAA;AAExD,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW;EACxE,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH,CAAA;EAED,IAAG,MAAM,EAAE,IAAI,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE;IAChD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;GACrC;AACF,CAAC,CAAA;MAEY,aAAa,GAAG,CAAC,OAAe;EAC5C,IAAI,aAAa,EAAE,EAAE;IACpB,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;GAC/B;AACF,EAAC;MAEY,WAAW,GAAG,CAAC,OAAe;EAC1C,IAAI,WAAW,EAAE,EAAE;IAClB,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;GAC7B;AACF;;;;","names":[],"sources":["../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["import {useErrorLog, useLog, useWarningLog} from \"../Dom/win\";\n\ninterface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = {bg: '#ecae1a', text: '#3b3b3b'}\nconst INFO_COLORS: ColorConfig = {bg: '#2362a2', text: '#fff'}\nconst ERROR_COLORS: ColorConfig = {bg: '#c52a3a', text: '#fff'}\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tif(useLog() || useWarningLog() || useErrorLog()) {\n\t\tconsole.log('%cgov', styles, message)\n\t}\n}\n\nexport const govWarningLog = (message: string): void => {\n\tif (useWarningLog()) {\n\t\tgovLog(message, WARNING_COLORS)\n\t}\n}\n\nexport const govErrorLog = (message: string): void => {\n\tif (useErrorLog()) {\n\t\tgovLog(message, ERROR_COLORS)\n\t}\n}\n"],"version":3}

package/dist/esm/{props-789f7529.js → props-a85d9c89.js}

@@ -1,4 +1,4 @@
-import { g as govWarningLog } from './gov.log-af905420.js';
+import { g as govWarningLog } from './gov.log-49da0221.js';
 
 // @TODO: deal with optional values
 const validateProp = (valueEnum, value, component) => {
@@ -11,4 +11,4 @@ const validateProp = (valueEnum, value, component) => {
 
 export { validateProp as v };
 
-//# sourceMappingURL=props-789f7529.js.map
+//# sourceMappingURL=props-a85d9c89.js.map

package/dist/esm/{props-789f7529.js.map → props-a85d9c89.js.map}

@@ -1 +1 @@
-{"file":"props-789f7529.js","mappings":";;AAEA;MACa,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB;EAC5G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;EACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;EAC1C,IAAI,CAAC,OAAO,EAAE;IACb,aAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GACtH;AACF;;;;","names":[],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"version":3}
+{"file":"props-a85d9c89.js","mappings":";;AAEA;MACa,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB;EAC5G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;EACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;EAC1C,IAAI,CAAC,OAAO,EAAE;IACb,aAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GACtH;AACF;;;;","names":[],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"version":3}

package/dist/esm/{wcag-b7b67e25.js → wcag-7d25e12b.js}

@@ -1,6 +1,6 @@
-import { g as govWarningLog } from './gov.log-af905420.js';
+import { g as govWarningLog } from './gov.log-49da0221.js';
 import { s as splitByWhitespace } from './string.utils-f268fc6b.js';
-import { d as documentNode } from './win-0d231cca.js';
+import { d as documentNode } from './win-1dbd3f5c.js';
 
 const validateWcagProp = (value, propName, component) => {
   if (value === undefined || String(value).length === 0) {
@@ -59,4 +59,4 @@ const validateWcagLabel = (label, labelledBy, component) => {
 
 export { validateWcagRef as a, validateWcagLabelFor as b, validateWcagProp as c, validateWcagLabel as v };
 
-//# sourceMappingURL=wcag-b7b67e25.js.map
+//# sourceMappingURL=wcag-7d25e12b.js.map

package/dist/esm/{wcag-b7b67e25.js.map → wcag-7d25e12b.js.map}

@@ -1 +1 @@
-{"file":"wcag-b7b67e25.js","mappings":";;;;MAIa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;EAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACtD,aAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;GACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;EACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;IACpE,OAAO,IAAI,CAAA;GACX;EACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACrC,aAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;IACpF,OAAO,KAAK,CAAA;GACZ;EACD,IAAI,OAAO,GAAG,EAAE,CAAA;EAChB,MAAM,YAAY,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;EACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;IAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;MACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;KAC1B,CAAC,CAAA;GACF;EAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;IAClC,IAAI,YAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;MAExD,OAAO,KAAK,CAAA;KACZ;SAAM;MACN,OAAO,IAAI,CAAA;KACX;GACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAEY,oBAAoB,GAAG,CAAC,OAAe,EAAE,UAA8B,EAAE,SAAiB;EACtG,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC,aAAa,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAA;EAChE,IAAI,OAAO,KAAK,IAAI,EAAE;IACrB,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,KAAK,IAAI,EAAE;MAC1B,aAAa,CAAC,IAAI,SAAS,8EAA8E,CAAC,CAAA;MAC1G,OAAO,KAAK,CAAA;KACZ;GACD;EACD,OAAO,IAAI,CAAA;AACZ,EAAC;MAEY,iBAAiB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB;EAC7G,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAClD,OAAO,IAAI,CAAA;GACX;EACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5D,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,EAAE;MACjB,OAAO,IAAI,CAAA;KACX;GACD;EACD,aAAa,CAAC,IAAI,SAAS,yEAAyE,CAAC,CAAA;EACrG,OAAO,KAAK,CAAA;AACb;;;;","names":[],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\nimport { splitByWhitespace } from '../../utils/string.utils'\nimport { documentNode } from '../Dom/win'\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === 'string' && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n"],"version":3}
+{"file":"wcag-7d25e12b.js","mappings":";;;;MAIa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;EAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACtD,aAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;GACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;EACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;IACpE,OAAO,IAAI,CAAA;GACX;EACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACrC,aAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;IACpF,OAAO,KAAK,CAAA;GACZ;EACD,IAAI,OAAO,GAAG,EAAE,CAAA;EAChB,MAAM,YAAY,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;EACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;IAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;MACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;KAC1B,CAAC,CAAA;GACF;EAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;IAClC,IAAI,YAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;MAExD,OAAO,KAAK,CAAA;KACZ;SAAM;MACN,OAAO,IAAI,CAAA;KACX;GACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAEY,oBAAoB,GAAG,CAAC,OAAe,EAAE,UAA8B,EAAE,SAAiB;EACtG,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC,aAAa,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAA;EAChE,IAAI,OAAO,KAAK,IAAI,EAAE;IACrB,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,KAAK,IAAI,EAAE;MAC1B,aAAa,CAAC,IAAI,SAAS,8EAA8E,CAAC,CAAA;MAC1G,OAAO,KAAK,CAAA;KACZ;GACD;EACD,OAAO,IAAI,CAAA;AACZ,EAAC;MAEY,iBAAiB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB;EAC7G,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAClD,OAAO,IAAI,CAAA;GACX;EACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5D,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,EAAE;MACjB,OAAO,IAAI,CAAA;KACX;GACD;EACD,aAAa,CAAC,IAAI,SAAS,yEAAyE,CAAC,CAAA;EACrG,OAAO,KAAK,CAAA;AACb;;;;","names":[],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\nimport { splitByWhitespace } from '../../utils/string.utils'\nimport { documentNode } from '../Dom/win'\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === 'string' && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n"],"version":3}

package/dist/esm/{win-0d231cca.js → win-1dbd3f5c.js}

@@ -5,6 +5,9 @@ const getWindowProperty = (name) => isWindow && window && property(name, window)
 const config = () => {
   const defaultConfig = {
     canValidateWcagOnRender: false,
+    warningLog: false,
+    errorLog: false,
+    log: false,
     iconsPath: '/assets/icons',
     iconsLazyLoad: true,
     documentNode: document ? document : null,
@@ -16,10 +19,13 @@ const config = () => {
   return defaultConfig;
 };
 const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
+const useWarningLog = () => config().warningLog;
+const useErrorLog = () => config().errorLog;
+const useLog = () => config().log;
 const iconsPath = () => config().iconsPath;
 const iconsLazyLoad = () => config().iconsLazyLoad;
 const documentNode = () => config().documentNode;
 
-export { iconsLazyLoad as a, canValidateWcagOnRender as c, documentNode as d, iconsPath as i };
+export { useLog as a, useWarningLog as b, canValidateWcagOnRender as c, documentNode as d, iconsLazyLoad as e, iconsPath as i, useErrorLog as u };
 
-//# sourceMappingURL=win-0d231cca.js.map
+//# sourceMappingURL=win-1dbd3f5c.js.map

package/dist/esm/win-1dbd3f5c.js.map

@@ -0,0 +1 @@
+{"file":"win-1dbd3f5c.js","mappings":";;AAYO,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;EACd,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,KAAK;IACV,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;MACpG,aAAa,GAAG,MAA6B,MAAM,EAAE,CAAC,WAAU;MAChE,WAAW,GAAG,MAA2B,MAAM,EAAE,CAAC,SAAQ;MAC1D,MAAM,GAAG,MAAsB,MAAM,EAAE,CAAC,IAAG;MAC3C,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;;;","names":[],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"version":3}

package/dist/hydrate/index.js

@@ -5747,18 +5747,81 @@ const cmpModules = new Map, getModule = e => {
  e["s-p"] = [], e["s-rc"] = [], hostRefs.set(e, o);
 }, styles = new Map;
 
+async function delay(miliseconds) {
+  return new Promise(resolve => setTimeout(resolve, miliseconds));
+}
+function throttle(f, delay) {
+  let timer = 0;
+  return function (...args) {
+    clearTimeout(timer);
+    timer = setTimeout(() => f.apply(this, args), delay);
+  };
+}
+/**
+ * Checks if object has that property
+ *
+ * @param {K} prop
+ * @param {T} obj
+ * @return {obj is T & Record<K, V>}
+ */
+const has = (prop, obj) => {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+};
+/**
+ * Returns property of given Object
+ *
+ * @param {K} name
+ * @param {T} object
+ * @return {(T & Record<K, unknown>)[K]}
+ */
+const property = (name, object) => {
+  return has(name, object) ? object[name] : undefined;
+};
+const pick = (obj, keys) => Object.fromEntries(Object.entries(obj).filter(([key]) => keys.includes(key)));
+
+const isWindow = typeof window !== "undefined";
+const getWindowProperty = (name) => isWindow && window && property(name, window);
+const config = () => {
+  const defaultConfig = {
+    canValidateWcagOnRender: false,
+    warningLog: false,
+    errorLog: false,
+    log: false,
+    iconsPath: '/assets/icons',
+    iconsLazyLoad: true,
+    documentNode: document ? document : null,
+  };
+  const windowProperty = getWindowProperty('GOV_DS_CONFIG');
+  if (windowProperty) {
+    return Object.assign(Object.assign({}, defaultConfig), windowProperty);
+  }
+  return defaultConfig;
+};
+const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
+const useWarningLog = () => config().warningLog;
+const useErrorLog = () => config().errorLog;
+const useLog = () => config().log;
+const iconsLazyLoad = () => config().iconsLazyLoad;
+const documentNode = () => config().documentNode;
+
 const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
 const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
 const ERROR_COLORS = { bg: '#c52a3a', text: '#fff' };
 const govLog = (message, colors = INFO_COLORS) => {
   const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
-  console.log('%cgov', styles, message);
+  if (useLog() || useWarningLog() || useErrorLog()) {
+    console.log('%cgov', styles, message);
+  }
 };
 const govWarningLog = (message) => {
-  govLog(message, WARNING_COLORS);
+  if (useWarningLog()) {
+    govLog(message, WARNING_COLORS);
+  }
 };
 const govErrorLog = (message) => {
-  govLog(message, ERROR_COLORS);
+  if (useErrorLog()) {
+    govLog(message, ERROR_COLORS);
+  }
 };
 
 // @TODO: deal with optional values
@@ -5800,38 +5863,6 @@ var Types$1;
   Types["SOLID"] = "solid";
 })(Types$1 || (Types$1 = {}));
 
-async function delay(miliseconds) {
-  return new Promise(resolve => setTimeout(resolve, miliseconds));
-}
-function throttle(f, delay) {
-  let timer = 0;
-  return function (...args) {
-    clearTimeout(timer);
-    timer = setTimeout(() => f.apply(this, args), delay);
-  };
-}
-/**
- * Checks if object has that property
- *
- * @param {K} prop
- * @param {T} obj
- * @return {obj is T & Record<K, V>}
- */
-const has = (prop, obj) => {
-  return Object.prototype.hasOwnProperty.call(obj, prop);
-};
-/**
- * Returns property of given Object
- *
- * @param {K} name
- * @param {T} object
- * @return {(T & Record<K, unknown>)[K]}
- */
-const property = (name, object) => {
-  return has(name, object) ? object[name] : undefined;
-};
-const pick = (obj, keys) => Object.fromEntries(Object.entries(obj).filter(([key]) => keys.includes(key)));
-
 const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
 const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM']);
 const AccordionClass = {
@@ -5867,25 +5898,6 @@ function splitByWhitespace(string) {
   return string.split(/(\s+)/);
 }
 
-const isWindow = typeof window !== "undefined";
-const getWindowProperty = (name) => isWindow && window && property(name, window);
-const config = () => {
-  const defaultConfig = {
-    canValidateWcagOnRender: false,
-    iconsPath: '/assets/icons',
-    iconsLazyLoad: true,
-    documentNode: document ? document : null,
-  };
-  const windowProperty = getWindowProperty('GOV_DS_CONFIG');
-  if (windowProperty) {
-    return Object.assign(Object.assign({}, defaultConfig), windowProperty);
-  }
-  return defaultConfig;
-};
-const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
-const iconsLazyLoad = () => config().iconsLazyLoad;
-const documentNode = () => config().documentNode;
-
 const validateWcagProp = (value, propName, component) => {
   if (value === undefined || String(value).length === 0) {
     govWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`);
@@ -17101,7 +17113,6 @@ class GovFormCheckbox {
   }
   passControlAttrs() {
     this.f.passAttrToControl("size", this.size);
-    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
     this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
   }
   componentWillLoad() {
@@ -17378,7 +17389,6 @@ class GovFormFile {
     this.passControlAttrs();
   }
   passControlAttrs() {
-    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
     this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
     this.f.passAttrToControl("type", "File");
   }
@@ -17671,7 +17681,6 @@ class GovFormInput {
   }
   passControlAttrs() {
     this.f.passAttrToControl("size", this.size);
-    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
     this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
     this.f.passAttrToControl("type", this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT);
   }
@@ -17946,7 +17955,6 @@ class GovFormMultiSelect {
   }
   passControlAttrs() {
     this.f.passAttrToControl('size', this.size);
-    this.f.passAttrToControl('disabled', toBoolAttr(this.disabled));
     this.f.passAttrToControl('invalid', toBoolAttr(this.invalid));
     this.f.passAttrToControl('success', toBoolAttr(this.success));
   }
@@ -18263,7 +18271,6 @@ class GovFormRadio {
   }
   passControlAttrs() {
     this.f.passAttrToControl("size", this.size);
-    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
     this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
     this.f.passAttrToControl("type", "radio");
   }
@@ -18436,7 +18443,6 @@ class GovFormSelect {
   }
   passControlAttrs() {
     this.f.passAttrToControl('size', this.size);
-    this.f.passAttrToControl('disabled', toBoolAttr(this.disabled));
     this.f.passAttrToControl('invalid', toBoolAttr(this.invalid));
     this.f.passAttrToControl('type', 'select');
   }
@@ -18601,7 +18607,6 @@ class GovFormSwitch {
   }
   passControlAttrs() {
     this.f.passAttrToControl("size", this.size);
-    this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
     this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
     this.f.passAttrToControl("type", "switch");
   }

package/dist/types/helpers/Dom/win.d.ts

@@ -1,11 +1,17 @@
 interface IConfig {
   canValidateWcagOnRender: boolean;
+  warningLog: boolean;
+  errorLog: boolean;
+  log: boolean;
   iconsPath: string;
   iconsLazyLoad: boolean;
   documentNode: Document;
 }
 export declare const isWindow: boolean;
 export declare const canValidateWcagOnRender: () => IConfig['canValidateWcagOnRender'];
+export declare const useWarningLog: () => IConfig['warningLog'];
+export declare const useErrorLog: () => IConfig['errorLog'];
+export declare const useLog: () => IConfig['log'];
 export declare const iconsPath: () => IConfig['iconsPath'];
 export declare const iconsLazyLoad: () => IConfig['iconsLazyLoad'];
 export declare const documentNode: () => IConfig['documentNode'];

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "4.0.1",
+	"version": "4.0.3",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",

package/dist/cjs/gov.log-0c9dca27.js.map

@@ -1 +0,0 @@
-{"file":"gov.log-0c9dca27.js","mappings":";;AAKA,MAAM,cAAc,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AACtE,MAAM,WAAW,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAChE,MAAM,YAAY,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAE1D,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW;EACxE,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH,CAAA;EAED,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AACtC,CAAC,CAAA;MAEY,aAAa,GAAG,CAAC,OAAe;EAC5C,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;AAChC,EAAC;MAEY,WAAW,GAAG,CAAC,OAAe;EAC1C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAC9B;;;;;","names":[],"sources":["../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["interface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = { bg: '#ecae1a', text: '#3b3b3b' }\nconst INFO_COLORS: ColorConfig = { bg: '#2362a2', text: '#fff' }\nconst ERROR_COLORS: ColorConfig = { bg: '#c52a3a', text: '#fff' }\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"],"version":3}

package/dist/cjs/win-9d1a8a53.js.map

@@ -1 +0,0 @@
-{"file":"win-9d1a8a53.js","mappings":";;;;AASO,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAIA,cAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;EACd,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;MACpG,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;;;;;;","names":["property"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"version":3}

package/dist/components/p-22cd88f7.js

@@ -1,2 +0,0 @@
-import{p as s,H as o,h as e,d as r}from"./p-2dee9951.js";import{F as a,a as t}from"./p-6278531b.js";import{g as i}from"./p-28e59384.js";import{v as n}from"./p-26acf964.js";import{c}from"./p-24636c53.js";const g=".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-form-message{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);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const m=s(class s extends o{constructor(){super();this.__registerHost();this.variant="secondary";this.h=i(this.host);this.messageId=c("GovFormMessage")}validateVariant(s){n(t,s,a.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return e(r,{class:this.h.classes(a.root),variant:this.variant},this.h.hasSlot("icon")&&e("span",{class:a.icon},e("slot",{name:"icon"})),e("span",{id:this.messageId,class:a.content},e("slot",null)))}async identifier(){return this.messageId}get host(){return this}static get watchers(){return{variant:["validateVariant"]}}static get style(){return g}},[4,"gov-form-message",{variant:[1],identifier:[64]}]);function v(){if(typeof customElements==="undefined"){return}const s=["gov-form-message"];s.forEach((s=>{switch(s){case"gov-form-message":if(!customElements.get(s)){customElements.define(s,m)}break}}))}v();export{m as G,v as d};
-//# sourceMappingURL=p-22cd88f7.js.map

package/dist/components/p-561fa17b.js

@@ -1,2 +0,0 @@
-const o={bg:"#ecae1a",text:"#3b3b3b"};const t={bg:"#2362a2",text:"#fff"};const c={bg:"#c52a3a",text:"#fff"};const n=(o,c=t)=>{const n=["color: "+c.text,"background: "+c.bg,"font-size: 11px","padding: 2px 4px","border-radius: 3px","font-weight: 600"].join(";");console.log("%cgov",n,o)};const s=t=>{n(t,o)};const a=o=>{n(o,c)};export{a,s as g};
-//# sourceMappingURL=p-561fa17b.js.map

package/dist/components/p-561fa17b.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["WARNING_COLORS","bg","text","INFO_COLORS","ERROR_COLORS","govLog","message","colors","styles","join","console","log","govWarningLog","govErrorLog"],"sources":["../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["interface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = { bg: '#ecae1a', text: '#3b3b3b' }\nconst INFO_COLORS: ColorConfig = { bg: '#2362a2', text: '#fff' }\nconst ERROR_COLORS: ColorConfig = { bg: '#c52a3a', text: '#fff' }\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"],"mappings":"AAKA,MAAMA,EAA8B,CAAEC,GAAI,UAAWC,KAAM,WAC3D,MAAMC,EAA2B,CAAEF,GAAI,UAAWC,KAAM,QACxD,MAAME,EAA4B,CAAEH,GAAI,UAAWC,KAAM,QAElD,MAAMG,EAAS,CAACC,EAAiBC,EAAsBJ,KAC7D,MAAMK,EAAS,CAAC,UAAYD,EAAOL,KAAM,eAAiBK,EAAON,GAAI,kBAAmB,mBAAoB,qBAAsB,oBAAoBQ,KACrJ,KAGDC,QAAQC,IAAI,QAASH,EAAQF,EAAQ,E,MAGzBM,EAAiBN,IAC7BD,EAAOC,EAASN,EAAe,E,MAGnBa,EAAeP,IAC3BD,EAAOC,EAASF,EAAa,S"}

package/dist/components/p-b293294b.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["govFormInputCss","Tags","GovFormInput","proxyCustomElement","H","constructor","this","h","govHost","host","inputId","createID","f","govForm","validateVariant","newValue","validateProp","FormInputVariants","FormInputClass","root","validateSize","FormInputSizes","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","multiline","TEXTAREA","INPUT","componentWillLoad","variant","passAttrToLabel","String","required","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Tag","Host","class","type","hasSlot","name","success","slot","inputType","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","inputRef","placeholder","value","readonly","toBoolAttrIfDefined","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","wcagDescribedBy","wcagLabelledBy","wcagOwns","wcagExpanded","wcagAutocomplete","e","stopPropagation","focused","govFocus","emit","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","focus","setValue","clearValue","getRef","validateWcagRef","validateWcagLabelFor"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.scss?tag=gov-form-input","../../../packages/core/src/components/gov-form/input/gov-form-input.tsx"],"sourcesContent":["/*\n *   Input\n */\n\n@import \"../input/gov-form-input-core.scss\";\n$class: \".gov-form-input\";\n\n#{$class} {\n\t@extend %form-input-core;\n\n\t// VARIANTS\n\t&[type=\"reset\"] {\n\t\tinput {\n\t\t\tborder-width: 0;\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport {\n\tFormInputClass,\n\tFormInputSizes,\n\tFormInputSizesType,\n\tFormInputVariants,\n\tFormInputVariantType,\n\tInputType,\n\tType,\n} from \"./constants\"\nimport { FormInputEvent } from \"./gov-form-input.types\"\nimport { Nullable } from \"../../../types/interfaces\"\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n\tstyleUrl: \"gov-form-input.scss\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({ reflect: true, mutable: true }) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant?: FormInputVariantType = \"secondary\"\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Defineds the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({ attribute: \"input-type\" }) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value.\n\t */\n\t@Prop({ attribute: \"wcag-autocomplete\" }) readonly wcagAutocomplete: string\n\t/**\n\t *  Attribute is set on an element to indicate if a control is expanded or collapsed\n\t */\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-input\" }) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-keyup\" }) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-keydown\" }) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormInputVariants, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"type\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.passControlAttrs()\n\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\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\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} variant={this.variant} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\" />}\n\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && !(this.success || this.invalid) && <slot name=\"right-icon\" />}\n\n\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\taria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\t\taria-autocomplete={this.wcagAutocomplete}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\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\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormInputClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.inputId, this.wcagLabelledBy, FormInputClass.root)\n\t}\n}\n"],"mappings":"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"}

package/dist/components/p-c7eeb3fa.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["govFormSelectCss","GovFormSelect","proxyCustomElement","H","constructor","this","h","govHost","host","f","govForm","selectId","createID","validateVariant","newValue","validateProp","FormSelectVariants","FormSelectClass","root","validateSize","FormSelectSizes","watchDisabled","passControlAttrs","watchValue","markSelectedValue","passAttrToControl","size","toBoolAttr","disabled","invalid","componentWillLoad","variant","passAttrToLabel","String","required","componentDidRender","canValidateWcagOnRender","delay","validateWcag","querySelectorAll","forEach","option","value","setAttribute","removeAttribute","render","Host","class","hasSlot","name","slot","success","id","identifier","onFocus","onFocusHandler","bind","onChange","onChangeHandler","onBlur","onBlurHandler","ref","el","selectRef","toBoolAttrIfDefined","wcagActiveDescendant","wcagControls","wcagDescribedBy","wcagLabelledBy","wcagOwns","options","map","selected","label","e","focused","govFocus","emit","component","originalEvent","govBlur","target","stopPropagation","govChange","setFocus","focus","setValue","getRef","setOptions","Array","isArray","validateWcagRef","validateWcagLabelFor"],"sources":["../../../packages/core/src/components/gov-form/select/gov-form-select.scss?tag=gov-form-select","../../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"sourcesContent":["/*\n *   Select\n */\n\n@import \"../select/gov-form-select-core.scss\";\n\n$class: \".gov-form-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../../helpers/Dom/win'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {validateWcagLabelFor, validateWcagRef} from '../../../helpers/Validate/wcag'\nimport {createID} from '../../../utils/string.utils'\nimport {delay} from '../../../utils/utils'\nimport {\n\tFormSelectClass,\n\tFormSelectSizes,\n\tFormSelectSizesType,\n\tFormSelectVariants,\n\tFormSelectVariantType\n} from './constants'\nimport {FormSelectEvent, FormSelectOption} from './gov-form-select.types'\n\n@Component({\n\ttag: 'gov-form-select',\n\tstyleUrl: 'gov-form-select.scss',\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID('GovSelect')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormSelectVariantType = 'secondary'\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a related component’s visually focused element.\n\t */\n\t@Prop({attribute: 'wcag-active-descendant'}) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.\n\t */\n\t@Prop({attribute: 'wcag-controls'}) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({attribute: 'wcag-described-by'}) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({attribute: 'wcag-labelled-by'}) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({attribute: 'wcag-owns'}) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\t@State() options: FormSelectOption[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormSelectVariants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('disabled')\n\t@Watch('invalid')\n\t@Watch('size')\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@Watch('value')\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl('size', this.size)\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('invalid', toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl('type', 'select')\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel('required', String(this.required))\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\tprivate markSelectedValue() {\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute('selected', 'selected')\n\t\t\t} else {\n\t\t\t\toption.removeAttribute('selected')\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"chevron-down\" class=\"icon-arrow\"></gov-icon>\n\t\t\t\t\t{this.h.hasSlot('right-icon') && !(this.success || this.invalid) && <slot name=\"right-icon\"/>}\n\t\t\t\t\t{this.success && <gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t{this.invalid && <gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t{this.options.map((option) => {\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Sets the selection options\n\t */\n\t@Method()\n\tasync setOptions(options: FormSelectOption[]): Promise<void> {\n\t\tif (Array.isArray(options)) {\n\t\t\tthis.options = options\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\tvalidateWcagRef(this.wcagActiveDescendant, 'wcag-active-descendant', FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagControls, 'wcag-controls', FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, 'wcag-owns', FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"],"mappings":"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"}

package/dist/components/p-d23e6972.js

@@ -1,2 +0,0 @@
-import{a as n}from"./p-03990da5.js";const o=typeof window!=="undefined";const t=t=>o&&window&&n(t,window);const s=()=>{const n={canValidateWcagOnRender:false,iconsPath:"/assets/icons",iconsLazyLoad:true,documentNode:document?document:null};const o=t("GOV_DS_CONFIG");if(o){return Object.assign(Object.assign({},n),o)}return n};const c=()=>s().canValidateWcagOnRender;const e=()=>s().iconsPath;const a=()=>s().iconsLazyLoad;const d=()=>s().documentNode;export{a,c,d,e as i};
-//# sourceMappingURL=p-d23e6972.js.map

package/dist/components/p-d23e6972.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","iconsPath","iconsLazyLoad","documentNode","document","windowProperty","Object","assign"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"mappings":"oCASO,MAAMA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,UAAW,gBACXC,cAAe,KACfC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBV,EAA2B,iBAClD,GAAIU,EAAgB,CACnB,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYR,GAAkBM,E,CAG/B,OAAON,CAAa,E,MAGRC,EAA0B,IAA0CF,IAASE,wB,MAC7EC,EAAY,IAA4BH,IAASG,U,MACjDC,EAAgB,IAAgCJ,IAASI,c,MACzDC,EAAe,IAA+BL,IAASK,oB"}