npm - @gov-design-system-ce/components - Versions diffs - 4.2.8 → 4.6.0 - Mend

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

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

Files changed (1492) hide show

package/dist/core/gov-pagination.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-pagination.entry.esm.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;AAKO,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAGjD,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAGpE,IAAY,eAGX;AAHD,CAAA,UAAY,eAAe,EAAA;AAC1B,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,eAAe,KAAf,eAAe,GAG1B,EAAA,CAAA,CAAA;AAGM,MAAM,eAAe,GAAG;AAC9B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,IAAI,EAAE,sBAAsB;AAC5B,IAAA,IAAI,EAAE,sBAAsB;AAC5B,IAAA,SAAS,EAAE,6BAA6B;AACxC,IAAA,QAAQ,EAAE,4BAA4B;AACtC,IAAA,UAAU,EAAE,8BAA8B;AAC1C,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,KAAK,EAAE,uBAAuB;CAC9B;;ACde,SAAA,QAAQ,CAAC,UAAkB,EAAE,WAAW,GAAG,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAA;;IAEzF,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;;AAGnD,IAAA,IAAI,WAAW,GAAG,CAAC,EAAE;QACpB,WAAW,GAAG,CAAC;;AACT,SAAA,IAAI,WAAW,GAAG,UAAU,EAAE;QACpC,WAAW,GAAG,UAAU;;IAGzB,IAAI,SAAiB,EAAE,OAAe;AACtC,IAAA,IAAI,UAAU,IAAI,QAAQ,EAAE;;QAE3B,SAAS,GAAG,CAAC;QACb,OAAO,GAAG,UAAU;;SACd;;QAEN,MAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;AAC1D,QAAA,MAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;AAC5D,QAAA,IAAI,WAAW,IAAI,yBAAyB,EAAE;;YAE7C,SAAS,GAAG,CAAC;YACb,OAAO,GAAG,QAAQ;;AACZ,aAAA,IAAI,WAAW,GAAG,wBAAwB,IAAI,UAAU,EAAE;;AAEhE,YAAA,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC;YACrC,OAAO,GAAG,UAAU;;aACd;;AAEN,YAAA,SAAS,GAAG,WAAW,GAAG,yBAAyB;AACnD,YAAA,OAAO,GAAG,WAAW,GAAG,wBAAwB;;;;IAKlD,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,CAAC,IAAI,QAAQ;AAC/C,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC;;AAGpE,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;;IAGvF,OAAO;AACN,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,WAAW,EAAE,WAAW;AACxB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,KAAK,EAAE,KAAK;KACZ;AACF;;MCxCa,aAAa,GAAA,MAAA;AAQzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAmB,QAAQ;AAChD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAW,CAAC;AACpC;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AAKlC;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAwB,GAAG;AAChD;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAyB,SAAS;AACxD;;AAEG;AACsC,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAC9D;;AAEG;AACsC,QAAA,IAAQ,CAAA,QAAA,GAAW,CAAC;AAO7D;;AAEG;AACoD,QAAA,IAAqB,CAAA,qBAAA,GAAW,eAAe;AACtG;;AAEG;AACkD,QAAA,IAAmB,CAAA,mBAAA,GAAW,QAAQ;AAC3F;;AAEG;AACuC,QAAA,IAAS,CAAA,SAAA,GAAG,sBAAsB;AAC5E;;AAEG;AACwC,QAAA,IAAU,CAAA,UAAA,GAAG,mBAAmB;AAC3E;;AAEG;AACuC,QAAA,IAAS,CAAA,SAAA,GAAG,wBAAwB;AAC9E;;AAEG;AACsC,QAAA,IAAQ,CAAA,QAAA,GAAG,iBAAiB;AAO5D,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QA1E5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC7C,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC;AACrC;AA0ED,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC;;AAI9D,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC;;AAI9D,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC;;IAO/D,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGzC,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC;AACxC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,oBAAoB,GAAA;;QACnB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;AAG5E,IAAA,qBAAqB,CAAC,WAAmB,EAAA;AAChD,QAAA,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAG1E,iBAAiB,CAAC,aAAqB,EAAE,IAAY,EAAA;QAC5D,IAAI,IAAI,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,EAAE;YACzC,OAAO,aAAa,GAAG,YAAY;;aAC7B;AACN,YAAA,OAAO,aAAa;;;AAId,IAAA,cAAc,CAAC,IAAY,EAAA;AAClC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;;AAEzD,QAAA,OAAO,SAAS;;IAGT,gBAAgB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM;AACzB,iBAAA,IAAI,CAAC,CAAC,EAAqB,KAAI;AAC/B,gBAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AACjB,aAAC,CAAC;;;IAIL,MAAM,GAAA;QACL,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,OAAY,EAAE,WAAmB,KAAI;AACxE,YAAA,MAAM,UAAU,GAAG,IAAI,KAAK,EAAE;YAC9B,MAAM,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;YAChG,QACC,CACC,CAAA,YAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAU,EAAA,cAAA,EACN,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAA,YAAA,EACrC,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,mBAAmB,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,SAAS,kBACvF,WAAW,EACzB,KAAK,EAAE,eAAe,CAAC,KAAK,EAC5B,SAAS,EAAE,IAAI,IACd,OAAO,CACI;AAEf,SAAC;AACD,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACrG,CAAS,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA,EAChC,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,eAAe,CAAC,IAAI,EAAA,EAC9B,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,cAAc,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,EAAA,EAC1E,YAAY,CACZ,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,EACxC,gBAAU,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,EAAY,CAAA,EAChG,IAAI,CAAC,UAAU,CACf,CACG,EAEL,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,cAAc,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,EAAA,EAC1E,YAAY,CACZ,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,GAAG,EAAE,EAC9F,CAAU,CAAA,UAAA,EAAA,EAAA,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,YAAY,EAAA,CAAY,EACzF,IAAI,CAAC,SAAS,CACd,CACG,EAEJ,IAAI,CAAC,IAAI,IAAI,QAAQ,IACrB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,cAAc,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,EAAA,EAC5E,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,eAAe,CAAC,KAAK,EAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,EACjC,IAAA,EAAA,EAAA,IAAI,CAAC,qBAAqB,CACrB,EACP,CAAA,CAAA,iBAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,qBACjC,IAAI,CAAC,YAAY,EAAA,eAAA,EACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAC7C,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,KACxD,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,EACjE,EAAA,IAAI,CACG,CACT,CAAC,CACe,CACZ,CACH,KAEL,EAAC,QAAQ,EAAA,IAAA,EACP,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAC9B,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,IAAG,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAM,CAClG,CAAC,EACD,IAAI,CAAC,UAAU,CAAC,UAAU,IAC1B,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,cAAc,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAA,EAC3E,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,eAAe,CAAC,KAAK,EAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,EACjC,IAAA,EAAA,EAAA,IAAI,CAAC,qBAAqB,CACrB,EACP,CACC,CAAA,iBAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,EACjC,iBAAA,EAAA,IAAI,CAAC,YAAY,EAClC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,eAAe,GAAG,EAA8B,CAAC,mBACnD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAC9C,CAAQ,CAAA,QAAA,EAAA,EAAA,QAAQ,EAAC,IAAA,EAAA,MAAM,EAAa,IAAA,EAAA,EAAA,KAAA,CAAA,EACnC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,KACxD,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAClC,EAAA,IAAI,CACG,CACT,CAAC,CACe,CACZ,CACF,IACF,IAAI,CACE,CACX,EAED,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,cAAc,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,EAAA,EAC1E,YAAY,CACZ,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,GAAG,EAAE,EAC/F,CAAU,CAAA,UAAA,EAAA,EAAA,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAA,CAAY,EAC1F,IAAI,CAAC,SAAS,CACd,CACG,EAEL,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,cAAc,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,EAAA,EAC1E,YAAY,CACZ,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,EAAE,EAC1F,CAAU,CAAA,UAAA,EAAA,EAAA,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,YAAY,EAAA,CAAY,EACjG,IAAI,CAAC,QAAQ,CACb,CACG,CACD,CACA,CACA;;IAID,cAAc,CAAC,CAAc,EAAE,IAAY,EAAA;QAClD,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;AAChC,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,eAAe,CAAC,IAAI;YAC/B,UAAU,EAAE,IAAI,CAAC;AACjB,SAAA,CAAC;;AAGK,IAAA,eAAe,CAAC,CAA+B,EAAA;QACtD,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;AAC5B,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE;AAC1B,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;AAChC,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACd,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;;iBAC1C;AACN,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;oBACjB,SAAS,EAAE,eAAe,CAAC,IAAI;oBAC/B,UAAU,EAAE,IAAI,CAAC;AACjB,iBAAA,CAAC;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-pagination.entry.esm.js","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'\r\nimport { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\r\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\r\n\r\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\r\n\r\nexport enum PaginationTypes {\r\n\tBUTTON = 'button',\r\n\tSELECT = 'select',\r\n}\r\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\r\n\r\nexport const PaginationClass = {\r\n\troot: 'gov-pagination',\r\n\tlist: 'gov-pagination__list',\r\n\titem: 'gov-pagination__item',\r\n\titemArrow: 'gov-pagination__item--arrow',\r\n\titemMore: 'gov-pagination__item--more',\r\n\titemSelect: 'gov-pagination__item--select',\r\n\tinner: 'gov-pagination__inner',\r\n\tarrow: 'gov-pagination__arrow',\r\n}\r\n","export interface Pagination {\r\n\ttotalItems: number\r\n\tcurrentPage: number\r\n\tpageSize: number\r\n\ttotalPages: number\r\n\tstartPage: number\r\n\tendPage: number\r\n\tstartIndex: number\r\n\tendIndex: number\r\n\tpages: number[]\r\n}\r\n\r\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\r\n\t// calculate total pages\r\n\tconst totalPages = Math.ceil(totalItems / pageSize)\r\n\r\n\t// ensure current page isn't out of range\r\n\tif (currentPage < 1) {\r\n\t\tcurrentPage = 1\r\n\t} else if (currentPage > totalPages) {\r\n\t\tcurrentPage = totalPages\r\n\t}\r\n\r\n\tlet startPage: number, endPage: number\r\n\tif (totalPages <= maxPages) {\r\n\t\t// total pages less than max so show all pages\r\n\t\tstartPage = 1\r\n\t\tendPage = totalPages\r\n\t} else {\r\n\t\t// total pages more than max so calculate start and end pages\r\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\r\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\r\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\r\n\t\t\t// current page near the start\r\n\t\t\tstartPage = 1\r\n\t\t\tendPage = maxPages\r\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\r\n\t\t\t// current page near the end\r\n\t\t\tstartPage = totalPages - maxPages + 1\r\n\t\t\tendPage = totalPages\r\n\t\t} else {\r\n\t\t\t// current page somewhere in the middle\r\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\r\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\r\n\t\t}\r\n\t}\r\n\r\n\t// calculate start and end item indexes\r\n\tconst startIndex = (currentPage - 1) * pageSize\r\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\r\n\r\n\t// create an array of pages to ng-repeat in the pager control\r\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\r\n\r\n\t// return object with all pager properties required by the view\r\n\treturn {\r\n\t\ttotalItems: totalItems,\r\n\t\tcurrentPage: currentPage,\r\n\t\tpageSize: pageSize,\r\n\t\ttotalPages: totalPages,\r\n\t\tstartPage: startPage,\r\n\t\tendPage: endPage,\r\n\t\tstartIndex: startIndex,\r\n\t\tendIndex: endIndex,\r\n\t\tpages: pages,\r\n\t}\r\n}\r\n","import Fragment from \"../../helpers/Fragment\"\r\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tPaginationClass,\r\n\tPaginationColors,\r\n\tPaginationColorType,\r\n\tPaginationSizes,\r\n\tPaginationSizeType,\r\n\tPaginationType,\r\n\tPaginationTypes,\r\n} from \"./constants\"\r\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\r\nimport {paginate, Pagination} from \"./pagination\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createArrayRange} from \"../../utils/array.utils\"\r\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\r\nimport {PaginationEvent} from \"./gov-pagination.types\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-pagination\",\r\n})\r\nexport class GovPagination {\r\n\tprivate h: GovHost\r\n\tprivate readonly pageSelectId: string\r\n\tprivate readonly selectId: string\r\n\r\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\r\n\t\tthis.selectId = createID(\"GovSelect\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovPaginationElement\r\n\t/*\r\n\t Pagination type\r\n\t /\r\n\t@Prop() readonly type: PaginationType = \"button\"\r\n\t/\r\n\t Currently displayed page\r\n\t /\r\n\t@Prop() readonly current: number = 1\r\n\t/\r\n\t Total count of entries\r\n\t /\r\n\t@Prop() readonly total: number = 0\r\n\t/\r\n\t Custom select identifier.\r\n\t /\r\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\r\n\t/\r\n\t Pagination's size\r\n\t /\r\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\r\n\t/\r\n\t Style variation of the pagination.\r\n\t /\r\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\r\n\t/\r\n\t Maximum number of entries per page\r\n\t /\r\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\r\n\t/\r\n\t Maximum pages displayed for selection\r\n\t /\r\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\r\n\t/\r\n\t Setting a link to redirect to a given page.\r\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\r\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.\r\n\t /\r\n\t@Prop() readonly link: string\r\n\t/\r\n\t Adds accessible label for the page select\r\n\t /\r\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\r\n\t/\r\n\t Adds accessible label for the page item\r\n\t /\r\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\r\n\t/\r\n\t Description of the possibility to go back one page\r\n\t /\r\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\r\n\t/\r\n\t Description of the option to go to the top of paging\r\n\t /\r\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\r\n\t/\r\n\t Description of the option to go to the end of paging\r\n\t /\r\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\r\n\t/\r\n\t Description of the option to move one page forward\r\n\t /\r\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\r\n\t/\r\n\t Event called when changing the page with the current setting of the whole paging\r\n\t */\r\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\r\n\r\n\t@State() pagination: Pagination\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"current\")\r\n\t@Watch(\"total\")\r\n\t@Watch(\"pageSize\")\r\n\t@Watch(\"maxPages\")\r\n\trecalculate(): void {\r\n\t\tthis.recalculatePagination(this.current)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.recalculatePagination(this.current)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate recalculatePagination(currentPage: number) {\r\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\r\n\t}\r\n\r\n\tprivate isActivePageClass(originalClass: string, page: number) {\r\n\t\tif (this.pagination.currentPage === page) {\r\n\t\t\treturn originalClass + \" is-active\"\r\n\t\t} else {\r\n\t\t\treturn originalClass\r\n\t\t}\r\n\t}\r\n\r\n\tprivate prepareLinkUrl(page: number) {\r\n\t\tif (this.link) {\r\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\r\n\t\t}\r\n\t\treturn undefined\r\n\t}\r\n\r\n\tprivate resetSelectValue() {\r\n\t\tif (this.spreadSelectRef) {\r\n\t\t\tthis.spreadSelectRef.getRef()\r\n\t\t\t\t.then((el: HTMLSelectElement) => {\r\n\t\t\t\t\tel.value = '...'\r\n\t\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\r\n\t\t\tconst isDisabled = page === -1\r\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\r\n\t\t\treturn (\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\r\n\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\tdisabled={isDisabled}\r\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\r\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\r\n\t\t\t\t\taria-current={ariaCurrent}\r\n\t\t\t\t\tclass={PaginationClass.inner}\r\n\t\t\t\t\tfocusable={true}>\r\n\t\t\t\t\t{content}\r\n\t\t\t\t</gov-button>\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\r\n\t\t\t\t<nav {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={PaginationClass.list}>\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelStart\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelPrev\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t{this.type == \"select\" ? (\r\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\r\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\r\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\r\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<gov-form-select\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier \|\| this.selectId}\r\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\r\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\r\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\r\n\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</gov-form-select>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\r\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\r\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\r\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\r\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\r\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\r\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier \|\| this.selectId}\r\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\r\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\r\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\r\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\r\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelNext\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelEnd\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</nav>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\r\n\t\te.stopPropagation()\r\n\t\tthis.recalculatePagination(page)\r\n\t\tthis.govPage.emit({\r\n\t\t\tcomponent: PaginationClass.root,\r\n\t\t\tpagination: this.pagination\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\r\n\t\te.stopPropagation()\r\n\t\tconst value = e.detail.value\r\n\t\tconst page = parseInt(value)\r\n\t\tthis.resetSelectValue()\r\n\t\tif (isNaN(page) === false) {\r\n\t\t\tthis.recalculatePagination(page)\r\n\t\t\tif (this.link) {\r\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\r\n\t\t\t} else {\r\n\t\t\t\tthis.govPage.emit({\r\n\t\t\t\t\tcomponent: PaginationClass.root,\r\n\t\t\t\t\tpagination: this.pagination\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/core/gov-spacer.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-spacer.entry.esm.js","sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\n\nexport enum SpacerBreakpoints {\n\tNONE = 'none',\n\tSM = 'sm',\n\tMD = 'md',\n\tLG = 'lg',\n\tXL = 'xl',\n}\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-spacer',\n})\nexport class GovSpacer {\n\tprivate h: GovHost\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovSpacerElement\n\t/*\n\t Spacer’s size\n\t /\n\t@Prop() readonly size?: SpacerSizeType\n\t/\n\t Breakpoint\n\t */\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAGvG,IAAY,iBAMX;AAND,CAAA,UAAY,iBAAiB,EAAA;AAC5B,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACV,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,GAM5B,EAAA,CAAA,CAAA;AAGM,MAAM,WAAW,GAAG;AAC1B,IAAA,IAAI,EAAE,YAAY;CAClB;;MCTY,SAAS,GAAA,MAAA;AAErB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQA;;AAEG;AACc,QAAA,IAAU,CAAA,UAAA,GAA2B,SAAS;QAV9D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAG5D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;;IAGzC,MAAM,GAAA;AACL,QAAA,OAAO,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,CAAS;;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-spacer.entry.esm.js","sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\r\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\r\n\r\nexport enum SpacerBreakpoints {\r\n\tNONE = 'none',\r\n\tSM = 'sm',\r\n\tMD = 'md',\r\n\tLG = 'lg',\r\n\tXL = 'xl',\r\n}\r\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\r\n\r\nexport const SpacerClass = {\r\n\troot: 'gov-spacer',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../helpers/Validate/props'\r\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { govHost } from '../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-spacer',\r\n})\r\nexport class GovSpacer {\r\n\tprivate h: GovHost\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\t@Element() host: HTMLGovSpacerElement\r\n\t/*\r\n\t Spacer’s size\r\n\t /\r\n\t@Prop() readonly size?: SpacerSizeType\r\n\t/\r\n\t Breakpoint\r\n\t */\r\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\t@Watch('breakpoint')\r\n\tvalidateBreakpoint(newValue: string): void {\r\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateBreakpoint(this.breakpoint)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAGvG,IAAY,iBAMX;AAND,CAAA,UAAY,iBAAiB,EAAA;AAC5B,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACV,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,GAM5B,EAAA,CAAA,CAAA;AAGM,MAAM,WAAW,GAAG;AAC1B,IAAA,IAAI,EAAE,YAAY;CAClB;;MCTY,SAAS,GAAA,MAAA;AAErB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQA;;AAEG;AACc,QAAA,IAAU,CAAA,UAAA,GAA2B,SAAS;QAV9D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAG5D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;;IAGzC,MAAM,GAAA;AACL,QAAA,OAAO,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,CAAS;;;;;;;;;;;"}

package/dist/core/gov-stepper-item.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-stepper-item.entry.esm.js","sources":["../../../packages/core/src/components/gov-stepper/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"],"names":[],"mappings":";;;;;;;;;;MAWa,cAAc,GAAA,MAAA;AAM1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAUxB;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAsB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAd7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC;;IAG7D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG/B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;AACnD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;QAEhC,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAA,EACjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-stepper-item.entry.esm.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\r\nimport { createID } from '../../../utils/string.utils'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper-item',\r\n})\r\nexport class GovStepperItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID('GovStepperItem')\r\n\t\tthis.contentId = createID('GovStepperContent')\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperItemElement\r\n\r\n\t/*\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly color?: StepperColorType = 'primary'\r\n\t/\r\n\t Size of stepper\r\n\t /\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/\r\n\t Custom stepper item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Called when the accordion state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst triggerId = this.identifier \|\| this.triggerId\r\n\t\tconst contentId = this.contentId\r\n\r\n\t\treturn (\r\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class={StepperItemClass.steps}>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\r\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class={StepperItemClass.main}>\r\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\r\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\r\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\r\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\r\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;MAWa,cAAc,GAAA,MAAA;AAM1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAUxB;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAsB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAd7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC;;IAG7D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG/B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;AACnD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;QAEhC,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAA,EACjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;"}

package/dist/core/gov-stepper.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-stepper.entry.esm.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\nimport { GovStepperItemCustomEvent } from '../../../components'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { govHost } from '../../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-stepper',\n})\nexport class GovStepper {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovStepperElement\n\t/*\n\t Size of stepper\n\t /\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/\n\t Called when the Stepper state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;MAWa,UAAU,GAAA,MAAA;AAItB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAOxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGxD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,KAAI;YAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;YACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,KAAI;gBAChG,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,aAAC,CAAC;AACH,SAAC,CAAC;;IAGH,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-stepper.entry.esm.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\r\nimport { GovStepperItemCustomEvent } from '../../../components'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper',\r\n})\r\nexport class GovStepper {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperElement\r\n\t/*\r\n\t Size of stepper\r\n\t /\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/\r\n\t Called when the Stepper state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\r\n\t\t\tchild.setAttribute('size', this.size)\r\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;MAWa,UAAU,GAAA,MAAA;AAItB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAOxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGxD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,KAAI;YAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;YACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,KAAI;gBAChG,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,aAAC,CAAC;AACH,SAAC,CAAC;;IAGH,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}

package/dist/core/gov-tabs-item.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tabs-item.entry.esm.js","sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {createID} from '../../utils/string.utils'\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {TabsClass, TabsItemClass} from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/*\n\t Custom tab item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Custom tab trigger item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly triggerIdentifier: string\n\t/\n\t Item name of the tab\n\t /\n\t@Prop({reflect: true}) readonly label: string\n\t/\n\t Item disable state\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Icon definition at the stat. Use the type/name notation\n\t /\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\n\t/\n\t Icon definition at the end. Use the type/name notation\n\t /\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\n\t/\n\t Default selected tab\n\t /\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\t@Watch('label')\n\t@Watch('disabled')\n\trerenderParent() {\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\n\t\tif (element) {\n\t\t\telement.rerender().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier \|\| this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier \|\| this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Returns a unique tab content identifier\n\t /\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier \|\| this.contentId\n\t}\n\n\t/\n\t Returns a unique tab trigger identifier\n\t /\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier \|\| this.triggerId\n\t}\n\n\t/\n\t Returns a unique tab trigger identifier\n\t /\n\t@Method()\n\tasync getDisableState(): Promise<boolean> {\n\t\treturn this.disabled\n\t}\n\n\t/\n\t Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;MASa,WAAW,GAAA,MAAA;AAKvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAmBA;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AASzD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAChC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;QAlCxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,EACL,iBAAA,EAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;;AAGzC;;AAEG;AAEH,IAAA,MAAM,oBAAoB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS;;AAGhD;;AAEG;AAEH,IAAA,MAAM,eAAe,GAAA;QACpB,OAAO,IAAI,CAAC,QAAQ;;AAGrB;;AAEG;IAEH,MAAM,eAAe,CAAC,MAAe,EAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM;;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-tabs-item.entry.esm.js","sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {TabsClass, TabsItemClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-tabs-item',\r\n})\r\nexport class GovTabsItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly contentId: string\r\n\tprivate readonly triggerId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.contentId = createID('GovTabContent')\r\n\t\tthis.triggerId = createID('GovTabTrigger')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsItemElement\r\n\t/*\r\n\t Custom tab item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Custom tab trigger item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly triggerIdentifier: string\r\n\t/\r\n\t Item name of the tab\r\n\t /\r\n\t@Prop({reflect: true}) readonly label: string\r\n\t/\r\n\t Item disable state\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Icon definition at the stat. Use the type/name notation\r\n\t /\r\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\r\n\t/\r\n\t Icon definition at the end. Use the type/name notation\r\n\t /\r\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\r\n\t/\r\n\t Default selected tab\r\n\t /\r\n\t@Prop() readonly default: boolean = false\r\n\t@State() isActive = false\r\n\r\n\t@Watch('label')\r\n\t@Watch('disabled')\r\n\trerenderParent() {\r\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\r\n\t\tif (element) {\r\n\t\t\telement.rerender().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={TabsItemClass.inner}\r\n\t\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t\tid={this.identifier \|\| this.contentId}\r\n\t\t\t\t\thidden={!this.isActive}\r\n\t\t\t\t\taria-labelledby={this.triggerIdentifier \|\| this.triggerId}\r\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab content identifier\r\n\t /\r\n\t@Method()\r\n\tasync getIdentifier(): Promise<string> {\r\n\t\treturn this.identifier \|\| this.contentId\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab trigger identifier\r\n\t /\r\n\t@Method()\r\n\tasync getTriggerIdentifier(): Promise<string> {\r\n\t\treturn this.triggerIdentifier \|\| this.triggerId\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab trigger identifier\r\n\t /\r\n\t@Method()\r\n\tasync getDisableState(): Promise<boolean> {\r\n\t\treturn this.disabled\r\n\t}\r\n\r\n\t/\r\n\t Set status of tab-item\r\n\t */\r\n\t@Method()\r\n\tasync setActiveStatus(status: boolean): Promise<void> {\r\n\t\tthis.isActive = status\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;MASa,WAAW,GAAA,MAAA;AAKvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAmBA;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AASzD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAChC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;QAlCxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,EACL,iBAAA,EAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;;AAGzC;;AAEG;AAEH,IAAA,MAAM,oBAAoB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS;;AAGhD;;AAEG;AAEH,IAAA,MAAM,eAAe,GAAA;QACpB,OAAO,IAAI,CAAC,QAAQ;;AAGrB;;AAEG;IAEH,MAAM,eAAe,CAAC,MAAe,EAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM;;;;;;;;;;;"}

package/dist/core/gov-tabs.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tabs.entry.esm.js","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(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\n\t\treturn this.controllers.find(control => control.active) \|\| null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/\n\t Returns the currently selected tabs-item\n\t /\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element \|\| null\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-tabs.entry.esm.js","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\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tColorType,\r\n\tTabColors,\r\n\tTabOrientationType,\r\n\tTabsClass,\r\n\tTabsItemClass,\r\n\tTabSizes,\r\n\tTabSizeType,\r\n\tTabType,\r\n\tTabTypes\r\n} from \"./constants\"\r\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\r\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\r\nimport {Nullable} from \"../../types/interfaces\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: \"gov-tabs\",\r\n})\r\nexport class GovTabs {\r\n\tprivate h: GovHost\r\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsElement\r\n\t/*\r\n\t Tabs type\r\n\t /\r\n\t@Prop() readonly type: TabType = \"text\"\r\n\t/\r\n\t Tabs size.\r\n\t /\r\n\t@Prop() readonly size?: TabSizeType = 'm'\r\n\t/\r\n\t Style variation of the tab chips.\r\n\t /\r\n\t@Prop() readonly color?: ColorType = \"primary\"\r\n\t/\r\n\t Tabs orientation\r\n\t /\r\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\r\n\t/\r\n\t Icon and description display direction\r\n\t /\r\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\r\n\t/\r\n\t Emitted when the tab is changed.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@State() controllers: GovTabControllerItem[] = []\r\n\t@State() focusIndex = 0\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.prepareControllers()\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate prepareControllers(skipDefault = false): void {\r\n\t\tthis.controllers = []\r\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\r\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\r\n\t\t\tconst controlItem = Promise.all([\r\n\t\t\t\ttab.getIdentifier(),\r\n\t\t\t\ttab.getTriggerIdentifier(),\r\n\t\t\t\ttab.getDisableState()\r\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\r\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\r\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\r\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\r\n\t\t\t\treturn {\r\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\r\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\r\n\t\t\t\t\tcontentIdentifier: identifier,\r\n\t\t\t\t\tdisabled: disabled,\r\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\r\n\t\t\t\t\telement: tab,\r\n\t\t\t\t\tactive: false,\r\n\t\t\t\t\tdefault: isDefault,\r\n\t\t\t\t\ticonStart,\r\n\t\t\t\t\ticonEnd\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tpromises.push(controlItem)\r\n\t\t});\r\n\t\tPromise.all(promises).then(controllers => {\r\n\t\t\tif (skipDefault === false) {\r\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\r\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\r\n\t\t\t\tthis.focusIndex = defaultTabIndex\r\n\t\t\t\tcontrollers[defaultTabIndex].active = true\r\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\r\n\t\t\t\tcontrollers[this.focusIndex].active = true\r\n\t\t\t}\r\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\r\n\t\t\tif (isWrongCombination > -1) {\r\n\t\t\t\tcontrollers[isWrongCombination].active = false;\r\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\r\n\t\t\t\tif (firstGoodTab > -1) {\r\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\r\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.controllers = [...controllers]\r\n\t\t\tthis.reRender()\r\n\t\t})\r\n\t}\r\n\r\n\tprivate setActiveByIdentifier(identifier: string) {\r\n\t\tconst temp = []\r\n\t\tthis.controllers.map(item => {\r\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\r\n\t\t\ttemp.push(item)\r\n\t\t})\r\n\t\tthis.controllers = [...temp]\r\n\t}\r\n\r\n\tprivate reRender() {\r\n\t\tthis.controllers.map(control => {\r\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tdirection={this.direction}\r\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<div class={TabsClass.tabs}\r\n\t\t\t\t\t role=\"tablist\"\r\n\t\t\t\t\t {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={TabsClass.list}>\r\n\t\t\t\t\t\t{this.controllers.map(control => (\r\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\r\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\r\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<gov-chip\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\r\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</gov-chip>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\r\n\t\treturn this.controllers.find(control => control.active) \|\| null\r\n\t}\r\n\r\n\tprivate onSelectHandler(control: GovTabControllerItem) {\r\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\r\n\t\tthis.focusIndex = index\r\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\r\n\t\tthis.reRender()\r\n\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t}\r\n\r\n\tprivate onKeydownHandler(e: KeyboardEvent) {\r\n\t\tconst keyCode = e.keyCode\r\n\r\n\t\te.stopPropagation()\r\n\t\tthis.goToPrevNext(keyCode)\r\n\t}\r\n\r\n\tprivate goToPrevNext(keyCode: number) {\r\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\r\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tthis.controllers[this.focusIndex].active = false\r\n\r\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\r\n\t\t\t\tthis.focusIndex++\r\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\r\n\t\t\t\t\tthis.focusIndex = 0\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(40)\r\n\t\t\t\t}\r\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\r\n\t\t\t\tthis.focusIndex--\r\n\t\t\t\tif (this.focusIndex < 0) {\r\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(38)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\r\n\t\t\t\tconst current = this.controllers[this.focusIndex]\r\n\t\t\t\tcurrent.active = true\r\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\r\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\r\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.controllers = [...this.controllers]\r\n\t\t\t\tthis.reRender()\r\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t /\r\n\t@Method()\r\n\tasync refresh(): Promise<void> {\r\n\t\tthis.prepareControllers()\r\n\t}\r\n\r\n\t/\r\n\t Returns the currently selected tabs-item\r\n\t /\r\n\t@Method()\r\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\r\n\t\treturn this.getCurrentTab().element \|\| null\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t /\r\n\t@Method()\r\n\tasync setActiveTab(identifier: string): Promise<void> {\r\n\t\tthis.setActiveByIdentifier(identifier)\r\n\t\tthis.reRender()\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync rerender(): Promise<void> {\r\n\t\tthis.prepareControllers(true);\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/core/gov-tag.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tag.entry.esm.js","sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/*\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t /\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t /\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/\n\t Tag’s size.\n\t /\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/\n\t Style variation of the tag.\n\t /\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/\n\t Tag’s type\n\t /\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/\n\t Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoB,YAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEf,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACP,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-tag.entry.esm.js","sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTagElement\r\n\r\n\t/*\r\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t /\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/\r\n\t Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t /\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/\r\n\t Tag’s size.\r\n\t /\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/\r\n\t Style variation of the tag.\r\n\t /\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/\r\n\t Tag’s type\r\n\t /\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/\r\n\t Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoB,YAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEf,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACP,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;"}

package/dist/core/gov-tile.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tile.entry.esm.js","sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/*\n\t Tile’s size\n\t /\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/\n\t Style variation of the tile.\n\t /\n\t@Prop() readonly orientation: \"vertical\" \| \"horizontal\"\n\t/\n\t Tiles border\n\t /\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/\n\t Link on whole tile\n\t /\n\t@Prop({reflect: true}) readonly href: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t /\n\t@Prop() readonly target?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement \| HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t orientation={this.orientation}\n\t\t\t\t clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement \| HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"names":[],"mappings":";;;;;AAIyB,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAGhD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO,GAAA,MAAA;AA0BnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAxBA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAK1D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA,EAEpC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAE,CAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,OAAO,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EACzB,EAAA,IAAI,CAAC,IAAI,IACT,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC,EAAA,EACtE,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACjB,EACJ,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EAC1B,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEX,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAE,CAAA,CACpB,CACI,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAG,EAAA,SAAS,CAAC,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAG,EAAA,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,CACD,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;;;;;;;"}
1	+ {"version":3,"file":"gov-tile.entry.esm.js","sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/*\r\n\t Tile’s size\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/\r\n\t Style variation of the tile.\r\n\t /\r\n\t@Prop() readonly orientation: \"vertical\" \| \"horizontal\"\r\n\t/\r\n\t Tiles border\r\n\t /\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/\r\n\t Link on whole tile\r\n\t /\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t /\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement \| HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t size={this.size}\r\n\t\t\t\t orientation={this.orientation}\r\n\t\t\t\t clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement \| HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;AAIyB,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAGhD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO,GAAA,MAAA;AA0BnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAxBA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAK1D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA,EAEpC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAE,CAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,OAAO,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EACzB,EAAA,IAAI,CAAC,IAAI,IACT,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC,EAAA,EACtE,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACjB,EACJ,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EAC1B,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEX,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAE,CAAA,CACpB,CACI,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAG,EAAA,SAAS,CAAC,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAG,EAAA,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,CACD,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;;;;;;;"}

package/dist/core/gov-toast.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-toast.entry.esm.js","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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-toast.entry.esm.js","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'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/*\r\n\t Style variation of the toast message.\r\n\t /\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/\r\n\t Toast’s gravity\r\n\t /\r\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\r\n\t/\r\n\t Toast’s position\r\n\t /\r\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\r\n\t/\r\n\t Toast type\r\n\t /\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/\r\n\t Number of milliseconds to wait before Toast disappear\r\n\t /\r\n\t@Prop() readonly time: number = 0\r\n\t/\r\n\t Closing button texting instead of icons\r\n\t /\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/\r\n\t Aria label for the closing button. It is mandatory if the alert is closable\r\n\t /\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/\r\n\t Called when the close button is clicked\r\n\t /\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\r\n\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/\r\n\t Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAG9F,IAAY,SAGX;AAHD,CAAA,UAAY,SAAS,EAAA;AACpB,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAGM,MAAM,UAAU,GAAG;AACzB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,KAAK,EAAE,kBAAkB;CACzB;;MCPY,QAAQ,GAAA,MAAA;AAMpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMA;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAoB,SAAS;AAEnD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAqB,KAAK;AAClD;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAgC,OAAO;AAChE;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAoB,MAAM;AAC/C;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAW,CAAC;AAmBxB,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QA5C5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC;AACnC;AAsCD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC;;IAKrD,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAI5D,oBAAoB,GAAA;;AACnB,QAAA,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;QAC1B,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAG5E,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;gBAC1C,UAAU,CAAC,MAAK;AACf,oBAAA,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE;oBACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;iBAChC,EAAE,GAAG,CAAC;AACR,aAAC,EAAE,IAAI,CAAC,IAAI,CAAC;;;IAIf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EACJ,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAA,eAAA,EACvB,IAAI,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAC,kBAAkB,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,EAAC,EAAA,EAE5C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,CAAC,IAAI,EAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAE,CACb,CACP,EAED,CAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,UAAU,CAAC,OAAO,EAAM,EAAA,IAAI,CAAC,mBAAmB,EAAY,EAAA,WAAA,EAAA,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,CAAA,EAC7F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,EAEN,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,GAAG,EAAA,YAAA,EACI,IAAI,CAAC,oBAAoB,EACrC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EAC3C,IAAI,EAAC,MAAM,EACG,cAAA,EAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C,KAAK,EAAE,UAAU,CAAC,KAAK,EAEtB,EAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,GAAY,CAC5E,EAEb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,CAAC,KAAK,EAAQ,CAAA,CAC9B;;IAID,cAAc,GAAA;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,QAAA,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE;;AAGvB,IAAA,IAAI,MAAM,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM;;AAG5B,IAAA,IAAI,OAAO,GAAA;AACV,QAAA,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;;AAGpD;;AAEG;AAEH,IAAA,MAAM,OAAO,GAAA;AACZ,QAAA,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1B,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAmB,gBAAA,EAAA,IAAI,CAAC,OAAO,CAAI,EAAA,CAAA,CAAC;QACzE,IAAI,KAAK,EAAE;YACV,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;gBACvC,KAAK,CAAC,MAAM,EAAE;;;;;;;;;;;;"}

package/dist/core/gov-tooltip.gov-tooltip-content.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"gov-tooltip.gov-tooltip-content.entry.esm.js","sources":["../../../packages/core/src/components/gov-tooltip/constants.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { Sizes } from '../../core/constants/sizes'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\r\n\r\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\r\n\r\nexport enum TooltipPosition {\r\n\tTOP = 'top',\r\n\tRIGHT = 'right',\r\n\tBOTTOM = 'bottom',\r\n\tLEFT = 'left',\r\n}\r\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\r\n\r\nexport const TooltipClass = {\r\n\troot: 'gov-tooltip',\r\n}\r\n\r\nexport const TooltipContentClass = {\r\n\troot: 'gov-tooltip-content',\r\n}\r\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tTooltipClass,\r\n\tTooltipContentClass,\r\n\tTooltipPosition,\r\n\tTooltipPositionType,\r\n\tTooltipSize,\r\n\tTooltipSizeType,\r\n\tTooltipColors,\r\n\tTooltipColorType,\r\n} from \"./constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {documentNode} from \"../../helpers/Dom/win\";\r\nimport {Nullable} from \"../../utils/helpers.types\";\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip\",\r\n})\r\nexport class GovTooltip {\r\n\tprivate h: GovHost\r\n\tprivate readonly tooltipContentId = undefined\r\n\tprivate readonly tooltipId = undefined\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.tooltipId = createID(\"GovTooltip\")\r\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTooltipElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip display position\r\n\t */\r\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\r\n\t/**\r\n\t * Information contained in the tooltip\r\n\t */\r\n\t@Prop() readonly message: string = undefined\r\n\t/**\r\n\t * Custom tooltip identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Trigger is just an icon\r\n\t */\r\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\r\n\r\n\t@State() persist = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"position\")\r\n\tvalidatePosition(newValue: string): void {\r\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"message\")\r\n\trerenderMessage(): void {\r\n\t\tthis.createContentWrapper();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.createContentWrapper()\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validatePosition(this.position)\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.createContentWrapper()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.removeContent()\r\n\t}\r\n\r\n\tprivate createContentWrapper() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tif (this.message) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\r\n\t\t\t} else if (this.insideContent) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\r\n\t\t\t}\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tlet content: HTMLGovTooltipContentElement;\r\n\t\tif (this.insideContent) {\r\n\t\t\tcontent = this.insideContent\r\n\t\t} else {\r\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\r\n\t\t\tcontent.innerHTML = this.message\r\n\t\t}\r\n\r\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\r\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\r\n\t\tcontent.setAttribute(\"color\", this.color)\r\n\t\tcontent.setAttribute(\"size\", this.size)\r\n\t\tdocumentNode().body.appendChild(content)\r\n\t}\r\n\r\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\r\n\t}\r\n\r\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn this.host.querySelector(TooltipContentClass.root)\r\n\t}\r\n\r\n\tprivate registerListeners() {\r\n\t\tthis.host.addEventListener(\"click\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.persist = true\r\n\t\t\tif (this.tooltipContent) {\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\r\n\t\t\t}\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tif (this.persist === false) {\r\n\t\t\t\tthis.hideTooltip()\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tprivate verifyPositionSpace() {\r\n\t\tconst offset = 12\r\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\r\n\t\tconst trigger = this.host.getBoundingClientRect()\r\n\t\tconst trgWidth = this.host.offsetWidth\r\n\t\tconst trgHeight = this.host.offsetHeight\r\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\r\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\r\n\t\tconst triggerPos = {\r\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\r\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\r\n\t\t}\r\n\r\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\r\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\r\n\r\n\t\t// LEFT/RIGHT\r\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\r\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\r\n\t\t\t\tthis.position = TooltipPosition.TOP\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\t}\r\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\r\n\t\t\t\tthis.position = TooltipPosition.LEFT\r\n\t\t\t}\r\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\r\n\t\t\t\tthis.position = TooltipPosition.RIGHT\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.LEFT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\r\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tif (contentWidth > trgWidth) {\r\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\r\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\r\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\r\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\r\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\r\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\r\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (isNotLeftSpace) {\r\n\t\t\t\t\t\tleftPosition = offset\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (isNotRightSpace) {\r\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\r\n\r\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.TOP) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\tthis.tooltipContent.style.opacity = '1'\r\n\r\n\t}\r\n\r\n\tprivate showTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.style.opacity = '0'\r\n\t\t\tthis.tooltipContent.hidden = false\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\r\n\t\t\ttick(() => {\r\n\t\t\t\tthis.verifyPositionSpace()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate hideTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\r\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\r\n\t\t\tthis.tooltipContent.removeAttribute('style')\r\n\t\t}\r\n\t}\r\n\r\n\tprivate removeContent() {\r\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\r\n\t\tif (contentEl) {\r\n\t\t\tcontentEl.remove()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tid={this.tooltipId}\r\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\r\n\t\t\t\tposition={this.position}>\r\n\t\t\t\t<span role={'button'}\r\n\t\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\r\n\t\t\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\t\t\tif (this.persist === false) {\r\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Showing the modal\r\n\t */\r\n\t@Method()\r\n\tasync show(): Promise<void> {\r\n\t\tthis.showTooltip()\r\n\t}\r\n\r\n\t/**\r\n\t * Hiding the modal\r\n\t */\r\n\t@Method()\r\n\tasync hide(): Promise<void> {\r\n\t\tthis.persist = false\r\n\t\tthis.hideTooltip()\r\n\t}\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\r\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip-content\",\r\n})\r\nexport class GovTooltipContent {\r\n\tprivate timeout\r\n\r\n\t@Element() host: HTMLGovTooltipContentElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip is still visible.\r\n\t */\r\n\t@Prop() persist?: boolean = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\r\n\r\n\t@Watch(\"isVisible\")\r\n\tvisibleContent(newValue: boolean): void {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tif (newValue === false) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.style.visibility = \"hidden\"\r\n\t\t\t}, 250)\r\n\t\t} else {\r\n\t\t\tthis.host.style.visibility = \"visible\"\r\n\t\t}\r\n\t}\r\n\r\n\thideContent() {\r\n\t\tthis.isVisible = false\r\n\t\tthis.persist = false\r\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\r\n\t\tif (parentEl) {\r\n\t\t\tparentEl.hide().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={TooltipContentClass.root}\r\n\t\t\t\trole={\"tooltip\"}\r\n\t\t\t\thidden={!this.isVisible}\r\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\r\n\t\t\t\tis-visible={this.isVisible}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t{this.persist ? (\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\r\n\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\ttype={\"base\"}>\r\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-wizard-item.entry.esm.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\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(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/*\n\t Style variation of the button.\n\t /\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/\n\t Size of wizard\n\t /\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/\n\t Custom wizard item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Defines weather the wizard item can be collapsible\n\t /\n\t@Prop() readonly collapsible: boolean = false\n\t/\n\t Makes the wizard component disabled.\n\t /\n\t@Prop() readonly disabled: boolean = false\n\t/\n\t Defines whether the accordion is open or closed by button\n\t /\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/\n\t Called when the accordion state changes\n\t /\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.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 Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t is-expanded={this.isExpanded}\n\t\t\t\t color={this.color}\n\t\t\t\t size={this.size}\n\t\t\t\t role=\"listitem\"\n\t\t\t\t collapsible={this.collapsible}\n\t\t\t\t hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Opening the Wizard\n\t /\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/\n\t Closing the Wizard\n\t /\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/\n\t Wizard switch\n\t /\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/\n\t Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-wizard-item.entry.esm.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\r\nimport { createID } from \"../../utils/string.utils\"\r\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\r\n\r\nenum Tags {\r\n\tDIV = \"div\",\r\n\tBUTTON = \"button\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-wizard-item\",\r\n})\r\nexport class GovWizardItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID(\"GovWizardItem\")\r\n\t\tthis.contentId = createID(\"GovWizardContent\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovWizardItemElement\r\n\t/*\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly color?: WizardColorType = \"primary\"\r\n\t/\r\n\t Size of wizard\r\n\t /\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/\r\n\t Custom wizard item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Defines weather the wizard item can be collapsible\r\n\t /\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/\r\n\t Makes the wizard component disabled.\r\n\t /\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/\r\n\t Defines whether the accordion is open or closed by button\r\n\t /\r\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\r\n\t/\r\n\t Called when the accordion state changes\r\n\t /\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tprivate validateColor(newValue: string): void {\r\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\r\n\t}\r\n\r\n\tprivate emmitChange(): void {\r\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst triggerId = this.identifier \|\| this.triggerId\r\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\r\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\r\n\t\t\t\t is-expanded={this.isExpanded}\r\n\t\t\t\t color={this.color}\r\n\t\t\t\t size={this.size}\r\n\t\t\t\t role=\"listitem\"\r\n\t\t\t\t collapsible={this.collapsible}\r\n\t\t\t\t hydrated={this.hydrated}>\r\n\t\t\t\t<div class={WizardItemClass.header}>\r\n\t\t\t\t\t{prefixSlot}\r\n\t\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t\t<Tag\r\n\t\t\t\t\t\t\tid={triggerId}\r\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\te.preventDefault()\r\n\t\t\t\t\t\t\t\te.stopPropagation()\r\n\t\t\t\t\t\t\t\tthis.toggle()\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={WizardItemClass.content}\r\n\t\t\t\t\t\tid={this.contentId}\r\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\thidden={!this.isExpanded}\r\n\t\t\t\t\t\taria-labelledby={triggerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class={WizardItemClass.content}\r\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\t hidden={!this.isExpanded}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Opening the Wizard\r\n\t /\r\n\t@Method()\r\n\tasync open(): Promise<void> {\r\n\t\tthis.isExpanded = true\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/\r\n\t Closing the Wizard\r\n\t /\r\n\t@Method()\r\n\tpublic async close(): Promise<void> {\r\n\t\tthis.isExpanded = false\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/\r\n\t Wizard switch\r\n\t /\r\n\t@Method()\r\n\tpublic async toggle(): Promise<void> {\r\n\t\tthis.isExpanded = !this.isExpanded\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/\r\n\t Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async currentState(): Promise<boolean> {\r\n\t\treturn this.isExpanded\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}