npm - @gov-design-system-ce/components - Versions diffs - 4.2.2 → 4.2.4 - Mend

@gov-design-system-ce/components 4.2.2 → 4.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/cjs/core.cjs.js +1 -1
package/dist/cjs/gov-button.cjs.entry.js +4 -3
package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
package/dist/cjs/gov-empty.cjs.entry.js +7 -1
package/dist/cjs/gov-empty.cjs.entry.js.map +1 -1
package/dist/cjs/gov-flex_3.cjs.entry.js +3 -3
package/dist/cjs/gov-flex_3.cjs.entry.js.map +1 -1
package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
package/dist/cjs/gov-infobar.cjs.entry.js +6 -2
package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
package/dist/cjs/loader.cjs.js +1 -1
package/dist/collection/components/gov-button/button/gov-button.js +22 -3
package/dist/collection/components/gov-button/button/gov-button.js.map +1 -1
package/dist/collection/components/gov-empty/constants.js +5 -0
package/dist/collection/components/gov-empty/constants.js.map +1 -1
package/dist/collection/components/gov-empty/gov-empty.js +26 -1
package/dist/collection/components/gov-empty/gov-empty.js.map +1 -1
package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
package/dist/collection/components/gov-infobar/gov-infobar.js +6 -2
package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -1
package/dist/collection/components/gov-tabs/gov-tabs.js +2 -2
package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
package/dist/collection/components/gov-theme-switch/gov-theme-switch.js +5 -5
package/dist/collection/components/gov-theme-switch/gov-theme-switch.js.map +1 -1
package/dist/collection/pages/Banner.js +10 -0
package/dist/collection/pages/Banner.js.map +1 -1
package/dist/collection/pages/Button.js +18 -0
package/dist/collection/pages/Button.js.map +1 -1
package/dist/collection/pages/Empty.js +26 -0
package/dist/collection/pages/Empty.js.map +1 -1
package/dist/collection/pages/Forms.js +31 -31
package/dist/collection/pages/Forms.js.map +1 -1
package/dist/collection/pages/Home.js +8 -2
package/dist/collection/pages/Home.js.map +1 -1
package/dist/collection/pages/Tabs.js +22 -5
package/dist/collection/pages/Tabs.js.map +1 -1
package/dist/components/gov-accordion-item.js +1 -1
package/dist/components/gov-attachments-item.js +1 -1
package/dist/components/gov-blockquote.js +1 -1
package/dist/components/gov-breadcrumbs.js +1 -1
package/dist/components/gov-button.js +1 -1
package/dist/components/gov-card.js +1 -1
package/dist/components/gov-chip.js +1 -1
package/dist/components/gov-dialog.js +1 -1
package/dist/components/gov-empty.js +1 -1
package/dist/components/gov-empty.js.map +1 -1
package/dist/components/gov-form-autocomplete.js +1 -1
package/dist/components/gov-form-checkbox.js +1 -1
package/dist/components/gov-form-file.js +1 -1
package/dist/components/gov-form-input.js +1 -1
package/dist/components/gov-form-label.js +1 -1
package/dist/components/gov-form-label.js.map +1 -1
package/dist/components/gov-form-multi-select.js +1 -1
package/dist/components/gov-form-range.js +1 -1
package/dist/components/gov-form-select.js +1 -1
package/dist/components/gov-form-switch.js +1 -1
package/dist/components/gov-icon.js +1 -1
package/dist/components/gov-infobar.js +1 -1
package/dist/components/gov-infobar.js.map +1 -1
package/dist/components/gov-link.js +1 -1
package/dist/components/gov-loading.js +1 -1
package/dist/components/gov-pagination.js +1 -1
package/dist/components/gov-tabs.js +1 -1
package/dist/components/gov-tabs.js.map +1 -1
package/dist/components/gov-tag.js +1 -1
package/dist/components/gov-theme-switch.js +1 -1
package/dist/components/gov-theme-switch.js.map +1 -1
package/dist/components/gov-tile.js +1 -1
package/dist/components/gov-toast.js +1 -1
package/dist/components/gov-tooltip-content.js +1 -1
package/dist/components/gov-wizard-item.js +1 -1
package/dist/components/{p-5b0934a8.js → p-043a676e.js} +2 -2
package/dist/components/{p-5d60b866.js → p-2b33d27c.js} +2 -2
package/dist/components/{p-7fb16042.js → p-90657523.js} +2 -2
package/dist/components/p-abea96cf.js +2 -0
package/dist/components/p-abea96cf.js.map +1 -0
package/dist/components/{p-6ce6e14f.js → p-b56d6b99.js} +2 -2
package/dist/components/{p-5a861cd2.js → p-bd393ff0.js} +2 -2
package/dist/components/{p-f9b1a12b.js → p-cbe3bc71.js} +2 -2
package/dist/core/core.css +115 -42
package/dist/core/core.esm.js +1 -1
package/dist/core/core.esm.js.map +1 -1
package/dist/core/p-39d6e51d.entry.js +2 -0
package/dist/core/p-39d6e51d.entry.js.map +1 -0
package/dist/core/p-7385f6e8.entry.js +2 -0
package/dist/core/p-7385f6e8.entry.js.map +1 -0
package/dist/core/{p-3583dcf7.entry.js → p-9e5eb19a.entry.js} +2 -2
package/dist/core/{p-3583dcf7.entry.js.map → p-9e5eb19a.entry.js.map} +1 -1
package/dist/core/p-ac800db4.entry.js +2 -0
package/dist/core/p-ac800db4.entry.js.map +1 -0
package/dist/core/p-d45bcd43.entry.js +2 -0
package/dist/core/p-d45bcd43.entry.js.map +1 -0
package/dist/core/p-e7e00fe3.entry.js +2 -0
package/dist/core/{p-774ea182.entry.js.map → p-e7e00fe3.entry.js.map} +1 -1
package/dist/esm/core.js +1 -1
package/dist/esm/gov-button.entry.js +4 -3
package/dist/esm/gov-button.entry.js.map +1 -1
package/dist/esm/gov-empty.entry.js +7 -1
package/dist/esm/gov-empty.entry.js.map +1 -1
package/dist/esm/gov-flex_3.entry.js +3 -3
package/dist/esm/gov-flex_3.entry.js.map +1 -1
package/dist/esm/gov-form-label.entry.js +1 -1
package/dist/esm/gov-form-label.entry.js.map +1 -1
package/dist/esm/gov-infobar.entry.js +6 -2
package/dist/esm/gov-infobar.entry.js.map +1 -1
package/dist/esm/gov-tabs.entry.js +2 -2
package/dist/esm/gov-tabs.entry.js.map +1 -1
package/dist/esm/loader.js +1 -1
package/dist/hydrate/index.js +27 -14
package/dist/hydrate/index.mjs +27 -14
package/dist/types/components/gov-button/button/gov-button.d.ts +4 -0
package/dist/types/components/gov-empty/constants.d.ts +5 -0
package/dist/types/components/gov-empty/gov-empty.d.ts +5 -1
package/dist/types/components/gov-infobar/gov-infobar.d.ts +2 -0
package/dist/types/components/gov-theme-switch/gov-theme-switch.d.ts +1 -1
package/dist/types/components.d.ts +20 -4
package/package.json +1 -1
package/dist/components/p-d3435179.js +0 -2
package/dist/components/p-d3435179.js.map +0 -1
package/dist/core/p-0abc38e8.entry.js +0 -2
package/dist/core/p-0abc38e8.entry.js.map +0 -1
package/dist/core/p-774ea182.entry.js +0 -2
package/dist/core/p-a1c825f3.entry.js +0 -2
package/dist/core/p-a1c825f3.entry.js.map +0 -1
package/dist/core/p-c1584cfe.entry.js +0 -2
package/dist/core/p-c1584cfe.entry.js.map +0 -1
package/dist/core/p-c5a49469.entry.js +0 -2
package/dist/core/p-c5a49469.entry.js.map +0 -1
/package/dist/components/{p-5b0934a8.js.map → p-043a676e.js.map} +0 -0
/package/dist/components/{p-5d60b866.js.map → p-2b33d27c.js.map} +0 -0
/package/dist/components/{p-7fb16042.js.map → p-90657523.js.map} +0 -0
/package/dist/components/{p-6ce6e14f.js.map → p-b56d6b99.js.map} +0 -0
/package/dist/components/{p-5a861cd2.js.map → p-bd393ff0.js.map} +0 -0
/package/dist/components/{p-f9b1a12b.js.map → p-cbe3bc71.js.map} +0 -0

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tabs.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/*\n\t Tabs type\n\t /\n\t@Prop() readonly type: TabType = \"text\"\n\t/\n\t Tabs size.\n\t /\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/\n\t Style variation of the tab chips.\n\t /\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/\n\t Tabs orientation\n\t /\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/\n\t Icon and description display direction\n\t /\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\n\t/\n\t Emitted when the tab is changed.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\n\t\treturn this.controllers.find(control => control.active) \|\| null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/\n\t Returns the currently selected tabs-item\n\t /\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element \|\| null\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"]}
1	+ {"version":3,"file":"gov-tabs.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC1G,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAEN,SAAS,EAET,SAAS,EACT,aAAa,EACb,QAAQ,EAGR,QAAQ,EACR,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,4BAA4B,CAAA;AAG7E,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAa,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAC,qBAAqB,EAAC,MAAM,2CAA2C,CAAC;AAMhF,MAAM,OAAO,OAAO;IAKnB;QAHQ,gBAAW,GAA2D,EAAE,CAAA;oBAW/C,MAAM;oBAID,GAAG;qBAIJ,SAAS;2BAIK,YAAY;yBAID,KAAK;2BAqBpB,EAAE;0BAC3B,CAAC;mCACoB,EAAE;QA9C5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA6BD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACjD,CAAC;IAGD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IAClD,CAAC;IAGD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACjD,CAAC;IAMD,gBAAgB;QACf,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE;YACrF,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,kBAAkB,EAAE,CAAA;QACzB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,oBAAoB;;QACnB,MAAA,IAAI,CAAC,iBAAiB,0CAAE,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,qBAAqB,CAAC,aAAqB,EAAE,QAAgB;QAC5D,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;QACxC,IAAI,CAAC,mBAAmB,mCAAO,IAAI,CAAC,mBAAmB,KAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,GAAC,CAAC;IACrF,CAAC;IAEO,kBAAkB,CAAC,WAAW,GAAG,KAAK;QAC7C,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;QACrB,MAAM,QAAQ,GAAoC,EAAE,CAAA;QACpD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAA2B,EAAE,EAAE;YACpG,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC;gBAC/B,GAAG,CAAC,aAAa,EAAE;gBACnB,GAAG,CAAC,oBAAoB,EAAE;gBAC1B,GAAG,CAAC,eAAe,EAAE;aACrB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,EAAE;gBACrD,MAAM,SAAS,GAAG,OAAO,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAA;gBACjE,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAA;gBACnE,MAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAA;gBAC/D,OAAO;oBACN,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC;oBAChC,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC;oBACxC,iBAAiB,EAAE,UAAU;oBAC7B,QAAQ,EAAE,QAAQ;oBAClB,iBAAiB,EAAE,iBAAiB;oBACpC,OAAO,EAAE,GAAG;oBACZ,MAAM,EAAE,KAAK;oBACb,OAAO,EAAE,SAAS;oBAClB,SAAS;oBACT,OAAO;iBACP,CAAA;YACF,CAAC,CAAC,CAAA;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YACxC,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;gBAC3B,IAAI,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;gBAC7E,IAAI,eAAe,KAAK,CAAC,CAAC;oBAAE,eAAe,GAAG,CAAC,CAAA;gBAC/C,IAAI,CAAC,UAAU,GAAG,eAAe,CAAA;gBACjC,WAAW,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,IAAI,CAAA;YAC3C,CAAC;iBAAM,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;gBACjF,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,IAAI,CAAA;YAC3C,CAAC;YACD,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAA;YAC1G,IAAI,kBAAkB,GAAG,CAAC,CAAC,EAAE,CAAC;gBAC7B,WAAW,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC;gBAC/C,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;gBAChF,IAAI,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC;oBACvB,WAAW,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,IAAI,CAAA;oBACvC,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC;gBAChC,CAAC;YACF,CAAC;YACD,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC,CAAA;YACnC,IAAI,CAAC,QAAQ,EAAE,CAAA;QAChB,CAAC,CAAC,CAAA;IACH,CAAC;IAEO,qBAAqB,CAAC,UAAkB;QAC/C,MAAM,IAAI,GAAG,EAAE,CAAA;QACf,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,CAAC,MAAM,GAAG,UAAU,KAAK,IAAI,CAAC,iBAAiB,IAAI,UAAU,KAAK,IAAI,CAAC,iBAAiB,CAAA;YAC5F,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IAC7B,CAAC;IAEO,QAAQ;QACf,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAC9B,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAA;QACxD,CAAC,CAAC,CAAA;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;YAE3C,0EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EACxB,IAAI,EAAC,SAAS,IACV,IAAI,CAAC,mBAAmB;gBAC7B,2DAAI,KAAK,EAAE,SAAS,CAAC,IAAI,IACvB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAChC,UAAI,KAAK,EAAE,SAAS,CAAC,IAAI,IACvB,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACtB,cACC,KAAK,EAAE,SAAS,CAAC,GAAG,EACpB,EAAE,EAAE,OAAO,CAAC,iBAAiB,EAC7B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAC5C,QAAQ,EAAE,OAAO,CAAC,QAAQ,mBACX,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,mBAC5B,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,mBAC1B,OAAO,CAAC,iBAAiB,EACxC,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAuB,CAAC;oBAEjF,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBACrB,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,GAAa,CAAC,CAAC,CAAC,CAAC,IAAI;oBACjD,OAAO,CAAC,KAAK;oBACb,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBACnB,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,GAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC,CACT,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,QAAQ,EACb,UAAU,EAAE,OAAO,CAAC,iBAAiB,mBACtB,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,mBAC7B,OAAO,CAAC,iBAAiB,EACxC,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EACjE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAwB,CAAC,kBACrE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;oBAEhD,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBACrB,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,IAAI,EAAC,YAAY,GAAY,CAAC,CAAC,CAAC,CAAC,IAAI;oBACrC,OAAO,CAAC,KAAK;oBACb,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBACnB,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,IAAI,EAAC,UAAU,GAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1B,CACX,CACG,CACL,CAAC,CACE,CACA;YACN,8DAAa,CACP,CACP,CAAA;IACF,CAAC;IAEO,aAAa;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;IAChE,CAAC;IAEO,eAAe,CAAC,OAA6B;QACpD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QACvB,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QACrD,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC;IAEO,gBAAgB,CAAC,CAAgB;QACxC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,CAAA;QAEzB,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAC3B,CAAC;IAEO,YAAY,CAAC,OAAe;QACnC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACxC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;gBACxF,OAAM;YACP,CAAC;YAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,KAAK,CAAA;YAEhD,IAAI,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;gBACtC,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;oBAChD,IAAI,CAAC,UAAU,GAAG,CAAC,CAAA;gBACpB,CAAC;gBACD,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;oBAChD,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;gBACtB,CAAC;YACF,CAAC;iBAAM,IAAI,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;gBAC7C,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;oBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAA;gBAC9C,CAAC;gBACD,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;oBAChD,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;gBACtB,CAAC;YACF,CAAC;YAED,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5E,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBACjD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAA;gBACrB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;gBAC3D,IAAI,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE,CAAC;oBAClD,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAwB,CAAC,QAAQ,EAAE,CAAA;gBAC/E,CAAC;qBAAM,CAAC;oBACP,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,KAAK,EAAE,CAAA;gBACpD,CAAC;gBAED,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;gBACxC,IAAI,CAAC,QAAQ,EAAE,CAAA;gBACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;YAClD,CAAC;QACF,CAAC;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,OAAO;QACZ,IAAI,CAAC,kBAAkB,EAAE,CAAA;IAC1B,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,UAAU;QACf,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,IAAI,IAAI,CAAA;IAC5C,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,YAAY,CAAC,UAAkB;QACpC,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAA;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAA;IAChB,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,QAAQ;QACb,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/*\n\t Tabs type\n\t /\n\t@Prop() readonly type: TabType = \"text\"\n\t/\n\t Tabs size.\n\t /\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/\n\t Style variation of the tab chips.\n\t /\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/\n\t Tabs orientation\n\t /\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/\n\t Icon and description display direction\n\t /\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\n\t/\n\t Emitted when the tab is changed.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\n\t\treturn this.controllers.find(control => control.active) \|\| null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/\n\t Returns the currently selected tabs-item\n\t /\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element \|\| null\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"]}

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

@@ -17,7 +17,7 @@ export class GovThemeSwitch {
         };
         this.size = "m";
         this.displayLabel = false;
-        this.ariaLabelLight = "Přenout na tmavý mód";
+        this.ariaLabelLight = "Přepnout na tmavý mód";
         this.ariaLabelDark = "Přepnout na světlý mód";
         this.labelLight = "Světlý mód";
         this.labelDark = "Tmavý mód";
@@ -65,7 +65,7 @@ export class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (h(Host, { key: '492cf756810462ba0764668a134b2ecd5133d562', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: '02b94994619dd3fbb998acdcc16c907c69ea6723', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: '0beb069c94ed4337a6c2de4d8ee8640123bc3bc5' }, h("span", { key: '57d9fc00520b8cf98108d9b5a9710d6066861157', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: '3cd1693dcf28658943146386c97b834e5cf4534a', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: '139adcafc399eed5482c15273a37331598bbe179', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (h("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
+        return (h(Host, { key: '544d940df577f621ba8ee0d8f46bc6b6b41815ca', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: '8b1165e9c7ade60a00f4b8dcc65ba50dd0ee9408', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: '3d78b019112d3b3bcf75517d85d61e2ed17cd717' }, h("span", { key: 'cf2293cd960946e2be0fe54bd847a0d616219887', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: '7d1affc44645eca82d285a51a138ddf73b03ad3e', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: 'df70460dc0cf1530f2ca36917f2bd203aee324ab', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (h("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
     }
     static get is() { return "gov-theme-switch"; }
     static get properties() {
@@ -116,8 +116,8 @@ export class GovThemeSwitch {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"P\u0159enout na tmav\u00FD m\u00F3d\"",
-                    "resolved": "\"P\u0159enout na tmav\u00FD m\u00F3d\"",
+                    "original": "\"P\u0159epnout na tmav\u00FD m\u00F3d\"",
+                    "resolved": "\"P\u0159epnout na tmav\u00FD m\u00F3d\"",
                     "references": {}
                 },
                 "required": false,
@@ -128,7 +128,7 @@ export class GovThemeSwitch {
                 },
                 "attribute": "aria-label-light",
                 "reflect": false,
-                "defaultValue": "\"P\u0159enout na tmav\u00FD m\u00F3d\""
+                "defaultValue": "\"P\u0159epnout na tmav\u00FD m\u00F3d\""
             },
             "ariaLabelDark": {
                 "type": "string",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-theme-switch.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAElG,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAuB,MAAM,aAAa,CAAC;AAC3G,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,SAAS,EAAmB,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAKhE,MAAM,OAAO,cAAc;IAG1B;QAiFQ,kBAAa,GAAG,CAAC,KAAgB,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YAEnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBACnB,SAAS,EAAE,gBAAgB,CAAC,IAAI;gBAChC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,GAAG,EAAE,IAAI,CAAC,IAAI;aACd,CAAC,CAAA;QACH,CAAC,CAAA;oBAhF8C,GAAG;4BAIW,KAAK;8BAIA,~~sBAAsB~~;~~6BAIxB~~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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/*\n\t Switch's size.\n\t /\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/\n\t Display switch label\n\t /\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"~~Přenout~~ na tmavý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\n\t/\n\t Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"gov-theme-switch.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAElG,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAuB,MAAM,aAAa,CAAC;AAC3G,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,SAAS,EAAmB,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAKhE,MAAM,OAAO,cAAc;IAG1B;QAiFQ,kBAAa,GAAG,CAAC,KAAgB,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YAEnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBACnB,SAAS,EAAE,gBAAgB,CAAC,IAAI;gBAChC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,GAAG,EAAE,IAAI,CAAC,IAAI;aACd,CAAC,CAAA;QACH,CAAC,CAAA;oBAhF8C,GAAG;4BAIW,KAAK;8BAIA,uBAAuB;6BAIzB,wBAAwB;0BAI9B,YAAY;yBAIf,WAAW;qBAmBtC,SAAS,CAAC,IAAI;QA/CzC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAkCD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAChE,CAAC;IAGD,UAAU,CAAC,QAAmB;QAC7B,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzC,SAAS,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC;IAID,IAAY,YAAY;QACvB,OAAO,SAAS,CAAC,oBAAoB,CAAC,CAAA;IACvC,CAAC;IAED,IAAY,WAAW;QACtB,OAAO,QAAQ,CAAC,eAAe,CAAA;IAChC,CAAC;IAED,IAAY,wBAAwB;QACnC,OAAO,QAAQ,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IACnG,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAEO,gBAAgB;QACvB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,IAAI,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAA;QAErE,IAAI,YAAY,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,KAAK,GAAG,YAAyB,CAAC;QACxC,CAAC;aAAM,IAAI,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,KAAK,GAAG,SAAsB,CAAC;QACrC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;QAC7B,CAAC;IACF,CAAC;IAYD,MAAM;QACL,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,CAAC;QAC3C,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,GAAG,IAAI,CAAC,wBAAwB,CAAC;QACxC,CAAC;QACD,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAC/C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,EAChD,IAAI,EAAE,IAAI,CAAC,IAAI;YACjB,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,kBACpE,IAAI,CAAC,KAAK,gBACZ,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc;gBAC9D;oBACC,6DAAM,KAAK,EAAE,gBAAgB,CAAC,SAAS;wBACrC,SAAS,CAAC,KAAK,IAAI,iEAAU,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS,EAAE,IAAI,EAAC,YAAY,GAAY;wBACxG,SAAS,CAAC,IAAI,IAAI,iEAAU,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAC,YAAY,GAAY,CAClG;oBACN,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK,IACjC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CACpC,CACN,CAAC,CAAC,CAAC,IAAI,CAEH,CACC,CACH,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/*\n\t Switch's size.\n\t /\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/\n\t Display switch label\n\t /\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\n\t/\n\t Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/pages/Banner.js CHANGED Viewed

@@ -8,6 +8,16 @@ class BannerPage extends HTMLElement {
 			<gov-button slot="button" href="#" color="secondary" type="solid" size="xl">Zjistit více</gov-button>
 			<img src="./assets/banner/image-xl.jpg" slot="image" width="1200" height="662" />
 		</gov-banner>
+		<br>
+		<gov-banner size="xl" text-color="dark" aria-labelledby="banner001">
+			<span slot="headline" id="banner001">Lorem ipsum dolor sit</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="xl">Zjistit více</gov-button>
+			<picture slot="image">
+				<img src="./assets/banner/image-xl.jpg" width="1200" height="662" />
+			</picture>
+		</gov-banner>
+		<br><br>
 		<br><br>
 		<div style="max-width: 1152px;">

package/dist/collection/pages/Banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/pages/Banner.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmQhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class BannerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Size XL</h2>\n\t\t<gov-banner size=\"xl\" text-color=\"dark\" aria-labelledby=\"banner001\">\n\t\t\t<span slot=\"headline\" id=\"banner001\">Lorem ipsum dolor sit</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"xl\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-xl.jpg\" slot=\"image\" width=\"1200\" height=\"662\" />\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<div style=\"max-width: 1152px;\">\n\t\t<h2>Waves</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner002\">\n\t\t\t<span slot=\"headline\" id=\"banner002\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner003\">\n\t\t\t<span slot=\"headline\" id=\"banner003\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner004\">\n\t\t\t<span slot=\"headline\" id=\"banner004\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner005\">\n\t\t\t<span slot=\"headline\" id=\"banner005\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner006\">\n\t\t\t<span slot=\"headline\" id=\"banner006\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner007\">\n\t\t\t<span slot=\"headline\" id=\"banner007\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner008\">\n\t\t\t<span slot=\"headline\" id=\"banner008\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner009\">\n\t\t\t<span slot=\"headline\" id=\"banner009\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner010\">\n\t\t\t<span slot=\"headline\" id=\"banner010\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<h2>Stripes</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner011\">\n\t\t\t<span slot=\"headline\" id=\"banner011\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner012\">\n\t\t\t<span slot=\"headline\" id=\"banner012\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner013\">\n\t\t\t<span slot=\"headline\" id=\"banner013\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner014\">\n\t\t\t<span slot=\"headline\" id=\"banner014\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner015\">\n\t\t\t<span slot=\"headline\" id=\"banner015\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner016\">\n\t\t\t<span slot=\"headline\" id=\"banner016\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner017\">\n\t\t\t<span slot=\"headline\" id=\"banner017\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner018\">\n\t\t\t<span slot=\"headline\" id=\"banner018\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner019\">\n\t\t\t<span slot=\"headline\" id=\"banner019\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<h2>Lines</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner020\">\n\t\t\t<span slot=\"headline\" id=\"banner020\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner021\">\n\t\t\t<span slot=\"headline\" id=\"banner021\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner022\">\n\t\t\t<span slot=\"headline\" id=\"banner022\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner023\">\n\t\t\t<span slot=\"headline\" id=\"banner023\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner024\">\n\t\t\t<span slot=\"headline\" id=\"banner024\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner025\">\n\t\t\t<span slot=\"headline\" id=\"banner025\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner026\">\n\t\t\t<span slot=\"headline\" id=\"banner026\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner027\">\n\t\t\t<span slot=\"headline\" id=\"banner027\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner028\">\n\t\t\t<span slot=\"headline\" id=\"banner028\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<h2>Simple</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner029\">\n\t\t\t<span slot=\"headline\" id=\"banner029\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner030\">\n\t\t\t<span slot=\"headline\" id=\"banner030\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner031\">\n\t\t\t<span slot=\"headline\" id=\"banner031\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner032\">\n\t\t\t<span slot=\"headline\" id=\"banner032\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner033\">\n\t\t\t<span slot=\"headline\" id=\"banner033\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner034\">\n\t\t\t<span slot=\"headline\" id=\"banner034\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner035\">\n\t\t\t<span slot=\"headline\" id=\"banner035\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner036\">\n\t\t\t<span slot=\"headline\" id=\"banner036\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner037\">\n\t\t\t<span slot=\"headline\" id=\"banner037\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t</div>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"banner-page\") === undefined) {\n\tcustomElements.define(\"banner-page\", BannerPage)\n}\n"]}
1	+ {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/pages/Banner.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6QhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class BannerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Size XL</h2>\n\t\t<gov-banner size=\"xl\" text-color=\"dark\" aria-labelledby=\"banner001\">\n\t\t\t<span slot=\"headline\" id=\"banner001\">Lorem ipsum dolor sit</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"xl\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-xl.jpg\" slot=\"image\" width=\"1200\" height=\"662\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"xl\" text-color=\"dark\" aria-labelledby=\"banner001\">\n\t\t\t<span slot=\"headline\" id=\"banner001\">Lorem ipsum dolor sit</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"xl\">Zjistit více</gov-button>\n\t\t\t<picture slot=\"image\">\n\t\t\t\t<img src=\"./assets/banner/image-xl.jpg\" width=\"1200\" height=\"662\" />\n\t\t\t</picture>\n\t\t</gov-banner>\n\t\t<br><br>\n\t\t<br><br>\n\n\t\t<div style=\"max-width: 1152px;\">\n\t\t<h2>Waves</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner002\">\n\t\t\t<span slot=\"headline\" id=\"banner002\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner003\">\n\t\t\t<span slot=\"headline\" id=\"banner003\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner004\">\n\t\t\t<span slot=\"headline\" id=\"banner004\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner005\">\n\t\t\t<span slot=\"headline\" id=\"banner005\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner006\">\n\t\t\t<span slot=\"headline\" id=\"banner006\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner007\">\n\t\t\t<span slot=\"headline\" id=\"banner007\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner008\">\n\t\t\t<span slot=\"headline\" id=\"banner008\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner009\">\n\t\t\t<span slot=\"headline\" id=\"banner009\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner010\">\n\t\t\t<span slot=\"headline\" id=\"banner010\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<h2>Stripes</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner011\">\n\t\t\t<span slot=\"headline\" id=\"banner011\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner012\">\n\t\t\t<span slot=\"headline\" id=\"banner012\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner013\">\n\t\t\t<span slot=\"headline\" id=\"banner013\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner014\">\n\t\t\t<span slot=\"headline\" id=\"banner014\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner015\">\n\t\t\t<span slot=\"headline\" id=\"banner015\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner016\">\n\t\t\t<span slot=\"headline\" id=\"banner016\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner017\">\n\t\t\t<span slot=\"headline\" id=\"banner017\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner018\">\n\t\t\t<span slot=\"headline\" id=\"banner018\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner019\">\n\t\t\t<span slot=\"headline\" id=\"banner019\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<h2>Lines</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner020\">\n\t\t\t<span slot=\"headline\" id=\"banner020\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner021\">\n\t\t\t<span slot=\"headline\" id=\"banner021\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner022\">\n\t\t\t<span slot=\"headline\" id=\"banner022\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner023\">\n\t\t\t<span slot=\"headline\" id=\"banner023\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner024\">\n\t\t\t<span slot=\"headline\" id=\"banner024\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner025\">\n\t\t\t<span slot=\"headline\" id=\"banner025\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner026\">\n\t\t\t<span slot=\"headline\" id=\"banner026\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner027\">\n\t\t\t<span slot=\"headline\" id=\"banner027\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner028\">\n\t\t\t<span slot=\"headline\" id=\"banner028\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br><br>\n\n\t\t<h2>Simple</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner029\">\n\t\t\t<span slot=\"headline\" id=\"banner029\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner030\">\n\t\t\t<span slot=\"headline\" id=\"banner030\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner031\">\n\t\t\t<span slot=\"headline\" id=\"banner031\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner032\">\n\t\t\t<span slot=\"headline\" id=\"banner032\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner033\">\n\t\t\t<span slot=\"headline\" id=\"banner033\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner034\">\n\t\t\t<span slot=\"headline\" id=\"banner034\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner035\">\n\t\t\t<span slot=\"headline\" id=\"banner035\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner036\">\n\t\t\t<span slot=\"headline\" id=\"banner036\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t<br>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner037\">\n\t\t\t<span slot=\"headline\" id=\"banner037\">Lorem ipsum dolor sit amet.</span>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t</div>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"banner-page\") === undefined) {\n\tcustomElements.define(\"banner-page\", BannerPage)\n}\n"]}

package/dist/collection/pages/Button.js CHANGED Viewed

@@ -181,6 +181,24 @@ class ButtonPage extends HTMLElement {
 					<gov-icon slot="icon-end" name="search"></gov-icon>
 				</gov-button>
 			</div>
+			<gov-button color="primary" type="solid" expanded="true" loading="false">
+				<gov-icon slot="icon-start" name="search"></gov-icon>
+				Expanded
+				<gov-icon slot="icon-end" name="search"></gov-icon>
+			</gov-button>
+			<br>
+			<h4>Primary - solid - expanded mobile</h4>
+			<gov-button color="primary" type="solid" expanded-mobile="true" loading="false">
+				<gov-icon slot="icon-start" name="search"></gov-icon>
+				Expanded
+				<gov-icon slot="icon-end" name="search"></gov-icon>
+			</gov-button>
+			<br>
+			<gov-button color="primary" type="solid" expanded-mobile="true" loading="true">
+				<gov-icon slot="icon-start" name="search"></gov-icon>
+				Expanded
+				<gov-icon slot="icon-end" name="search"></gov-icon>
+			</gov-button>
 			<h4>Primary - outlined</h4>
 			<div class="container-view">