@gov-design-system-ce/components 4.6.2 → 4.6.4

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

@@ -0,0 +1,255 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { F as Fragment } from './Fragment-5itQzbON.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { S as Sizes } from './sizes-BcQO4NH2.js';
+import { C as Colors } from './colors-U40vKHrs.js';
+import { p as pick } from './utils-CQvUntGY.js';
+import { g as govHost, p as prepareClasses, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
+import { c as createID } from './string.utils-vN03FcXN.js';
+import { c as createArrayRange } from './array.utils-CJ0U_ONv.js';
+import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
+import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';
+import './gov.log-BtqD9K8d.js';
+import './helpers.types-DNztiAH0.js';
+
+const PaginationSizes = pick(Sizes, ['_S', '_M']);
+const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL']);
+var PaginationTypes;
+(function (PaginationTypes) {
+    PaginationTypes["BUTTON"] = "button";
+    PaginationTypes["SELECT"] = "select";
+})(PaginationTypes || (PaginationTypes = {}));
+const PaginationClass = {
+    root: 'gov-pagination',
+    list: 'gov-pagination__list',
+    item: 'gov-pagination__item',
+    itemArrow: 'gov-pagination__item--arrow',
+    itemMore: 'gov-pagination__item--more',
+    itemSelect: 'gov-pagination__item--select',
+    inner: 'gov-pagination__inner',
+    arrow: 'gov-pagination__arrow',
+};
+
+function paginate(totalItems, currentPage = 1, pageSize = 10, maxPages = 10) {
+    // calculate total pages
+    const totalPages = Math.ceil(totalItems / pageSize);
+    // ensure current page isn't out of range
+    if (currentPage < 1) {
+        currentPage = 1;
+    }
+    else if (currentPage > totalPages) {
+        currentPage = totalPages;
+    }
+    let startPage, endPage;
+    if (totalPages <= maxPages) {
+        // total pages less than max so show all pages
+        startPage = 1;
+        endPage = totalPages;
+    }
+    else {
+        // total pages more than max so calculate start and end pages
+        const maxPagesBeforeCurrentPage = Math.floor(maxPages / 2);
+        const maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1;
+        if (currentPage <= maxPagesBeforeCurrentPage) {
+            // current page near the start
+            startPage = 1;
+            endPage = maxPages;
+        }
+        else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {
+            // current page near the end
+            startPage = totalPages - maxPages + 1;
+            endPage = totalPages;
+        }
+        else {
+            // current page somewhere in the middle
+            startPage = currentPage - maxPagesBeforeCurrentPage;
+            endPage = currentPage + maxPagesAfterCurrentPage;
+        }
+    }
+    // calculate start and end item indexes
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);
+    // create an array of pages to ng-repeat in the pager control
+    const pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i);
+    // return object with all pager properties required by the view
+    return {
+        totalItems: totalItems,
+        currentPage: currentPage,
+        pageSize: pageSize,
+        totalPages: totalPages,
+        startPage: startPage,
+        endPage: endPage,
+        startIndex: startIndex,
+        endIndex: endIndex,
+        pages: pages,
+    };
+}
+
+const GovPagination = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govPage = createEvent(this, "gov-page");
+        /**
+         * Pagination type
+         */
+        this.type = "button";
+        /**
+         * Currently displayed page
+         */
+        this.current = 1;
+        /**
+         * Total count of entries
+         */
+        this.total = 0;
+        /**
+         * Pagination's size
+         */
+        this.size = "m";
+        /**
+         * Style variation of the pagination.
+         */
+        this.color = "primary";
+        /**
+         * Maximum number of entries per page
+         */
+        this.pageSize = 10;
+        /**
+         * Maximum pages displayed for selection
+         */
+        this.maxPages = 5;
+        /**
+         * Adds accessible label for the page select
+         */
+        this.accessibleSelectLabel = "Vybrat stranu";
+        /**
+         * Adds accessible label for the page item
+         */
+        this.accessiblePageLabel = "Strana";
+        /**
+         * Description of the possibility to go back one page
+         */
+        this.labelPrev = 'Přejít o stranu zpět';
+        /**
+         * Description of the option to go to the top of paging
+         */
+        this.labelStart = 'Přejít na začátek';
+        /**
+         * Description of the option to go to the end of paging
+         */
+        this.labelNext = 'Přejít na další stranu';
+        /**
+         * Description of the option to move one page forward
+         */
+        this.labelEnd = 'Přejít na konec';
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+        this.pageSelectId = createID("GovPageSelect");
+        this.selectId = createID("GovSelect");
+    }
+    validateType(newValue) {
+        validateProp(PaginationTypes, newValue, PaginationClass.root);
+    }
+    validateSize(newValue) {
+        validateProp(PaginationSizes, newValue, PaginationClass.root);
+    }
+    validateColor(newValue) {
+        validateProp(PaginationColors, newValue, PaginationClass.root);
+    }
+    recalculate() {
+        this.recalculatePagination(this.current);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.recalculatePagination(this.current);
+        this.validateSize(this.size);
+        this.validateColor(this.color);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    recalculatePagination(currentPage) {
+        this.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages);
+    }
+    isActivePageClass(originalClass, page) {
+        if (this.pagination.currentPage === page) {
+            return originalClass + " is-active";
+        }
+        else {
+            return originalClass;
+        }
+    }
+    prepareLinkUrl(page) {
+        if (this.link) {
+            return String(this.link).replace("{PAGE}", String(page));
+        }
+        return undefined;
+    }
+    resetSelectValue() {
+        if (this.spreadSelectRef) {
+            this.spreadSelectRef.getRef()
+                .then((el) => {
+                el.value = '...';
+            });
+        }
+    }
+    render() {
+        const pageResolver = (page, content, description) => {
+            const isDisabled = page === -1;
+            const ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
+            return (h("gov-button", { href: this.prepareLinkUrl(page), color: this.color, size: this.size, type: "base", disabled: isDisabled, "on-gov-click": (e) => this.onClickHandler(e, page), "aria-label": description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined, "aria-current": ariaCurrent, class: PaginationClass.inner, focusable: true }, content));
+        };
+        return (h(Host, { class: this.h.classes(PaginationClass.root), type: this.type, color: this.color, size: this.size }, h("nav", Object.assign({}, this.inheritedAttributes), h("ul", { class: PaginationClass.list }, h("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, h("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left", type: "components" }), this.labelStart)), h("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, h("gov-icon", { class: PaginationClass.arrow, name: "chevron-left", type: "components" }), this.labelPrev)), this.type == "select" ? (h("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, h("span", { class: PaginationClass.inner }, h("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), h("gov-form-select", { size: this.size, color: this.color, identifier: this.selectIdentifier || this.selectId, "aria-labelledby": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (h("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (h(Fragment, null, this.pagination.pages.map(page => (h("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page, '')))), this.pagination.totalPages ? (h("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, h("span", { class: PaginationClass.inner }, h("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), h("gov-form-select", { size: this.size, color: this.color, identifier: this.selectIdentifier || this.selectId, "aria-labelledby": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, h("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (h("option", { value: page, selected: false }, page))))))) : null)), h("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, h("gov-icon", { class: PaginationClass.arrow, name: "chevron-right", type: "components" }), this.labelNext)), h("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, h("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right", type: "components" }), this.labelEnd))))));
+    }
+    onClickHandler(e, page) {
+        e.stopPropagation();
+        this.recalculatePagination(page);
+        this.govPage.emit({
+            component: PaginationClass.root,
+            pagination: this.pagination
+        });
+    }
+    onSelectHandler(e) {
+        e.stopPropagation();
+        const value = e.detail.value;
+        const page = parseInt(value);
+        this.resetSelectValue();
+        if (isNaN(page) === false) {
+            this.recalculatePagination(page);
+            if (this.link) {
+                window.location.href = this.prepareLinkUrl(page);
+            }
+            else {
+                this.govPage.emit({
+                    component: PaginationClass.root,
+                    pagination: this.pagination
+                });
+            }
+        }
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "type": ["validateType"],
+        "size": ["validateSize"],
+        "color": ["validateColor"],
+        "current": ["recalculate"],
+        "total": ["recalculate"],
+        "pageSize": ["recalculate"],
+        "maxPages": ["recalculate"]
+    }; }
+};
+
+export { GovPagination as gov_pagination };
+//# sourceMappingURL=gov-pagination.entry.js.map
+
+//# sourceMappingURL=gov-pagination.entry.js.map

package/dist/esm/gov-pagination.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-pagination.entry.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":"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"}

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

@@ -0,0 +1,53 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { S as Sizes } from './sizes-BcQO4NH2.js';
+import { p as pick } from './utils-CQvUntGY.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import './gov.log-BtqD9K8d.js';
+
+const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL']);
+var SpacerBreakpoints;
+(function (SpacerBreakpoints) {
+    SpacerBreakpoints["NONE"] = "none";
+    SpacerBreakpoints["SM"] = "sm";
+    SpacerBreakpoints["MD"] = "md";
+    SpacerBreakpoints["LG"] = "lg";
+    SpacerBreakpoints["XL"] = "xl";
+})(SpacerBreakpoints || (SpacerBreakpoints = {}));
+const SpacerClass = {
+    root: 'gov-spacer',
+};
+
+const GovSpacer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Breakpoint
+         */
+        this.breakpoint = undefined;
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(SpacerSize, newValue, SpacerClass.root);
+    }
+    validateBreakpoint(newValue) {
+        validateProp(SpacerBreakpoints, newValue, SpacerClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.validateBreakpoint(this.breakpoint);
+    }
+    render() {
+        return h(Host, { key: 'd1b9c583b3b0381b426fb1b54be26821af691a4e', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "breakpoint": ["validateBreakpoint"]
+    }; }
+};
+
+export { GovSpacer as gov_spacer };
+//# sourceMappingURL=gov-spacer.entry.js.map
+
+//# sourceMappingURL=gov-spacer.entry.js.map

package/dist/esm/gov-spacer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-spacer.entry.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;;;;;;;;;;;"}

package/dist/esm/gov-stepper-item.entry.js

@@ -0,0 +1,51 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { S as StepperItemClass, c as StepperColors } from './constants-oYp2tkdN.js';
+import { c as createID } from './string.utils-vN03FcXN.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import './gov.log-BtqD9K8d.js';
+import './utils-CQvUntGY.js';
+import './colors-U40vKHrs.js';
+import './sizes-BcQO4NH2.js';
+
+const GovStepperItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govChange = createEvent(this, "gov-change");
+        this.hydrated = false;
+        /**
+         * Style variation of the button.
+         */
+        this.color = 'primary';
+        /**
+         * Size of stepper
+         */
+        this.size = 'm';
+        this.h = govHost(this.host);
+        this.triggerId = createID('GovStepperItem');
+        this.contentId = createID('GovStepperContent');
+    }
+    validateColor(newValue) {
+        validateProp(StepperColors, newValue, StepperItemClass.root);
+    }
+    componentWillLoad() {
+        this.validateColor(this.color);
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        const triggerId = this.identifier || this.triggerId;
+        const contentId = this.contentId;
+        return (h(Host, { key: '126275cd984137b2c6d6cc5bdd2074adf14cee7b', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, h("div", { key: '15c1f0a0d533cd5473611b388590a6af94755ab9' }, h("div", { key: '85535167b5359d00e773ffac3aa64ae95d9a005a', class: StepperItemClass.steps }, h("span", { key: '37558ddd120824a5f234503b8cfb673352f642e1' }), h("span", { key: '647d2862b31d2e6e1c51f90e0cbf8eb76af9f5a8', class: StepperItemClass.prefix }, h("slot", { key: 'c58b03ec979eafc5db766c0134def19cbe2582d1', name: "prefix" })), h("span", { key: 'c294e1f9af11588960c8ccf5d16186eb2e57cc74' })), h("div", { key: 'ca82d4d7c0617f0c13de80c5a4247d8f9cd3d2e7', class: StepperItemClass.main }, h("span", { key: '6d1cb25eca0517abcb0557579eab240beaff7557', class: StepperItemClass.headline }, h("slot", { key: '3ef65e410481935cab120087b9454be9ce16ac1a', name: "headline" })), h("slot", { key: '8b7f8674a3347b2b51987ec7054835a8db203df8', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '208b1c3d7f235748a04f4c31d525263aad01c90e', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: '9b68d8eb8c095fd45b741fe2398d957b589fbd94', name: "content" })))))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "color": ["validateColor"]
+    }; }
+};
+
+export { GovStepperItem as gov_stepper_item };
+//# sourceMappingURL=gov-stepper-item.entry.js.map
+
+//# sourceMappingURL=gov-stepper-item.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-stepper-item.entry.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;;;;;;;;;;"}

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

@@ -0,0 +1,51 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { S as StepperItemClass, a as StepperClass, b as StepperSizes } from './constants-oYp2tkdN.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import './gov.log-BtqD9K8d.js';
+import './utils-CQvUntGY.js';
+import './colors-U40vKHrs.js';
+import './sizes-BcQO4NH2.js';
+
+const GovStepper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govChange = createEvent(this, "gov-change");
+        this.hydrated = false;
+        /**
+         * Size of stepper
+         */
+        this.size = 'm';
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(StepperSizes, newValue, StepperClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+    }
+    componentDidLoad() {
+        this.host.querySelectorAll(StepperItemClass.root).forEach((child) => {
+            child.setAttribute('size', this.size);
+            child.addEventListener('gov-change', (e) => {
+                e.stopPropagation();
+                this.govChange.emit(e.detail);
+            });
+        });
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        return (h(Host, { key: '339a1f4eaaa246d8329841d99e784b8c157bb5d3', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: '9e1604e94a11bbc3b2f8230193b43f9466601866' })));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+};
+
+export { GovStepper as gov_stepper };
+//# sourceMappingURL=gov-stepper.entry.js.map
+
+//# sourceMappingURL=gov-stepper.entry.js.map

package/dist/esm/gov-stepper.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-stepper.entry.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;;;;;;;;;;"}

package/dist/esm/gov-tabs-item.entry.js

@@ -0,0 +1,68 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { c as createID } from './string.utils-vN03FcXN.js';
+import { g as govHost, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
+import { a as TabsClass, T as TabsItemClass } from './constants-DHvN41Ek.js';
+import './utils-CQvUntGY.js';
+import './sizes-BcQO4NH2.js';
+import './colors-U40vKHrs.js';
+
+const GovTabsItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Item disable state
+         */
+        this.disabled = false;
+        /**
+         * Default selected tab
+         */
+        this.default = false;
+        this.isActive = false;
+        this.h = govHost(this.host);
+        this.contentId = createID('GovTabContent');
+        this.triggerId = createID('GovTabTrigger');
+    }
+    rerenderParent() {
+        const element = this.h.getParent(TabsClass.root);
+        if (element) {
+            element.rerender().catch();
+        }
+    }
+    render() {
+        return (h(Host, { key: '49f4fbd9c9211ebd58c89d538df85164473c4f76', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: 'cbb71bd33c068923a8d23b62c43b1c757d4d0c78', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: 'fdf732f55e7ce4cb1d96ec8c7124124d9ca3e198' }))));
+    }
+    /**
+     * Returns a unique tab content identifier
+     */
+    async getIdentifier() {
+        return this.identifier || this.contentId;
+    }
+    /**
+     * Returns a unique tab trigger identifier
+     */
+    async getTriggerIdentifier() {
+        return this.triggerIdentifier || this.triggerId;
+    }
+    /**
+     * Returns a unique tab trigger identifier
+     */
+    async getDisableState() {
+        return this.disabled;
+    }
+    /**
+     * Set status of tab-item
+     */
+    async setActiveStatus(status) {
+        this.isActive = status;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "label": ["rerenderParent"],
+        "disabled": ["rerenderParent"]
+    }; }
+};
+
+export { GovTabsItem as gov_tabs_item };
+//# sourceMappingURL=gov-tabs-item.entry.js.map
+
+//# sourceMappingURL=gov-tabs-item.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-tabs-item.entry.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;;;;;;;;;;;"}