q2-tecton-elements 1.51.0 → 1.52.0

package/dist/q2-tecton-elements/p-fff01dc1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2PaginationCss","Q2PaginationStyle0","Q2Pagination","this","checkSize","hostElement","containerElement","isOverflowing","containerWidth","clientWidth","isSmall","nextPaint","containerWidthHasNotChanged","handlePageChange","page","totalPages","inputField","value","onchange","change","emit","handlePerPageChange","event","perPage","detail","disconnectedCallback","removeResizeObserver","componentWillLoad","manageResizeObserver","componentDidLoad","overrideFocus","onHostElementFocus","isEventFromElement","isFullViewHidden","_a","querySelector","focus","clickFirstPage","button","firstPageBtn","disabled","click","clickLastPage","lastPageBtn","clickNextPage","nextPageBtn","clickPreviousPage","prevPageBtn","selectPerPageIncrementValue","isNaN","showPerPageSelect","perPageIncrements","includes","perPageSelect","options","Array","from","querySelectorAll","find","option","setPageValue","_b","blur","autoSize","recordsOnly","pagesOnly","resizeObserver","ResizeObserver","observe","window","addEventListener","currentRange","perPageWithDefault","totalWithDefault","total","pageWithDefault","start","end","Math","min","nextRange","prevRange","max","recordTypeWithDefault","recordType","loc","length","pages","parseInt","ceil","unobserve","removeEventListener","renderPerPage","filter","map","sort","a","b","undefined","h","ref","el","onChange","display","render","onFirstPage","onLastPage","nextButtonLabel","prevButtonLabel","next","range","toLowerCase","key","class","current","toLocaleString","label","hidden","onClick","type","dispatchEvent","FocusEvent","hideLabel","optional"],"sources":["src/components/q2-pagination/q2-pagination.scss?tag=q2-pagination&encapsulation=shadow","src/components/q2-pagination/q2-pagination.tsx"],"sourcesContent":["@import '../../styles/host';\n@import '../../styles/functions';\n\n:host {\n    display: flex;\n    width: 100%;\n    justify-content: flex-end;\n}\n\n:host([alignment=\"center\"]) {\n    justify-content: center;\n}\n\n:host([alignment=\"left\"]) {\n    justify-content: flex-start;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n.container {\n    display: inline-flex;\n    column-gap: var-list(var-prefixer(pagination-column-gap), --app-scale-2x, 10px);\n    align-items: center;\n    height: var-list(var-prefixer(pagination-height), 44px);\n}\n\n.btn-group {\n    display: flex;\n    gap: var-list(var-prefixer(pagination-btn-gap), 0);\n}\n\n.description,\n.controls {\n    white-space: nowrap;\n}\n\n.controls {\n    display: grid;\n    grid-template-columns: auto 50px auto;\n    align-items: center;\n    gap: var-list(var-prefixer(pagination-controls-gap), --app-scale-1x, 5px);\n\n    &[hidden] {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    height: var-list(var-prefixer(pagination-height), 44px);\n    display: flex;\n    align-items: center;\n}\n\nq2-btn {\n    --tct-btn-border-radius: #{var-list(var-prefixer(pagination-btn-border-radius))};\n    --tct-btn-border: #{var-list(var-prefixer(pagination-btn-border))};\n}\n\nq2-icon {\n    --tct-icon-size: #{var-list(var-prefixer(pagination-icon-size), 12px)};\n    color: var-list(var-prefixer(pagination-icon-color), --t-text, #4d4d4d);\n}\n\nq2-input {\n    --tct-input-margin-top: 0;\n    --tct-input-margin-bottom: 0;\n    --tct-input-height: #{var-list(var-prefixer(pagination-input-height), 30px)};\n    --tct-input-min-height: var(--tct-input-height);\n    --tct-input-align: center;\n}\n\nq2-select {\n    --tct-select-input-min-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    --tct-select-input-max-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    width: #{var-list(var-prefixer(pagination-perpage-width), 100%)};\n    min-width: #{var-list(var-prefixer(pagination-perpage-min-width), 110px)};\n}\n\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Watch,\n    Listen,\n    Element,\n    Method,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { isEventFromElement, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-pagination', shadow: true, styleUrl: 'q2-pagination.scss' })\nexport class Q2Pagination implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLElement;\n    containerWidth: number;\n    firstPageBtn: HTMLQ2BtnElement;\n    inputField: HTMLQ2InputElement;\n    lastPageBtn: HTMLQ2BtnElement;\n    nextPageBtn: HTMLQ2BtnElement;\n    perPageSelect: HTMLQ2SelectElement;\n    prevPageBtn: HTMLQ2BtnElement;\n    resizeObserver: ResizeObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    isSmall: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Indicates the horizontal alignment of children elements */\n    @Prop()\n    alignment: string;\n\n    /** Determines whether the component uses the dynamic resizing behavior. */\n    @Prop({ reflect: true, mutable: true })\n    autoSize: boolean = true;\n\n    /** The current page that is being displayed. */\n    @Prop({ reflect: true, mutable: true })\n    page: number;\n\n    /**\n     * The number of pages that can be displayed.\n     * @info\n     * Only referenced when `pagesOnly` is true.\n     */\n    @Prop({ reflect: true, mutable: true })\n    pages: number;\n\n    /** Indicates to display only the current and total pages. */\n    @Prop({ reflect: true, mutable: true })\n    pagesOnly: boolean;\n\n    /** The total number of records displayed on each page. */\n    @Prop({ reflect: true, mutable: true })\n    perPage: number;\n\n    /**\n     * A list of perPage values.\n     * This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.\n     *\n     * **Example:**\n     * @snippet\n     * this.perPageIncrements = [10, 25, 50];\n     */\n    @Prop()\n    perPageIncrements: number[];\n\n    /** Indicates to display only the current and total records. */\n    @Prop({ reflect: true, mutable: true })\n    recordsOnly: boolean;\n\n    /** Description of the record type to be displayed alongside the record count. */\n    @Prop()\n    recordType: string;\n\n    /** The total number of records to paginate. */\n    @Prop({ reflect: true })\n    total: number;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the page is changed.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ page: number }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeResizeObserver();\n    }\n\n    componentWillLoad(): void {\n        this.manageResizeObserver();\n    }\n\n    componentDidLoad(): void {\n        this.containerWidth = this.containerElement.clientWidth;\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const { isFullViewHidden, containerElement, inputField } = this;\n        if (isFullViewHidden) {\n            containerElement.querySelector<HTMLElement>('q2-btn:not([disabled])')?.focus();\n        } else {\n            inputField.focus();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickFirstPage() {\n        const button = this.firstPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickLastPage() {\n        const button = this.lastPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickNextPage() {\n        const button = this.nextPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickPreviousPage() {\n        const button = this.prevPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,\n     * and updates the value of the `perPage` property.\n     *\n     * If `value` is not in the `perPageIncrements` array, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async selectPerPageIncrementValue(value: number) {\n        if (isNaN(value) || !this.showPerPageSelect || !this.perPageIncrements.includes(value)) return;\n        this.perPageSelect.focus();\n        this.perPageSelect.click();\n        const options = Array.from(this.perPageSelect.querySelectorAll('q2-option'));\n        options.find(option => option.value === `${value}`)?.click();\n    }\n\n    /**\n     * Emulates setting the page value in the `<input>` field,\n     * and emitting a change event with the updated page number.\n     *\n     * If `value` is invalid, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async setPageValue(value: number) {\n        if (!this.inputField || isNaN(value) || value < 1 || value > this.totalPages) return;\n        this.inputField?.focus();\n        this.inputField.value = `${value}`;\n        this.inputField?.blur();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('recordsOnly')\n    @Watch('pagesOnly')\n    @Watch('autoSize')\n    manageResizeObserver() {\n        if (this.autoSize && !this.recordsOnly && !this.pagesOnly) {\n            if (this.resizeObserver) return;\n            this.resizeObserver = new ResizeObserver(() => this.checkSize());\n            this.resizeObserver.observe(this.hostElement);\n            window.addEventListener('resize', this.checkSize);\n        } else {\n            this.isSmall = false;\n            this.removeResizeObserver();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get currentRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = (page - 1) * perPage + 1;\n        const end = Math.min(page * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get isFullViewHidden() {\n        return this.isSmall || this.recordsOnly || this.pagesOnly;\n    }\n\n    get nextRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = page * perPage + 1;\n        const end = Math.min((page + 1) * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get pageWithDefault() {\n        return this.page || 1;\n    }\n\n    get perPageWithDefault() {\n        return this.perPage || 10;\n    }\n\n    get prevRange() {\n        const { perPageWithDefault: perPage, pageWithDefault: page } = this;\n        const start = Math.max(1, (page - 2) * perPage + 1);\n        const end = (page - 1) * perPage;\n        return `${start} - ${end}`;\n    }\n\n    get recordTypeWithDefault() {\n        return this.recordType || loc('tecton.element.pagination.defaultRecordType');\n    }\n\n    get showPerPageSelect() {\n        return this.perPageIncrements?.length > 1;\n    }\n\n    get totalPages() {\n        const { pagesOnly, totalWithDefault: total, perPageWithDefault: perPage, pages } = this;\n\n        if (pagesOnly && pages && !isNaN(parseInt(`${pages}`))) return pages;\n\n        return Math.ceil(total / perPage);\n    }\n\n    get totalWithDefault() {\n        return this.total || 0;\n    }\n\n    checkSize = () => {\n        const { hostElement, containerElement } = this;\n        const isOverflowing = this.containerWidth > hostElement.clientWidth;\n        this.isSmall = isOverflowing;\n        if (isOverflowing) return;\n\n        nextPaint(() => {\n            const containerWidthHasNotChanged = this.containerWidth === containerElement.clientWidth;\n            if (containerWidthHasNotChanged) return;\n            this.containerWidth = containerElement.clientWidth;\n            this.checkSize();\n        });\n    };\n\n    handlePageChange = (page: number) => {\n        const { totalPages, inputField } = this;\n        if (page < 1) {\n            page = 1;\n        } else if (page > totalPages) {\n            page = totalPages;\n        }\n\n        if (inputField.value !== `${page}`) inputField.value = `${page}`;\n\n        if (!this.hostElement.onchange) {\n            this.page = page;\n        }\n\n        this.change.emit({ page });\n    };\n\n    handlePerPageChange = (event: CustomEvent) => {\n        this.perPage = event.detail.value * 1;\n    };\n\n    removeResizeObserver() {\n        if (this.resizeObserver) {\n            this.resizeObserver?.unobserve(this.hostElement);\n            this.resizeObserver = null;\n            window.removeEventListener('resize', this.checkSize);\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    renderPerPage() {\n        this.perPageIncrements = this.perPageIncrements\n            .filter(perPage => !isNaN(perPage))\n            .map(perPage => perPage * 1)\n            .sort((a, b) => a - b);\n        if (this.perPage === undefined) this.perPage = this.perPageIncrements[0];\n        return (\n            <q2-select\n                ref={el => (this.perPageSelect = el)}\n                onChange={this.handlePerPageChange}\n                value={this.perPageIncrements.includes(this.perPage) ? `${this.perPage}` : undefined}\n            >\n                {this.perPageIncrements.map(perPage => (\n                    <q2-option\n                        value={`${perPage}`}\n                        display={`${loc('tecton.element.pagination.view')} ${perPage}`}\n                    >{`${loc('tecton.element.pagination.view')} ${perPage}`}</q2-option>\n                ))}\n            </q2-select>\n        );\n    }\n\n    render() {\n        const {\n            pagesOnly,\n            recordsOnly,\n            isFullViewHidden,\n            recordTypeWithDefault: recordType,\n            totalPages,\n            totalWithDefault: total,\n            pageWithDefault: page,\n            currentRange,\n            nextRange,\n            prevRange,\n            showPerPageSelect,\n        } = this;\n        const onFirstPage = page === 1;\n        const onLastPage = page === totalPages;\n\n        let nextButtonLabel: string = loc('tecton.element.pagination.goToNext');\n        let prevButtonLabel: string = loc('tecton.element.pagination.goToPrevious');\n        if (pagesOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToPages', { next: page - 1, total: totalPages });\n            nextButtonLabel = loc('tecton.element.pagination.goToPages', { next: page + 1, total: totalPages });\n        } else if (recordsOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: prevRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n            nextButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: nextRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n        }\n\n        return (\n            <nav\n                class=\"container\"\n                ref={el => (this.containerElement = el)}\n                aria-label={loc('tecton.element.pagination.title')}\n            >\n                <div\n                    class=\"description\"\n                    test-id=\"description\"\n                >\n                    {pagesOnly\n                        ? loc('tecton.element.pagination.pages', {\n                              current: page,\n                              total: totalPages,\n                          })\n                        : loc('tecton.element.pagination.description', {\n                              range: currentRange,\n                              recordType: recordType.toLowerCase(),\n                              total: total.toLocaleString(),\n                          })}\n                </div>\n                <div class=\"btn-group\">\n                    <q2-btn\n                        ref={el => (this.firstPageBtn = el)}\n                        label={loc('tecton.element.pagination.goToFirstPage')}\n                        disabled={onFirstPage}\n                        hidden={isFullViewHidden}\n                        onClick={() => this.handlePageChange(1)}\n                        test-id=\"firstPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-double-left\" />\n                    </q2-btn>\n                    <q2-btn\n                        ref={el => (this.prevPageBtn = el)}\n                        label={prevButtonLabel}\n                        disabled={onFirstPage}\n                        onClick={() => this.handlePageChange(page - 1)}\n                        test-id=\"prevPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"controls\"\n                    hidden={isFullViewHidden}\n                    test-id=\"controls\"\n                >\n                    <span aria-hidden=\"true\">{loc('tecton.element.pagination.page')}</span>\n                    <div\n                        class=\"input-wrapper\"\n                        onClick={() => this.inputField.dispatchEvent(new FocusEvent('focus'))}\n                    >\n                        <q2-input\n                            ref={el => (this.inputField = el)}\n                            type=\"number\"\n                            value={`${page}`}\n                            min={1}\n                            max={this.totalPages}\n                            hideLabel\n                            optional\n                            label={`${loc('tecton.element.pagination.page')} (${loc(\n                                'tecton.element.pagination.ofPages',\n                                [totalPages.toLocaleString()]\n                            )})`}\n                            onChange={event => this.handlePageChange(event.detail.value)}\n                            test-id=\"pageInput\"\n                            current=\"page\"\n                        ></q2-input>\n                    </div>\n                    <span aria-hidden=\"true\">\n                        {loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])}\n                    </span>\n                </div>\n                <div class=\"btn-group\">\n                    <q2-btn\n                        ref={el => (this.nextPageBtn = el)}\n                        label={nextButtonLabel}\n                        disabled={onLastPage}\n                        onClick={() => this.handlePageChange(page + 1)}\n                        test-id=\"nextPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                    <q2-btn\n                        ref={el => (this.lastPageBtn = el)}\n                        label=\"tecton.element.pagination.goToLastPage\"\n                        disabled={onLastPage}\n                        hidden={isFullViewHidden}\n                        onClick={() => this.handlePageChange(totalPages)}\n                        test-id=\"lastPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-double-right\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"per-page\"\n                    hidden={isFullViewHidden || !this.perPageIncrements?.length}\n                >\n                    {showPerPageSelect && this.renderPerPage()}\n                </div>\n            </nav>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}