@gov-design-system-ce/components 4.1.3-BETA-9 → 4.2.0

package/dist/components/gov-pagination.js.map

@@ -1 +1 @@
-{"version":3,"names":["PaginationSizes","pick","Sizes","PaginationColors","Colors","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","GovPagination","proxyCustomElement","H","constructor","this","h","govHost","host","pageSelectId","createID","selectId","validateType","newValue","validateProp","validateSize","validateColor","recalculate","recalculatePagination","current","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","size","color","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","stopObserving","removeAttribute","Object","assign","pagination","total","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","description","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","type","disabled","e","onClickHandler","accessiblePageLabel","class","focusable","Host","classes","prepareClasses","name","labelStart","labelPrev","id","hidden","accessibleSelectLabel","identifier","selectIdentifier","onSelectHandler","bind","createArrayRange","selected","Fragment","ref","labelNext","labelEnd","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location"],"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationColors,\n\tPaginationColorType,\n\tPaginationSizes,\n\tPaginationSizeType,\n\tPaginationType,\n\tPaginationTypes,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {paginate, Pagination} from \"./pagination\"\nimport {createID} from \"../../utils/string.utils\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createArrayRange} from \"../../utils/array.utils\"\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\nimport {PaginationEvent} from \"./gov-pagination.types\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-pagination\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\tprivate readonly selectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/**\n\t * Pagination type\n\t */\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t/**\n\t * Total count of entries\n\t */\n\t@Prop() readonly total: number = 0\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\n\t/**\n\t * Pagination's size\n\t */\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/**\n\t * Style variation of the pagination.\n\t */\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\n\t/**\n\t * Description of the possibility to go back one page\n\t */\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\n\t/**\n\t * Description of the option to go to the top of paging\n\t */\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\n\t/**\n\t * Description of the option to go to the end of paging\n\t */\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\n\t/**\n\t * Description of the option to move one page forward\n\t */\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\n\t}\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.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\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 recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}\n\t\t\t\t\tfocusable={true}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\n\t\t\t\t<nav {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelStart\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelPrev\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelNext\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelEnd\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["PaginationSizes","pick","Sizes","PaginationColors","Colors","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","GovPagination","proxyCustomElement","H","constructor","this","h","govHost","host","pageSelectId","createID","selectId","validateType","newValue","validateProp","validateSize","validateColor","recalculate","recalculatePagination","current","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","size","color","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","pagination","total","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","description","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","type","disabled","e","onClickHandler","accessiblePageLabel","class","focusable","Host","classes","prepareClasses","name","labelStart","labelPrev","id","hidden","accessibleSelectLabel","identifier","selectIdentifier","onSelectHandler","bind","createArrayRange","selected","Fragment","ref","labelNext","labelEnd","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location"],"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationColors,\n\tPaginationColorType,\n\tPaginationSizes,\n\tPaginationSizeType,\n\tPaginationType,\n\tPaginationTypes,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {paginate, Pagination} from \"./pagination\"\nimport {createID} from \"../../utils/string.utils\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createArrayRange} from \"../../utils/array.utils\"\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\nimport {PaginationEvent} from \"./gov-pagination.types\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-pagination\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\tprivate readonly selectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/**\n\t * Pagination type\n\t */\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t/**\n\t * Total count of entries\n\t */\n\t@Prop() readonly total: number = 0\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\n\t/**\n\t * Pagination's size\n\t */\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/**\n\t * Style variation of the pagination.\n\t */\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\n\t/**\n\t * Description of the possibility to go back one page\n\t */\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\n\t/**\n\t * Description of the option to go to the top of paging\n\t */\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\n\t/**\n\t * Description of the option to go to the end of paging\n\t */\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\n\t/**\n\t * Description of the option to move one page forward\n\t */\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\n\t}\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.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\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 recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}\n\t\t\t\t\tfocusable={true}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\n\t\t\t\t<nav {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelStart\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelPrev\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelNext\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelEnd\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-skeleton.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-350e060c.js";const t=o;const c=s;export{t as GovSkeleton,c as defineCustomElement};
+import{G as o,d as s}from"./p-b533871a.js";const t=o;const a=s;export{t as GovSkeleton,a as defineCustomElement};
 //# sourceMappingURL=gov-skeleton.js.map

package/dist/components/gov-spacer.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as i}from"./p-115b9cf3.js";import{v as a}from"./p-0b3574c2.js";import{S as o}from"./p-92f420cb.js";import{p as n}from"./p-e0e2e9c1.js";import{g as r}from"./p-ea7fdd2e.js";const c=n(o,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var p;(function(e){e["NONE"]="none";e["SM"]="sm";e["MD"]="md";e["LG"]="lg";e["XL"]="xl"})(p||(p={}));const d={root:"gov-spacer"};const f=e(class e extends t{constructor(){super();this.__registerHost();this.size=undefined;this.breakpoint=undefined;this.h=r(this.host)}validateSize(e){a(c,e,d.root)}validateBreakpoint(e){a(p,e,d.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"23aedb7f3b112a356319aba076eedf9a4743e25b",class:this.h.classes(d.root),size:this.size,breakpoint:this.breakpoint})}get host(){return this}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}},[0,"gov-spacer",{size:[1],breakpoint:[1]},undefined,{size:["validateSize"],breakpoint:["validateBreakpoint"]}]);function m(){if(typeof customElements==="undefined"){return}const e=["gov-spacer"];e.forEach((e=>{switch(e){case"gov-spacer":if(!customElements.get(e)){customElements.define(e,f)}break}}))}m();const h=f;const l=m;export{h as GovSpacer,l as defineCustomElement};
+import{p as e,H as t,h as s,d as i}from"./p-42200001.js";import{v as o}from"./p-0b3574c2.js";import{S as a}from"./p-92f420cb.js";import{p as n}from"./p-e0e2e9c1.js";import{g as r}from"./p-ea7fdd2e.js";const c=n(a,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var p;(function(e){e["NONE"]="none";e["SM"]="sm";e["MD"]="md";e["LG"]="lg";e["XL"]="xl"})(p||(p={}));const d={root:"gov-spacer"};const m=e(class e extends t{constructor(){super();this.__registerHost();this.size=undefined;this.breakpoint=undefined;this.h=r(this.host)}validateSize(e){o(c,e,d.root)}validateBreakpoint(e){o(p,e,d.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"4108672a0c9d849121d0274cdf5cb29564754eb5",class:this.h.classes(d.root),size:this.size,breakpoint:this.breakpoint})}get host(){return this}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}},[0,"gov-spacer",{size:[1],breakpoint:[1]},undefined,{size:["validateSize"],breakpoint:["validateBreakpoint"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-spacer"];e.forEach((e=>{switch(e){case"gov-spacer":if(!customElements.get(e)){customElements.define(e,m)}break}}))}f();const h=m;const l=f;export{h as GovSpacer,l as defineCustomElement};
 //# sourceMappingURL=gov-spacer.js.map

package/dist/components/gov-stepper-item.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as a,d as c}from"./p-115b9cf3.js";import{v as o}from"./p-0b3574c2.js";import{S as i,c as d}from"./p-a521c59a.js";import{c as r}from"./p-cd6c2938.js";import{g as n}from"./p-ea7fdd2e.js";const f=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change",7);this.hydrated=false;this.color="primary";this.size="m";this.identifier=undefined;this.h=n(this.host);this.triggerId=r("GovStepperItem");this.contentId=r("GovStepperContent")}validateColor(e){o(d,e,i.root)}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const e=this.identifier||this.triggerId;const t=this.contentId;return a(c,{key:"c24400b8ee5917005e6e3a21f47024c7ebad2960",id:e,class:this.h.classes(i.root),color:this.color,role:"listitem",hydrated:this.hydrated},this.h.hasSlot("prefix")&&a("span",{key:"010401daa60b44eed322de007fdd6e4ca035ff8d",class:i.prefix},a("slot",{key:"27287e54365c7e72e01dd21f8d07f7144dc03f3c",name:"prefix"})),a("div",{key:"b50e23ee80b270bb5bb781c46e2cf2de73cad1bb"},a("span",{key:"84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97",class:i.headline},a("slot",{key:"18410e07be87715a96540789a82403bfab45e55c",name:"headline"})),a("slot",{key:"dd2c20b9f07d2bcbf4223eca8de0d7592d178e86",name:"annotation"}),this.h.hasSlot("content")&&a("div",{key:"cd34d17b5a14816dd91ee84f91a14217952bcfe5",class:i.content,id:t,"aria-labelledby":e,role:"tabpanel"},a("slot",{key:"c90f411f8d63c6381f55a0e6ac819369a9bfd2e5",name:"content"}))))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-stepper-item",{color:[1],size:[1],identifier:[1]},undefined,{color:["validateColor"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-stepper-item"];e.forEach((e=>{switch(e){case"gov-stepper-item":if(!customElements.get(e)){customElements.define(e,f)}break}}))}l();const p=f;const b=l;export{p as GovStepperItem,b as defineCustomElement};
+import{p as e,H as a,c as t,h as s,d as c}from"./p-42200001.js";import{v as d}from"./p-0b3574c2.js";import{S as o,c as i}from"./p-2ca5423c.js";import{c as n}from"./p-cd6c2938.js";import{g as f}from"./p-ea7fdd2e.js";const r=e(class e extends a{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.hydrated=false;this.color="primary";this.size="m";this.identifier=undefined;this.h=f(this.host);this.triggerId=n("GovStepperItem");this.contentId=n("GovStepperContent")}validateColor(e){d(i,e,o.root)}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const e=this.identifier||this.triggerId;const a=this.contentId;return s(c,{key:"08ccd5ea73c3269daa18fc8bba6dd18480ad7816",id:e,class:this.h.classes(o.root),color:this.color,role:"listitem",hydrated:this.hydrated},s("div",{key:"35fdc536d55fff74470ad2a9a8402a5629fb86ec"},s("div",{key:"0b37d829fae45660196edc0509897c28d9e508ec",class:o.steps},s("span",{key:"2f8794f09a43b40063297dedd0995eb1f69fe2b3"}),s("span",{key:"e0a4ff933a1ce97d6831d47d2281f2158a7d234f",class:o.prefix},s("slot",{key:"237aed2bfa1229906fb09d36d65158569ecf58a9",name:"prefix"})),s("span",{key:"023e70f587369773800f3ce963058d8a35700710"})),s("div",{key:"75d13eabc53fc14e48e8ed21d19010ab4b2f4cb5",class:o.main},s("span",{key:"22aab53d261746e0dfc0cfe7815259430aa297dc",class:o.headline},s("slot",{key:"f544727ea1c6516a567bb45cc8159c5d9f2657fd",name:"headline"})),s("slot",{key:"a017ee18733dcaa2499b40ad9c341d480a26b0a1",name:"annotation"}),this.h.hasSlot("content")&&s("div",{key:"854112defb09e451c1748a35b566f785792e3418",class:o.content,id:a,"aria-labelledby":e,role:"tabpanel"},s("slot",{key:"2ba008423af0ad9db10874b1c3f87a27a252bb72",name:"content"})))))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-stepper-item",{color:[1],size:[1],identifier:[1]},undefined,{color:["validateColor"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-stepper-item"];e.forEach((e=>{switch(e){case"gov-stepper-item":if(!customElements.get(e)){customElements.define(e,r)}break}}))}l();const p=r;const b=l;export{p as GovStepperItem,b as defineCustomElement};
 //# sourceMappingURL=gov-stepper-item.js.map

package/dist/components/gov-stepper-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovStepperItem","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","StepperColors","StepperItemClass","root","componentWillLoad","color","connectedCallback","render","identifier","Host","key","id","class","classes","role","hasSlot","prefix","name","headline","content"],"sources":["../../../packages/core/src/components/gov-stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: StepperColorType = 'primary'\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\n\t\t\t\t{this.h.hasSlot('prefix') && (\n\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<div>\n\t\t\t\t\t<span class={StepperItemClass.headline}>\n\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<slot name=\"annotation\" />\n\n\t\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId} role=\"tabpanel\">\n\t\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6NAWaA,EAAcC,EAAA,MAAAD,UAAAE,EAM1B,WAAAC,G,oEAFQC,KAAAC,SAAW,M,WAayB,U,UAID,I,0BAd1CD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,UAAYC,EAAS,kBAC1BN,KAAKO,UAAYD,EAAS,oB,CAuB3B,aAAAE,CAAcC,GACbC,EAAaC,EAAeF,EAAUG,EAAiBC,K,CAGxD,iBAAAC,GACCd,KAAKQ,cAAcR,KAAKe,M,CAGzB,iBAAAC,GACChB,KAAKC,SAAW,I,CAGjB,MAAAgB,GACC,MAAMZ,EAAYL,KAAKkB,YAAclB,KAAKK,UAC1C,MAAME,EAAYP,KAAKO,UAEvB,OACCL,EAACiB,EAAI,CAAAC,IAAA,2CAACC,GAAIhB,EAAWiB,MAAOtB,KAAKE,EAAEqB,QAAQX,EAAiBC,MAAOE,MAAOf,KAAKe,MAAOS,KAAK,WAAWvB,SAAUD,KAAKC,UACnHD,KAAKE,EAAEuB,QAAQ,WACfvB,EAAA,QAAAkB,IAAA,2CAAME,MAAOV,EAAiBc,QAC7BxB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,YAGbzB,EAAA,OAAAkB,IAAA,4CACClB,EAAA,QAAAkB,IAAA,2CAAME,MAAOV,EAAiBgB,UAC7B1B,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,cAEZzB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,eAEV3B,KAAKE,EAAEuB,QAAQ,YACfvB,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBiB,QAASR,GAAId,EAAS,kBAAmBF,EAAWmB,KAAK,YACrFtB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,c","ignoreList":[]}
+{"version":3,"names":["GovStepperItem","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","StepperColors","StepperItemClass","root","componentWillLoad","color","connectedCallback","render","identifier","Host","key","id","class","classes","role","steps","prefix","name","main","headline","hasSlot","content"],"sources":["../../../packages/core/src/components/gov-stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: StepperColorType = 'primary'\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={StepperItemClass.steps}>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class={StepperItemClass.main}>\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"annotation\"/>\n\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6NAWaA,EAAcC,EAAA,MAAAD,UAAAE,EAM1B,WAAAC,G,oEAFQC,KAAAC,SAAW,M,WAayB,U,UAID,I,0BAd1CD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,UAAYC,EAAS,kBAC1BN,KAAKO,UAAYD,EAAS,oB,CAuB3B,aAAAE,CAAcC,GACbC,EAAaC,EAAeF,EAAUG,EAAiBC,K,CAGxD,iBAAAC,GACCd,KAAKQ,cAAcR,KAAKe,M,CAGzB,iBAAAC,GACChB,KAAKC,SAAW,I,CAGjB,MAAAgB,GACC,MAAMZ,EAAYL,KAAKkB,YAAclB,KAAKK,UAC1C,MAAME,EAAYP,KAAKO,UAEvB,OACCL,EAACiB,EAAI,CAAAC,IAAA,2CAACC,GAAIhB,EAAWiB,MAAOtB,KAAKE,EAAEqB,QAAQX,EAAiBC,MAAOE,MAAOf,KAAKe,MAAOS,KAAK,WAAWvB,SAAUD,KAAKC,UACpHC,EAAA,OAAAkB,IAAA,4CACClB,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBa,OAC5BvB,EAAA,QAAAkB,IAAA,6CACAlB,EAAA,QAAAkB,IAAA,2CAAME,MAAOV,EAAiBc,QAC7BxB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,YAEZzB,EAAA,QAAAkB,IAAA,8CAEDlB,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBgB,MAC5B1B,EAAA,QAAAkB,IAAA,2CAAME,MAAOV,EAAiBiB,UAC7B3B,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,cAEZzB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,eAEV3B,KAAKE,EAAE4B,QAAQ,YACf5B,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBmB,QAASV,GAAId,EAAS,kBAAmBF,EACpEmB,KAAK,YACNtB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,e","ignoreList":[]}

package/dist/components/gov-stepper.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as t,h as i,d as a}from"./p-115b9cf3.js";import{v as o}from"./p-0b3574c2.js";import{S as c,a as r,b as n}from"./p-a521c59a.js";import{g as d}from"./p-ea7fdd2e.js";const h=s(class s extends e{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.hydrated=false;this.size="m";this.h=d(this.host)}validateSize(s){o(n,s,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(c.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}connectedCallback(){this.hydrated=true}render(){return i(a,{key:"0815470dbe86e888ab922139e6f02347f89f4700",class:this.h.classes(r.root),role:"list",size:this.size,hydrated:this.hydrated},i("slot",{key:"2585c79a48236a8c2d333a437beb4d7f1d9d9d6c"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-stepper",{size:[1]},undefined,{size:["validateSize"]}]);function p(){if(typeof customElements==="undefined"){return}const s=["gov-stepper"];s.forEach((s=>{switch(s){case"gov-stepper":if(!customElements.get(s)){customElements.define(s,h)}break}}))}p();const f=h;const m=p;export{f as GovStepper,m as defineCustomElement};
+import{p as e,H as s,c as t,h as i,d as a}from"./p-42200001.js";import{v as o}from"./p-0b3574c2.js";import{S as c,a as r,b as n}from"./p-2ca5423c.js";import{g as h}from"./p-ea7fdd2e.js";const d=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.hydrated=false;this.size="m";this.h=h(this.host)}validateSize(e){o(n,e,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(c.root).forEach((e=>{e.setAttribute("size",this.size);e.addEventListener("gov-change",(e=>{e.stopPropagation();this.govChange.emit(e.detail)}))}))}connectedCallback(){this.hydrated=true}render(){return i(a,{key:"ad86791a6b34280a775b8d07e1ec8da2d7644fcf",class:this.h.classes(r.root),role:"list",size:this.size,hydrated:this.hydrated},i("slot",{key:"06f185f754181401b2031eee17c1309854900531"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-stepper",{size:[1]},undefined,{size:["validateSize"]}]);function p(){if(typeof customElements==="undefined"){return}const e=["gov-stepper"];e.forEach((e=>{switch(e){case"gov-stepper":if(!customElements.get(e)){customElements.define(e,d)}break}}))}p();const m=d;const f=p;export{m as GovStepper,f as defineCustomElement};
 //# sourceMappingURL=gov-stepper.js.map

package/dist/components/gov-tabs-item.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as i,d as s}from"./p-115b9cf3.js";import{c as r}from"./p-cd6c2938.js";import{g as a,t as n}from"./p-ea7fdd2e.js";import{a as d,T as c}from"./p-860520b0.js";const h=e(class e extends t{constructor(){super();this.__registerHost();this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.disabled=false;this.iconStart=undefined;this.iconEnd=undefined;this.default=false;this.isActive=false;this.h=a(this.host);this.contentId=r("GovTabContent");this.triggerId=r("GovTabTrigger")}rerenderParent(){const e=this.h.getParent(d.root);if(e){e.rerender().catch()}}render(){return i(s,{key:"89b01b0d025a89f89085dba24db6b8fadcd97e68",class:this.h.classes(c.root),default:this.default},i("div",{key:"8868371d0da63c1727c8b3a55b930a4d0ce30a3c",class:c.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":n(!this.isActive)},i("slot",{key:"0d47bea8c416b1c57aac006f9eea9101ade9427d"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async getDisableState(){return this.disabled}async setActiveStatus(e){this.isActive=e}get host(){return this}static get watchers(){return{label:["rerenderParent"],disabled:["rerenderParent"]}}},[4,"gov-tabs-item",{identifier:[1],triggerIdentifier:[1,"trigger-identifier"],label:[513],disabled:[516],iconStart:[513,"icon-start"],iconEnd:[513,"icon-end"],default:[4],isActive:[32],getIdentifier:[64],getTriggerIdentifier:[64],getDisableState:[64],setActiveStatus:[64]},undefined,{label:["rerenderParent"],disabled:["rerenderParent"]}]);function o(){if(typeof customElements==="undefined"){return}const e=["gov-tabs-item"];e.forEach((e=>{switch(e){case"gov-tabs-item":if(!customElements.get(e)){customElements.define(e,h)}break}}))}o();const f=h;const b=o;export{f as GovTabsItem,b as defineCustomElement};
+import{p as e,H as t,h as i,d as s}from"./p-42200001.js";import{c as r}from"./p-cd6c2938.js";import{g as n,t as a}from"./p-ea7fdd2e.js";import{a as d,T as c}from"./p-860520b0.js";const f=e(class e extends t{constructor(){super();this.__registerHost();this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.disabled=false;this.iconStart=undefined;this.iconEnd=undefined;this.default=false;this.isActive=false;this.h=n(this.host);this.contentId=r("GovTabContent");this.triggerId=r("GovTabTrigger")}rerenderParent(){const e=this.h.getParent(d.root);if(e){e.rerender().catch()}}render(){return i(s,{key:"1cd671d422ff816437c778c22193c897d0755e8a",class:this.h.classes(c.root),default:this.default},i("div",{key:"2473a5ef26157b0f1c5853ba38642ae5e19e437e",class:c.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":a(!this.isActive)},i("slot",{key:"f0c3c0e8ade04a638a7cad9eda92249bb399fc3b"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async getDisableState(){return this.disabled}async setActiveStatus(e){this.isActive=e}get host(){return this}static get watchers(){return{label:["rerenderParent"],disabled:["rerenderParent"]}}},[4,"gov-tabs-item",{identifier:[1],triggerIdentifier:[1,"trigger-identifier"],label:[513],disabled:[516],iconStart:[513,"icon-start"],iconEnd:[513,"icon-end"],default:[4],isActive:[32],getIdentifier:[64],getTriggerIdentifier:[64],getDisableState:[64],setActiveStatus:[64]},undefined,{label:["rerenderParent"],disabled:["rerenderParent"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["gov-tabs-item"];e.forEach((e=>{switch(e){case"gov-tabs-item":if(!customElements.get(e)){customElements.define(e,f)}break}}))}h();const o=f;const l=h;export{o as GovTabsItem,l as defineCustomElement};
 //# sourceMappingURL=gov-tabs-item.js.map

package/dist/components/gov-tabs.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as i,h as e,d as o}from"./p-115b9cf3.js";import{v as a}from"./p-0b3574c2.js";import{T as r,a as n,b as h,c,d as l}from"./p-860520b0.js";import{g as d,c as f,b}from"./p-ea7fdd2e.js";import{h as p}from"./p-2aedc81e.js";import{p as u}from"./p-016bbea6.js";import{A as m,a as v,i as g}from"./p-33d5d1ed.js";import{d as y}from"./p-ba61e648.js";import{d as j}from"./p-95bd5f39.js";const k=t(class t extends s{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change",7);this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){a(h,t,n.root)}validateColor(t){a(c,t,n.root)}validateSize(t){a(l,t,n.root)}componentDidLoad(){this.attributeObserver=new m(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=g(this.host)}disconnectedCallback(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(r.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const o=typeof t.getAttribute("default")==="string";const a=u(t.getAttribute("icon-start"));const r=u(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:o,iconStart:a,iconEnd:r}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&p(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return e(o,{key:"4efcbedcc355a74456cc899bc48c7aaf8c604c12",class:this.h.classes(n.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},e("div",Object.assign({key:"a64d1a7cadd5950ebc687c3f3d741ea0a59a3684",class:n.tabs,role:"tablist"},this.inheritedAttributes),e("ul",{key:"adab5148c97b041e11f3e7d11a4d87492df5320a",class:n.list},this.controllers.map((t=>e("li",{class:n.item},this.type=="text"?e("button",{class:n.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):e("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":b(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),e("slot",{key:"2a3720ce9449d62ecd1d58bac806bf356d37375a"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return this}static get watchers(){return{type:["validateType"],color:["validateColor"],size:["validateSize"]}}},[4,"gov-tabs",{type:[1],size:[1],color:[1],orientation:[1],direction:[513],controllers:[32],focusIndex:[32],inheritedAttributes:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64]},undefined,{type:["validateType"],color:["validateColor"],size:["validateSize"]}]);function T(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,k)}break;case"gov-chip":if(!customElements.get(t)){y()}break;case"gov-icon":if(!customElements.get(t)){j()}break}}))}T();const x=k;const z=T;export{x as GovTabs,z as defineCustomElement};
+import{p as t,H as s,c as i,h as e,d as o}from"./p-42200001.js";import{v as a}from"./p-0b3574c2.js";import{T as r,a as n,b as h,c,d as l}from"./p-860520b0.js";import{g as d,c as f,b}from"./p-ea7fdd2e.js";import{h as p}from"./p-2aedc81e.js";import{p as u}from"./p-016bbea6.js";import{A as m,a as v,i as g}from"./p-33d5d1ed.js";import{d as y}from"./p-b5dc6bae.js";import{d as j}from"./p-3c90521b.js";const k=t(class t extends s{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change",7);this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){a(h,t,n.root)}validateColor(t){a(c,t,n.root)}validateSize(t){a(l,t,n.root)}componentDidLoad(){this.attributeObserver=new m(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=g(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(r.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const o=typeof t.getAttribute("default")==="string";const a=u(t.getAttribute("icon-start"));const r=u(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:o,iconStart:a,iconEnd:r}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&p(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return e(o,{key:"7bb6938fcf7bc4164675f8fefa28658a55d7f8db",class:this.h.classes(n.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},e("div",Object.assign({key:"b0b13ba45a743dab4427d347d41552c529224c8e",class:n.tabs,role:"tablist"},this.inheritedAttributes),e("ul",{key:"079d04cff5d370351523653a04ddfc54956be6e3",class:n.list},this.controllers.map((t=>e("li",{class:n.item},this.type=="text"?e("button",{class:n.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):e("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":b(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),e("slot",{key:"59db7cbbeb5a5a0024ab356ec89146b737374ddb"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return this}static get watchers(){return{type:["validateType"],color:["validateColor"],size:["validateSize"]}}},[4,"gov-tabs",{type:[1],size:[1],color:[1],orientation:[1],direction:[513],controllers:[32],focusIndex:[32],inheritedAttributes:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64]},undefined,{type:["validateType"],color:["validateColor"],size:["validateSize"]}]);function T(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,k)}break;case"gov-chip":if(!customElements.get(t)){y()}break;case"gov-icon":if(!customElements.get(t)){j()}break}}))}T();const x=k;const z=T;export{x as GovTabs,z as defineCustomElement};
 //# sourceMappingURL=gov-tabs.js.map

package/dist/components/gov-tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovTabs","proxyCustomElement","H","constructor","this","triggerRefs","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","size","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","stopObserving","removeAttribute","Object","assign","skipDefault","controllers","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","direction","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","focusIndex","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","color","type","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovTabs","proxyCustomElement","H","constructor","this","triggerRefs","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","size","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","skipDefault","controllers","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","direction","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","focusIndex","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","color","type","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"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"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-tag.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as o}from"./p-115b9cf3.js";import{g as a}from"./p-ea7fdd2e.js";import{v as i}from"./p-0b3574c2.js";import{a as c,c as n}from"./p-44a8a668.js";import{p as r}from"./p-e0e2e9c1.js";import{S as d}from"./p-92f420cb.js";import{p as f}from"./p-016bbea6.js";import{d as b}from"./p-95bd5f39.js";const m=r(d,["_XS","_S","_M"]);var l;(function(e){e["BOLD"]="bold";e["SUBTLE"]="subtle"})(l||(l={}));const p={root:"gov-tag"};const h=e(class e extends t{constructor(){super();this.__registerHost();this.iconStart=undefined;this.iconEnd=undefined;this.size=m._S;this.color=c.PRIMARY;this.type=undefined;this.expanded=false;this.h=a(this.host)}validateColor(e){i(c,e,p.root)}validateSize(e){i(n,e,p.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const e=f(this.iconStart);const t=f(this.iconEnd);return s(o,{key:"8865709f2568a754160000138f413f352409e248",class:this.h.classes(p.root),color:this.color,size:this.size,type:this.type},s("span",{key:"4ae6dc1d60a207510de61c2391af9eb268dd3588",class:"element"},s("slot",{key:"f08057eb346b918d1be45ad7561a71bac54237aa",name:"icon-start"},e&&s("gov-icon",{key:"37554fce04335c45bb724efeb5e7701513336b7b",type:e.type,name:e.name})),s("slot",{key:"b66970bf42b9fd9217cb2e3a03c2f47c608b14a5"}),s("slot",{key:"85bf0010dac55b808bba5a442d977e8538f93d3a",name:"icon-end"},t&&s("gov-icon",{key:"70bf541bac6a69871618cb520c7008099aa6f341",type:t.type,name:t.name}))))}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-tag",{iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[513],color:[513],type:[513],expanded:[516]},undefined,{color:["validateColor"],size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-tag","gov-icon"];e.forEach((e=>{switch(e){case"gov-tag":if(!customElements.get(e)){customElements.define(e,h)}break;case"gov-icon":if(!customElements.get(e)){b()}break}}))}u();const v=h;const g=u;export{v as GovTag,g as defineCustomElement};
+import{p as e,H as t,h as s,d as o}from"./p-42200001.js";import{g as a}from"./p-ea7fdd2e.js";import{v as c}from"./p-0b3574c2.js";import{a as i,c as n}from"./p-44a8a668.js";import{p as r}from"./p-e0e2e9c1.js";import{S as d}from"./p-92f420cb.js";import{p as f}from"./p-016bbea6.js";import{d as m}from"./p-3c90521b.js";const l=r(d,["_XS","_S","_M"]);var p;(function(e){e["BOLD"]="bold";e["SUBTLE"]="subtle"})(p||(p={}));const b={root:"gov-tag"};const h=e(class e extends t{constructor(){super();this.__registerHost();this.iconStart=undefined;this.iconEnd=undefined;this.size=l._S;this.color=i.PRIMARY;this.type=undefined;this.expanded=false;this.h=a(this.host)}validateColor(e){c(i,e,b.root)}validateSize(e){c(n,e,b.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const e=f(this.iconStart);const t=f(this.iconEnd);return s(o,{key:"2666286a982e645f733c109a70f5463e002fe6ff",class:this.h.classes(b.root),color:this.color,size:this.size,type:this.type},s("span",{key:"e71f4041d2bbaa983948f44e6782c0dd33c5943a",class:"element"},s("slot",{key:"c35c4b9b661a6aeed75e15dc96de454b53bbbece",name:"icon-start"},e&&s("gov-icon",{key:"de5abfab508e4b5c684e9db5af2f9070244a5730",type:e.type,name:e.name})),s("slot",{key:"745c8a357a058af3f0d897045219a057ccf0c4fc"}),s("slot",{key:"4f9393a61fe22e3696ddfc194afced17cd95f673",name:"icon-end"},t&&s("gov-icon",{key:"25701722d4cebce173fa354460ac7911c9f2a44b",type:t.type,name:t.name}))))}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-tag",{iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[513],color:[513],type:[513],expanded:[516]},undefined,{color:["validateColor"],size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-tag","gov-icon"];e.forEach((e=>{switch(e){case"gov-tag":if(!customElements.get(e)){customElements.define(e,h)}break;case"gov-icon":if(!customElements.get(e)){m()}break}}))}u();const v=h;const g=u;export{v as GovTag,g as defineCustomElement};
 //# sourceMappingURL=gov-tag.js.map

package/dist/components/gov-theme-switch.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,d as a}from"./p-115b9cf3.js";import{g as c}from"./p-ea7fdd2e.js";import{p as o}from"./p-e0e2e9c1.js";import{S as h}from"./p-92f420cb.js";import{a as n}from"./p-e8ec030e.js";import{v as r}from"./p-0b3574c2.js";import{d as m,s as l,g as d}from"./p-95bd5f39.js";const b=o(h,["_XS","_S","_M","_L","_XL"]);const f={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const p="data-theme";var g;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(g||(g={}));const u=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change",7);this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:f.root,state:this.theme,ref:this.host})};this.size="m";this.displayLabel=false;this.ariaLabelLight="Přenout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=g.auto;this.h=c(this.host)}validateSize(t){r(b,t,f.root)}watchTheme(t){this.htmlElement.setAttribute(p,t);this.htmlElement.classList.remove(...Object.keys(g));this.htmlElement.classList.add(t);l(p,t)}get storageValue(){return d(p)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return n&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(g);let e=this.storageValue;const s=this.htmlElement.getAttribute(p);if(e&&t.includes(e)){this.theme=e}else if(s&&t.includes(s)){this.theme=s}else{this.theme=g.auto}}render(){let t=this.theme===g.dark;if(this.theme===g.auto){t=this.isSystemPrefersColorDark}return i(a,{key:"784ed0513ea1436bb754dc82691646422789783b",class:this.h.classes(f.root),theme:t?g.dark:g.light,size:this.size},i("button",{key:"d4abc155a8ae8f07d0a49c378e295c3ab57318d4",onClick:()=>this.setThemeState(t?g.light:g.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},i("span",{key:"7f713875d5618acc919702cdc60e9db58dfb9db5"},i("span",{key:"0b57c0153047ef292b6bdc43b49e5a1a9cdc17e1",class:f.indicator},g.light&&i("gov-icon",{key:"ae2c751435a2bc9c1e9f8dfa4ca52e13943ada9b",name:"sun",class:f.iconLight,type:"components"}),g.dark&&i("gov-icon",{key:"7a4ee602a37742ab94dcee47a7c4970d5dce5bb6",name:"moon",class:f.iconDark,type:"components"})),this.displayLabel&&(t?this.labelDark:this.labelLight))))}get host(){return this}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}},[0,"gov-theme-switch",{size:[1],displayLabel:[4,"display-label"],ariaLabelLight:[1,"aria-label-light"],ariaLabelDark:[1,"aria-label-dark"],labelLight:[1,"label-light"],labelDark:[1,"label-dark"],theme:[32]},undefined,{size:["validateSize"],theme:["watchTheme"]}]);function v(){if(typeof customElements==="undefined"){return}const t=["gov-theme-switch","gov-icon"];t.forEach((t=>{switch(t){case"gov-theme-switch":if(!customElements.get(t)){customElements.define(t,u)}break;case"gov-icon":if(!customElements.get(t)){m()}break}}))}v();const k=u;const w=v;export{k as GovThemeSwitch,w as defineCustomElement};
+import{p as e,H as t,c as s,h as i,d as a}from"./p-42200001.js";import{g as o}from"./p-ea7fdd2e.js";import{p as c}from"./p-e0e2e9c1.js";import{S as h}from"./p-92f420cb.js";import{a as n}from"./p-e8ec030e.js";import{v as r}from"./p-0b3574c2.js";import{d as l,s as m,g as d}from"./p-3c90521b.js";const f=c(h,["_XS","_S","_M","_L","_XL"]);const b={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const p="data-theme";var g;(function(e){e["auto"]="auto";e["light"]="light";e["dark"]="dark"})(g||(g={}));const u=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change",7);this.setThemeState=e=>{this.theme=e;this.govChange.emit({component:b.root,state:this.theme,ref:this.host})};this.size="m";this.displayLabel=false;this.ariaLabelLight="Přenout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=g.auto;this.h=o(this.host)}validateSize(e){r(f,e,b.root)}watchTheme(e){this.htmlElement.setAttribute(p,e);this.htmlElement.classList.remove(...Object.keys(g));this.htmlElement.classList.add(e);m(p,e)}get storageValue(){return d(p)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return n&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const e=Object.keys(g);let t=this.storageValue;const s=this.htmlElement.getAttribute(p);if(t&&e.includes(t)){this.theme=t}else if(s&&e.includes(s)){this.theme=s}else{this.theme=g.auto}}render(){let e=this.theme===g.dark;if(this.theme===g.auto){e=this.isSystemPrefersColorDark}return i(a,{key:"7c9fc2abd555e5254c86ff58fe3e70be5a30b83c",class:this.h.classes(b.root),theme:e?g.dark:g.light,size:this.size},i("button",{key:"1dc6ac1588fc2f2b48089400953c44e04d59e213",onClick:()=>this.setThemeState(e?g.light:g.dark),"aria-current":this.theme,"aria-label":e?this.ariaLabelDark:this.ariaLabelLight},i("span",{key:"59e19f4450ea2043edf7c037538bab5a0d605569"},i("span",{key:"34640deb4ff3215653f47d54b59ae6763a793333",class:b.indicator},g.light&&i("gov-icon",{key:"e1583fe54eae0ab7eeb2eb4919b5dd144bb43aa3",name:"sun",class:b.iconLight,type:"components"}),g.dark&&i("gov-icon",{key:"cb63ce2aa41321bcb7c59d0c02f47f62b80fd104",name:"moon",class:b.iconDark,type:"components"})),this.displayLabel?i("span",{class:b.label},e?this.labelDark:this.labelLight):null)))}get host(){return this}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}},[0,"gov-theme-switch",{size:[1],displayLabel:[4,"display-label"],ariaLabelLight:[1,"aria-label-light"],ariaLabelDark:[1,"aria-label-dark"],labelLight:[1,"label-light"],labelDark:[1,"label-dark"],theme:[32]},undefined,{size:["validateSize"],theme:["watchTheme"]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-theme-switch","gov-icon"];e.forEach((e=>{switch(e){case"gov-theme-switch":if(!customElements.get(e)){customElements.define(e,u)}break;case"gov-icon":if(!customElements.get(e)){l()}break}}))}v();const k=u;const w=v;export{k as GovThemeSwitch,w as defineCustomElement};
 //# sourceMappingURL=gov-theme-switch.js.map

package/dist/components/gov-theme-switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","proxyCustomElement","H","constructor","this","setThemeState","state","theme","govChange","emit","component","ref","host","auto","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","size","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","ariaLabelDark","ariaLabelLight","name","type","displayLabel","labelDark","labelLight"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","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 && (isDark ? this.labelDark : this.labelLight)}\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"],"mappings":"sSAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCZpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAAS,K,MCURC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,oEAiFQC,KAAAC,cAAiBC,IACxBF,KAAKG,MAAQD,EAEbF,KAAKI,UAAUC,KAAK,CACnBC,UAAWjB,EAAiBC,KAC5BY,MAAOF,KAAKG,MACZI,IAAKP,KAAKQ,MACT,E,UA/E4C,I,kBAIc,M,oBAIK,uB,mBAIF,yB,gBAIN,a,eAIH,Y,WAmB3Bb,EAAUc,KA/CrCT,KAAKU,EAAIC,EAAQX,KAAKQ,K,CAmCvB,YAAAI,CAAaC,GACZC,EAAa5B,EAAkB2B,EAAUxB,EAAiBC,K,CAI3D,UAAAyB,CAAWF,GACVb,KAAKgB,YAAYC,aAAavB,EAAsBmB,GACpDb,KAAKgB,YAAYE,UAAUC,UAAUC,OAAOC,KAAK1B,IACjDK,KAAKgB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAU7B,EAAsBmB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAU/B,E,CAGlB,eAAYsB,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCjC,KAAKkC,mBACLlC,KAAKY,aAAaZ,KAAKmC,K,CAGhB,gBAAAD,GACP,MAAME,EAAUhB,OAAOC,KAAK1B,GAC5B,IAAI0C,EAAerC,KAAKwB,aACxB,MAAMc,EAAYtC,KAAKgB,YAAYuB,aAAa7C,GAEhD,GAAI2C,GAAgBD,EAAQI,SAASH,GAAe,CACnDrC,KAAKG,MAAQkC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpDtC,KAAKG,MAAQmC,C,KACP,CACNtC,KAAKG,MAAQR,EAAUc,I,EAczB,MAAAgC,GACC,IAAIC,EAAS1C,KAAKG,QAAUR,EAAUgD,KACtC,GAAI3C,KAAKG,QAAUR,EAAUc,KAAM,CAClCiC,EAAS1C,KAAK4B,wB,CAEf,OACClB,EAACkC,EAAI,CAAAC,IAAA,2CAACC,MAAO9C,KAAKU,EAAEqC,QAAQ1D,EAAiBC,MAC1Ca,MAAOuC,EAAS/C,EAAUgD,KAAOhD,EAAUqD,MAC3Cb,KAAMnC,KAAKmC,MACbzB,EAAA,UAAAmC,IAAA,2CAAQI,QAAS,IAAMjD,KAAKC,cAAcyC,EAAS/C,EAAUqD,MAAQrD,EAAUgD,MAAK,eACpE3C,KAAKG,MAAK,aACZuC,EAAS1C,KAAKkD,cAAgBlD,KAAKmD,gBAChDzC,EAAA,QAAAmC,IAAA,4CACCnC,EAAA,QAAAmC,IAAA,2CAAMC,MAAOzD,EAAiBE,WAC5BI,EAAUqD,OAAStC,EAAA,YAAAmC,IAAA,2CAAUO,KAAK,MAAMN,MAAOzD,EAAiBG,UAAW6D,KAAK,eAChF1D,EAAUgD,MAAQjC,EAAA,YAAAmC,IAAA,2CAAUO,KAAK,OAAON,MAAOzD,EAAiBI,SAAU4D,KAAK,gBAEhFrD,KAAKsD,eAAiBZ,EAAS1C,KAAKuD,UAAYvD,KAAKwD,c","ignoreList":[]}
+{"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","proxyCustomElement","H","constructor","this","setThemeState","state","theme","govChange","emit","component","ref","host","auto","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","size","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","ariaLabelDark","ariaLabelLight","name","type","displayLabel","labelDark","labelLight"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","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"],"mappings":"sSAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,MAAO,0BACPC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCbpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAAS,K,MCURC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,oEAiFQC,KAAAC,cAAiBC,IACxBF,KAAKG,MAAQD,EAEbF,KAAKI,UAAUC,KAAK,CACnBC,UAAWlB,EAAiBC,KAC5Ba,MAAOF,KAAKG,MACZI,IAAKP,KAAKQ,MACT,E,UA/E4C,I,kBAIc,M,oBAIK,uB,mBAIF,yB,gBAIN,a,eAIH,Y,WAmB3Bb,EAAUc,KA/CrCT,KAAKU,EAAIC,EAAQX,KAAKQ,K,CAmCvB,YAAAI,CAAaC,GACZC,EAAa7B,EAAkB4B,EAAUzB,EAAiBC,K,CAI3D,UAAA0B,CAAWF,GACVb,KAAKgB,YAAYC,aAAavB,EAAsBmB,GACpDb,KAAKgB,YAAYE,UAAUC,UAAUC,OAAOC,KAAK1B,IACjDK,KAAKgB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAU7B,EAAsBmB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAU/B,E,CAGlB,eAAYsB,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCjC,KAAKkC,mBACLlC,KAAKY,aAAaZ,KAAKmC,K,CAGhB,gBAAAD,GACP,MAAME,EAAUhB,OAAOC,KAAK1B,GAC5B,IAAI0C,EAAerC,KAAKwB,aACxB,MAAMc,EAAYtC,KAAKgB,YAAYuB,aAAa7C,GAEhD,GAAI2C,GAAgBD,EAAQI,SAASH,GAAe,CACnDrC,KAAKG,MAAQkC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpDtC,KAAKG,MAAQmC,C,KACP,CACNtC,KAAKG,MAAQR,EAAUc,I,EAczB,MAAAgC,GACC,IAAIC,EAAS1C,KAAKG,QAAUR,EAAUgD,KACtC,GAAI3C,KAAKG,QAAUR,EAAUc,KAAM,CAClCiC,EAAS1C,KAAK4B,wB,CAEf,OACClB,EAACkC,EAAI,CAAAC,IAAA,2CAACC,MAAO9C,KAAKU,EAAEqC,QAAQ3D,EAAiBC,MAC1Cc,MAAOuC,EAAS/C,EAAUgD,KAAOhD,EAAUqD,MAC3Cb,KAAMnC,KAAKmC,MACbzB,EAAA,UAAAmC,IAAA,2CAAQI,QAAS,IAAMjD,KAAKC,cAAcyC,EAAS/C,EAAUqD,MAAQrD,EAAUgD,MAAK,eACpE3C,KAAKG,MAAK,aACZuC,EAAS1C,KAAKkD,cAAgBlD,KAAKmD,gBAChDzC,EAAA,QAAAmC,IAAA,4CACCnC,EAAA,QAAAmC,IAAA,2CAAMC,MAAO1D,EAAiBE,WAC5BK,EAAUqD,OAAStC,EAAA,YAAAmC,IAAA,2CAAUO,KAAK,MAAMN,MAAO1D,EAAiBI,UAAW6D,KAAK,eAChF1D,EAAUgD,MAAQjC,EAAA,YAAAmC,IAAA,2CAAUO,KAAK,OAAON,MAAO1D,EAAiBK,SAAU4D,KAAK,gBAEhFrD,KAAKsD,aACL5C,EAAA,QAAMoC,MAAO1D,EAAiBG,OAC5BmD,EAAS1C,KAAKuD,UAAYvD,KAAKwD,YAE7B,O","ignoreList":[]}

package/dist/components/gov-tile.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,F as i,d as o}from"./p-115b9cf3.js";import{p as n}from"./p-e0e2e9c1.js";import{S as a}from"./p-92f420cb.js";import{g as c}from"./p-ea7fdd2e.js";import{d as f}from"./p-95bd5f39.js";n(a,["_S","_M","_L"]);const r={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const d=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.orientation=undefined;this.noBorder=false;this.href=undefined;this.target=undefined;this.h=c(this.host)}render(){return s(o,{key:"c766f3d54f15e5a49a877fa2e67593d084f487f7",class:this.h.classes(r.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"d07b106d781fead65a124c82d11ebe991fddfece",name:"icon"}),s("div",{key:"eeee0397b4384a473f3782750d1e04f0c8c7894d",class:r.content},s("div",{key:"f4081902e55b964b1ebbdd43f7b189f83dce8690",class:r.text},s("div",{key:"3bf8cf35db6f667de7c278786787e38b1392a5b2",class:r.title},this.href?s(i,null,s("a",{href:this.href,target:this.target,class:r.link,ref:e=>this.triggerRef=e},s("slot",{name:"title"})),s("span",{class:r.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"088f60531285a1457277352a011766f809d9280d",class:`${r.annotation} ${this.href?`${r.annotation}--padding`:""}`},s("slot",{key:"8d4a612e3aff054a60ec1030eb5a28903595ea6a"}))),s("slot",{key:"f7610d06a6d951b3a24f2e129342bb82c5e9d767",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[4,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-tile","gov-icon"];e.forEach((e=>{switch(e){case"gov-tile":if(!customElements.get(e)){customElements.define(e,d)}break;case"gov-icon":if(!customElements.get(e)){f()}break}}))}l();const g=d;const h=l;export{g as GovTile,h as defineCustomElement};
+import{p as e,H as t,h as s,F as i,d as o}from"./p-42200001.js";import{p as n}from"./p-e0e2e9c1.js";import{S as a}from"./p-92f420cb.js";import{g as c}from"./p-ea7fdd2e.js";import{d as r}from"./p-3c90521b.js";n(a,["_S","_M","_L"]);const d={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const f=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.orientation=undefined;this.noBorder=false;this.href=undefined;this.target=undefined;this.h=c(this.host)}render(){return s(o,{key:"c2b0a1596d12d921dfd934905e19f778826d3ffa",class:this.h.classes(d.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"dbd0b5222be8bd00f87c94f1054913e0f7ef203e",name:"icon"}),s("div",{key:"cbae639cc5c2d1a0837d8c3c18c9ff5b19ae861e",class:d.content},s("div",{key:"5072ae5919ef7f61cbb0d43805b6198c081aa5cb",class:d.text},s("div",{key:"825333bee20b729833fe7f66e9908c763048eddd",class:d.title},this.href?s(i,null,s("a",{href:this.href,target:this.target,class:d.link,ref:e=>this.triggerRef=e},s("slot",{name:"title"})),s("span",{class:d.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"150177ba86ce79dac70ef8dc3ab93b5bd6468b03",class:`${d.annotation} ${this.href?`${d.annotation}--padding`:""}`},s("slot",{key:"85f73ae3797a9b490a7d0f94cbd87717059d0a38"}))),s("slot",{key:"e18f72da9af1e305b5a52d7328f509a670b806a0",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[4,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-tile","gov-icon"];e.forEach((e=>{switch(e){case"gov-tile":if(!customElements.get(e)){customElements.define(e,f)}break;case"gov-icon":if(!customElements.get(e)){r()}break}}))}l();const b=f;const g=l;export{b as GovTile,g as defineCustomElement};
 //# sourceMappingURL=gov-tile.js.map

package/dist/components/gov-toast.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as e,h as o,d as i}from"./p-115b9cf3.js";import{v as a}from"./p-0b3574c2.js";import{C as c}from"./p-5aad3497.js";import{p as n}from"./p-e0e2e9c1.js";import{g as r}from"./p-ea7fdd2e.js";import{c as d}from"./p-cd6c2938.js";import{A as h,a as l,i as m}from"./p-33d5d1ed.js";import{d as f}from"./p-939638b2.js";import{d as b}from"./p-95bd5f39.js";const p=n(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=e(this,"gov-close",7);this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.closeLabel=undefined;this.accessibleCloseLabel=undefined;this.inheritedAttributes={};this.h=r(this.host);this.toastId=d("GovToast")}validateColor(t){a(p,t,v.root)}componentDidLoad(){this.attributeObserver=new h(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=m(this.host)}disconnectedCallback(){clearTimeout(this.timeout);this.attributeObserver.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return o(i,{key:"632972ed59aac0d696428d6f32e6c99615ccf687",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&o("span",{key:"da93a05f1976eeb4e356160fd0daea409b836a05",class:v.icon},o("slot",{key:"d374f5dea570b27643d960e65d0d5b2c710cb2b4",name:"icon"})),o("div",Object.assign({key:"1680aff627c809348ae7812ab72a34dbad33a368",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),o("slot",{key:"8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2"})),o("gov-button",{key:"9f05e19a672f66c2203a5556370e12e2ce7819f7",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:o("gov-icon",{name:"x-lg",type:"components"})),o("div",{key:"a954d22ce3a0e06e2d17aa14903dae7264d9e03c",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){f()}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}y();const j=g;const k=y;export{j as GovToast,k as defineCustomElement};
+import{p as t,H as s,c as o,h as i,d as e}from"./p-42200001.js";import{v as a}from"./p-0b3574c2.js";import{C as c}from"./p-5aad3497.js";import{p as d}from"./p-e0e2e9c1.js";import{g as n}from"./p-ea7fdd2e.js";import{c as r}from"./p-cd6c2938.js";import{A as h,a as l,i as f}from"./p-33d5d1ed.js";import{d as m}from"./p-4fba9df0.js";import{d as b}from"./p-3c90521b.js";const p=d(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=o(this,"gov-close",7);this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.closeLabel=undefined;this.accessibleCloseLabel=undefined;this.inheritedAttributes={};this.h=n(this.host);this.toastId=r("GovToast")}validateColor(t){a(p,t,v.root)}componentDidLoad(){this.attributeObserver=new h(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(e,{key:"c5ff6e1b44b5bd6be76071fb1a06863d40fbafc4",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"12bed10d321d58f2a60624b40442cd1af7f5a148",class:v.icon},i("slot",{key:"d190b0fa180d1d7fa7d7de31e57e6443d878ef8c",name:"icon"})),i("div",Object.assign({key:"1d3b58d5e24a9c8de248d762fd86226b4d0734cd",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"9db11a8e04576242515cd043a500f0b8114f4210"})),i("gov-button",{key:"781d407d84f718b11a2c5f809c4508e2c0da5499",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"a73f8ec772d777df9b5a26cfa9f05fbeb82608ff",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}y();const j=g;const k=y;export{j as GovToast,k as defineCustomElement};
 //# sourceMappingURL=gov-toast.js.map

package/dist/components/gov-toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","proxyCustomElement","H","constructor","this","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","runTimer","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","time","render","Host","key","class","classes","gravity","position","type","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\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(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\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 runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","proxyCustomElement","H","constructor","this","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","runTimer","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","time","render","Host","key","class","classes","gravity","position","type","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\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(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\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 runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-tooltip-content.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,h as e,d as i}from"./p-115b9cf3.js";import{T as o,a as n,b as c}from"./p-76d604c6.js";import{c as l}from"./p-ea7fdd2e.js";import{d as r}from"./p-939638b2.js";import{d as a}from"./p-95bd5f39.js";const f=t(class t extends s{constructor(){super();this.__registerHost();this.color=o.PRIMARY;this.size=n._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(t){clearTimeout(this.timeout);if(t===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const t=document.getElementById(this.parentId);if(t){t.hide().catch()}}render(){return e(i,{key:"965998f4788ddd5dffd01b53073a001023cd9037",class:c.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!l(this.isVisible),"is-visible":this.isVisible},e("slot",{key:"fe9d1ee13a11077947492341836f8f25c1f8881f"}),this.persist?e("gov-button",{"on-gov-click":this.hideContent.bind(this),color:this.color,size:this.size,type:"base"},e("gov-icon",{slot:"icon-start",name:"x-lg",type:"components"})):null)}get host(){return this}static get watchers(){return{isVisible:["visibleContent"]}}},[4,"gov-tooltip-content",{color:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]},undefined,{isVisible:["visibleContent"]}]);function d(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip-content","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-tooltip-content":if(!customElements.get(t)){customElements.define(t,f)}break;case"gov-button":if(!customElements.get(t)){r()}break;case"gov-icon":if(!customElements.get(t)){a()}break}}))}d();const h=f;const m=d;export{h as GovTooltipContent,m as defineCustomElement};
+import{p as t,H as s,h as e,d as i}from"./p-42200001.js";import{T as o,a as n,b as c}from"./p-76d604c6.js";import{c as l}from"./p-ea7fdd2e.js";import{d as a}from"./p-4fba9df0.js";import{d as r}from"./p-3c90521b.js";const d=t(class t extends s{constructor(){super();this.__registerHost();this.color=o.PRIMARY;this.size=n._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(t){clearTimeout(this.timeout);if(t===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const t=document.getElementById(this.parentId);if(t){t.hide().catch()}}render(){return e(i,{key:"28e778cbda440ea6026ed604d5713c451ed49f36",class:c.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!l(this.isVisible),"is-visible":this.isVisible},e("slot",{key:"f7e08e2fb6029b4d5bca3f7fdce286f67c7f77d0"}),this.persist?e("gov-button",{"on-gov-click":this.hideContent.bind(this),color:this.color,size:this.size,type:"base"},e("gov-icon",{slot:"icon-start",name:"x-lg",type:"components"})):null)}get host(){return this}static get watchers(){return{isVisible:["visibleContent"]}}},[4,"gov-tooltip-content",{color:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]},undefined,{isVisible:["visibleContent"]}]);function f(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip-content","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-tooltip-content":if(!customElements.get(t)){customElements.define(t,d)}break;case"gov-button":if(!customElements.get(t)){a()}break;case"gov-icon":if(!customElements.get(t)){r()}break}}))}f();const h=d;const m=f;export{h as GovTooltipContent,m as defineCustomElement};
 //# sourceMappingURL=gov-tooltip-content.js.map