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

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

@@ -1,257 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var Fragment = require('./Fragment-D4qSkFah.js');
-var props = require('./props-CPENhBnM.js');
-var sizes = require('./sizes-D5zsw2g5.js');
-var colors = require('./colors-DgrrxjsX.js');
-var utils = require('./utils-NnC78QR3.js');
-var template = require('./template-Cj6PcLmR.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var array_utils = require('./array.utils-DOh1gCQS.js');
-var attribute = require('./attribute-CH1-zDDl.js');
-var accessibility = require('./accessibility-BQJmIVWV.js');
-require('./gov.log-C5EH15b_.js');
-require('./helpers.types-vap8QfRH.js');
-
-const PaginationSizes = utils.pick(sizes.Sizes, ['_S', '_M']);
-const PaginationColors = utils.pick(colors.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) {
-        index.registerInstance(this, hostRef);
-        this.govPage = index.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 = template.govHost(this.host);
-        this.pageSelectId = string_utils.createID("GovPageSelect");
-        this.selectId = string_utils.createID("GovSelect");
-    }
-    validateType(newValue) {
-        props.validateProp(PaginationTypes, newValue, PaginationClass.root);
-    }
-    validateSize(newValue) {
-        props.validateProp(PaginationSizes, newValue, PaginationClass.root);
-    }
-    validateColor(newValue) {
-        props.validateProp(PaginationColors, newValue, PaginationClass.root);
-    }
-    recalculate() {
-        this.recalculatePagination(this.current);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(attribute.ariaAttributes);
-    }
-    componentWillLoad() {
-        this.recalculatePagination(this.current);
-        this.validateSize(this.size);
-        this.validateColor(this.color);
-        this.inheritedAttributes = accessibility.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 = template.toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
-            return (index.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 (index.h(index.Host, { class: this.h.classes(PaginationClass.root), type: this.type, color: this.color, size: this.size }, index.h("nav", Object.assign({}, this.inheritedAttributes), index.h("ul", { class: PaginationClass.list }, index.h("li", { class: template.prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, index.h("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left", type: "components" }), this.labelStart)), index.h("li", { class: template.prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, index.h("gov-icon", { class: PaginationClass.arrow, name: "chevron-left", type: "components" }), this.labelPrev)), this.type == "select" ? (index.h("li", { class: template.prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, index.h("span", { class: PaginationClass.inner }, index.h("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), index.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) }, array_utils.createArrayRange(1, this.pagination.totalPages).map(page => (index.h("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (index.h(Fragment.Fragment, null, this.pagination.pages.map(page => (index.h("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page, '')))), this.pagination.totalPages ? (index.h("li", { class: template.prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, index.h("span", { class: PaginationClass.inner }, index.h("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), index.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) }, index.h("option", { selected: true, hidden: true }, "..."), array_utils.createArrayRange(1, this.pagination.totalPages).map(page => (index.h("option", { value: page, selected: false }, page))))))) : null)), index.h("li", { class: template.prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, index.h("gov-icon", { class: PaginationClass.arrow, name: "chevron-right", type: "components" }), this.labelNext)), index.h("li", { class: template.prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, index.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 index.getElement(this); }
-    static get watchers() { return {
-        "type": ["validateType"],
-        "size": ["validateSize"],
-        "color": ["validateColor"],
-        "current": ["recalculate"],
-        "total": ["recalculate"],
-        "pageSize": ["recalculate"],
-        "maxPages": ["recalculate"]
-    }; }
-};
-
-exports.gov_pagination = GovPagination;
-//# sourceMappingURL=gov-pagination.entry.cjs.js.map
-
-//# sourceMappingURL=gov-pagination.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-pagination.entry.cjs.js","mappings":"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","names":["pick","Sizes","Colors","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","toBoolAttrIfDefined","h","Host","prepareClasses","createArrayRange","Fragment"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-pagination.entry.cjs.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":["pick","Sizes","Colors","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","toBoolAttrIfDefined","h","Host","prepareClasses","createArrayRange","Fragment"],"mappings":"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"}

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

@@ -1,55 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var props = require('./props-CPENhBnM.js');
-var sizes = require('./sizes-D5zsw2g5.js');
-var utils = require('./utils-NnC78QR3.js');
-var template = require('./template-Cj6PcLmR.js');
-require('./gov.log-C5EH15b_.js');
-
-const SpacerSize = utils.pick(sizes.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) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Breakpoint
-         */
-        this.breakpoint = undefined;
-        this.h = template.govHost(this.host);
-    }
-    validateSize(newValue) {
-        props.validateProp(SpacerSize, newValue, SpacerClass.root);
-    }
-    validateBreakpoint(newValue) {
-        props.validateProp(SpacerBreakpoints, newValue, SpacerClass.root);
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-        this.validateBreakpoint(this.breakpoint);
-    }
-    render() {
-        return index.h(index.Host, { key: '97560206986a3dea272c7e4a939bb91a050f6252', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"],
-        "breakpoint": ["validateBreakpoint"]
-    }; }
-};
-
-exports.gov_spacer = GovSpacer;
-//# sourceMappingURL=gov-spacer.entry.cjs.js.map
-
-//# sourceMappingURL=gov-spacer.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-spacer.entry.cjs.js","mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAGA,UAAI,CAACC,WAAK,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,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClCA,kBAAY,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,OAAOC,OAAC,CAAAC,UAAI,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;;;;;;;;;;;","names":["pick","Sizes","govHost","validateProp","h","Host"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-spacer.entry.cjs.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":["pick","Sizes","govHost","validateProp","h","Host"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAGA,UAAI,CAACC,WAAK,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,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClCA,kBAAY,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,OAAOC,OAAC,CAAAC,UAAI,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/cjs/gov-stepper-item.cjs.entry.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var props = require('./props-CPENhBnM.js');
-var constants = require('./constants-CYm8AK_D.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var template = require('./template-Cj6PcLmR.js');
-require('./gov.log-C5EH15b_.js');
-require('./utils-NnC78QR3.js');
-require('./colors-DgrrxjsX.js');
-require('./sizes-D5zsw2g5.js');
-
-const GovStepperItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govChange = index.createEvent(this, "gov-change");
-        this.hydrated = false;
-        /**
-         * Style variation of the button.
-         */
-        this.color = 'primary';
-        /**
-         * Size of stepper
-         */
-        this.size = 'm';
-        this.h = template.govHost(this.host);
-        this.triggerId = string_utils.createID('GovStepperItem');
-        this.contentId = string_utils.createID('GovStepperContent');
-    }
-    validateColor(newValue) {
-        props.validateProp(constants.StepperColors, newValue, constants.StepperItemClass.root);
-    }
-    componentWillLoad() {
-        this.validateColor(this.color);
-    }
-    connectedCallback() {
-        this.hydrated = true;
-    }
-    render() {
-        const triggerId = this.identifier || this.triggerId;
-        const contentId = this.contentId;
-        return (index.h(index.Host, { key: '609a7f8b92363c1de962f2260d36fc674bd4c193', id: triggerId, class: this.h.classes(constants.StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, index.h("div", { key: '5afa6db421d268ff22727bedff02fe7e37273b7c' }, index.h("div", { key: 'f09a6804198fbf9a37b0553bf0539e26dd28d9f4', class: constants.StepperItemClass.steps }, index.h("span", { key: 'e9f495a434501d1b5f7ac65fb757cca181156814' }), index.h("span", { key: 'bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9', class: constants.StepperItemClass.prefix }, index.h("slot", { key: '5d8ee1538f9232cc62d76b1aa2497195732c0b7f', name: "prefix" })), index.h("span", { key: 'cb3c58492c7190ae67770ed411bf154e831573ca' })), index.h("div", { key: '5747894f97b0ff23250ead28081410404bfbd0a8', class: constants.StepperItemClass.main }, index.h("span", { key: '801116e18ad8b6543ceb9106195f5baed23170ee', class: constants.StepperItemClass.headline }, index.h("slot", { key: '5e032e03983befdeddfa82f3756b7677549cfd53', name: "headline" })), index.h("slot", { key: '81ae890926e9966125ef3869da9c0230faf7b8a7', name: "annotation" }), this.h.hasSlot('content') && (index.h("div", { key: '4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb', class: constants.StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, index.h("slot", { key: 'a8122225841c58776cde45f4a5e61292a2bab389', name: "content" })))))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "color": ["validateColor"]
-    }; }
-};
-
-exports.gov_stepper_item = GovStepperItem;
-//# sourceMappingURL=gov-stepper-item.entry.cjs.js.map
-
-//# sourceMappingURL=gov-stepper-item.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-stepper-item.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACC,uBAAa,EAAE,QAAQ,EAAEC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACF,0BAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5HC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,KAAK,EAAA,EACjCC,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,MAAM,EAAA,EACnCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,IAAI,EAAA,EAChCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,QAAQ,EAAA,EACrCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChBC,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;","names":["govHost","createID","validateProp","StepperColors","StepperItemClass","h","Host"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-stepper-item.entry.cjs.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":["govHost","createID","validateProp","StepperColors","StepperItemClass","h","Host"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACC,uBAAa,EAAE,QAAQ,EAAEC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACF,0BAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5HC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,KAAK,EAAA,EACjCC,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,MAAM,EAAA,EACnCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,IAAI,EAAA,EAChCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,QAAQ,EAAA,EACrCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChBC,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;"}

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

@@ -1,53 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var props = require('./props-CPENhBnM.js');
-var constants = require('./constants-CYm8AK_D.js');
-var template = require('./template-Cj6PcLmR.js');
-require('./gov.log-C5EH15b_.js');
-require('./utils-NnC78QR3.js');
-require('./colors-DgrrxjsX.js');
-require('./sizes-D5zsw2g5.js');
-
-const GovStepper = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govChange = index.createEvent(this, "gov-change");
-        this.hydrated = false;
-        /**
-         * Size of stepper
-         */
-        this.size = 'm';
-        this.h = template.govHost(this.host);
-    }
-    validateSize(newValue) {
-        props.validateProp(constants.StepperSizes, newValue, constants.StepperClass.root);
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-    }
-    componentDidLoad() {
-        this.host.querySelectorAll(constants.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 (index.h(index.Host, { key: '92d3349a28b4330a3bea5293853612d0a0b96069', class: this.h.classes(constants.StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'a5b65c3a06c63f826d6c968c69f1452abe0408af' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"]
-    }; }
-};
-
-exports.gov_stepper = GovStepper;
-//# sourceMappingURL=gov-stepper.entry.cjs.js.map
-
-//# sourceMappingURL=gov-stepper.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-stepper.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,sBAAY,EAAE,QAAQ,EAAEC,sBAAY,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,CAACC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnGE,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;","names":["govHost","validateProp","StepperSizes","StepperClass","StepperItemClass","h","Host"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-stepper.entry.cjs.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":["govHost","validateProp","StepperSizes","StepperClass","StepperItemClass","h","Host"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,sBAAY,EAAE,QAAQ,EAAEC,sBAAY,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,CAACC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnGE,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}