@uh-design-system/component-library 1.4.0-rc.2 → 1.4.0

package/dist/components/ds-pagination-item.js

@@ -1,159 +1 @@
-import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { p as paginationFactory } from './p-bCO1lLOR.js';
-import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$3 } from './p-BXMhXLUf.js';
-import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
-
-const dsPaginationItemCss = ".ds-pagination-item__oSBnIJ.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__oSBnIJ--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";
-
-const DsPaginationItem$1 = proxyCustomElement(class DsPaginationItem extends Mixin(paginationFactory) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get el() { return this; }
-    dsType;
-    dsText;
-    dsIcon;
-    dsHref;
-    dsDisabled;
-    dsTag;
-    get iconName() {
-        if (this.dsIcon)
-            return this.dsIcon;
-        const iconMap = {
-            first: 'first_page',
-            previous: 'chevron_backward',
-            next: 'chevron_forward',
-            last: 'last_page',
-        };
-        return iconMap[this.dsType];
-    }
-    get text() {
-        if (this.dsText)
-            return this.dsText;
-        if (!this.paginationContext)
-            return '';
-        const textMap = {
-            first: this.paginationContext.texts.firstPage,
-            previous: this.paginationContext.texts.previousPage,
-            next: this.paginationContext.texts.nextPage,
-            last: this.paginationContext.texts.lastPage,
-        };
-        return textMap[this.dsType];
-    }
-    get isCompact() {
-        return this.paginationContext?.isCompact ?? false;
-    }
-    get ariaLabel() {
-        if (!this.paginationContext)
-            return undefined;
-        if (this.isCompact) {
-            const ariaLabelMap = {
-                first: this.paginationContext.texts.goToFirstPage,
-                previous: this.paginationContext.texts.goToPreviousPage,
-                next: this.paginationContext.texts.goToNextPage,
-                last: this.paginationContext.texts.goToLastPage,
-            };
-            return ariaLabelMap[this.dsType];
-        }
-        return undefined;
-    }
-    get isDisabled() {
-        if (this.dsDisabled !== undefined)
-            return this.dsDisabled;
-        if (!this.paginationContext)
-            return false;
-        const { currentPage, totalPages } = this.paginationContext;
-        const isFirstPage = currentPage === 1;
-        const isLastPage = currentPage === totalPages;
-        switch (this.dsType) {
-            case 'first':
-            case 'previous':
-                return isFirstPage;
-            case 'next':
-            case 'last':
-                return isLastPage;
-            default:
-                return false;
-        }
-    }
-    get DsLinkCta() {
-        return transformTagName('ds-link-cta', 'ds-pagination-item', this.el);
-    }
-    render() {
-        if (!this.paginationContext) {
-            return h(Host, null);
-        }
-        const baseClass = cx('ds-pagination-item');
-        const classes = classNames(baseClass, `${baseClass}--${this.dsType}`, {
-            [`${baseClass}--disabled`]: this.isDisabled,
-        });
-        const isBackwardNavigation = this.dsType === 'first' || this.dsType === 'previous';
-        const iconPosition = isBackwardNavigation ? 'start' : 'end';
-        const textToDisplay = this.isCompact ? '' : this.text;
-        const isSpan = this.dsTag === 'span' || !this.dsHref;
-        const linkProps = {
-            class: classes,
-            dsVariant: 'supplementary',
-            dsSize: this.paginationContext.variant,
-            dsAriaLabel: this.ariaLabel,
-            dsText: textToDisplay,
-            dsIcon: this.iconName,
-            dsHideIcon: false,
-            dsIconPosition: iconPosition,
-            dsHref: isSpan ? undefined : this.dsHref,
-            dsDisabled: this.isDisabled,
-            dsTag: (isSpan ? 'span' : 'a'),
-        };
-        return (h(Host, null, h(this.DsLinkCta, { ...linkProps })));
-    }
-    static get style() { return dsPaginationItemCss; }
-}, [258, "ds-pagination-item", {
-        "dsType": [1, "ds-type"],
-        "dsText": [1, "ds-text"],
-        "dsIcon": [1, "ds-icon"],
-        "dsHref": [1, "ds-href"],
-        "dsDisabled": [4, "ds-disabled"],
-        "dsTag": [1, "ds-tag"],
-        "context": [32]
-    }]);
-declareComponentDependencies([h("ds-link-cta", { dsText: "" })]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-pagination-item", "ds-icon", "ds-link-cta", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-pagination-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsPaginationItem$1);
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ds-link-cta":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsPaginationItem = DsPaginationItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsPaginationItem, defineCustomElement };
+import{p as s,M as t,h as i,d as e,t as a}from"./p-D7drWwKe.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-DgTb4Jpc.js";import{t as r,d as o}from"./p-J5Ghj1_T.js";import{p as c}from"./p-BCA5l3hA.js";import{d as l}from"./p-BRKwvv98.js";import{d as p}from"./p-C9w2i3T-.js";import{d as h}from"./p-tTA4zhDH.js";const m=s(class extends(t(c)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag||!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType||"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a"}))}static get style(){return".ds-pagination-item__SPFJ1E.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__SPFJ1E--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__SPFJ1E--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__SPFJ1E--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,g=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))||l();break;case"ds-link-cta":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{u as DsPaginationItem,g as defineCustomElement}

package/dist/components/ds-pagination-page.js

@@ -1,98 +1 @@
-import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { p as paginationFactory } from './p-bCO1lLOR.js';
-import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$3 } from './p-BXMhXLUf.js';
-import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
-
-const dsPaginationPageCss = ".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__oSBnIJ.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__oSBnIJ--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";
-
-const DsPaginationPage$1 = proxyCustomElement(class DsPaginationPage extends Mixin(paginationFactory) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get el() { return this; }
-    dsPage;
-    dsHref;
-    dsIsCurrent;
-    dsTag;
-    get isCurrent() {
-        if (this.dsIsCurrent !== undefined)
-            return this.dsIsCurrent;
-        if (!this.paginationContext)
-            return false;
-        return this.dsPage === this.paginationContext.currentPage;
-    }
-    get DsLinkCta() {
-        return transformTagName('ds-link-cta', 'ds-pagination-page', this.el);
-    }
-    render() {
-        if (!this.paginationContext) {
-            return h(Host, null);
-        }
-        const baseClass = cx('ds-pagination-page');
-        const classes = classNames(baseClass, {
-            [`${baseClass}--current`]: this.isCurrent,
-        });
-        const variant = this.isCurrent ? 'primary' : 'supplementary';
-        const isSpan = this.dsTag === 'span' || this.isCurrent || !this.dsHref;
-        const linkProps = {
-            'class': classes,
-            'dsVariant': variant,
-            'dsSize': this.paginationContext.variant,
-            'dsTag': (isSpan ? 'span' : 'a'),
-            'dsHref': isSpan ? undefined : this.dsHref,
-            'aria-current': this.isCurrent ? 'page' : undefined,
-            'dsText': String(this.dsPage),
-            'dsHideIcon': true,
-        };
-        const hostClass = cx(`ds-pagination-page-variant--${this.paginationContext.variant}`);
-        return (h(Host, { class: hostClass }, h(this.DsLinkCta, { ...linkProps })));
-    }
-    static get style() { return dsPaginationPageCss; }
-}, [258, "ds-pagination-page", {
-        "dsPage": [2, "ds-page"],
-        "dsHref": [1, "ds-href"],
-        "dsIsCurrent": [4, "ds-is-current"],
-        "dsTag": [1, "ds-tag"],
-        "context": [32]
-    }]);
-declareComponentDependencies([h("ds-link-cta", { dsText: "" })]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-pagination-page", "ds-icon", "ds-link-cta", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-pagination-page":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsPaginationPage$1);
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ds-link-cta":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsPaginationPage = DsPaginationPage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsPaginationPage, defineCustomElement };
+import{p as s,M as t,h as i,d as a,t as e}from"./p-D7drWwKe.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-DgTb4Jpc.js";import{t as d,d as o}from"./p-J5Ghj1_T.js";import{p}from"./p-BCA5l3hA.js";import{d as c}from"./p-BRKwvv98.js";import{d as g}from"./p-C9w2i3T-.js";import{d as l}from"./p-tTA4zhDH.js";const m=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return i(a,null);const s=r("ds-pagination-page"),t=n(s,{[s+"--current"]:this.isCurrent}),e="span"===this.dsTag||this.isCurrent||!this.dsHref,d={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsHideIcon:!0},o=r("ds-pagination-page-variant--"+this.paginationContext.variant);return i(a,{class:o},i(this.DsLinkCta,{...d}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__SPFJ1E.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__SPFJ1E--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const h=m,u=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-icon":customElements.get(e(s))||c();break;case"ds-link-cta":customElements.get(e(s))||g();break;case"ds-visually-hidden":customElements.get(e(s))||l()}}))};export{h as DsPaginationPage,u as defineCustomElement}

package/dist/components/ds-pagination.js

@@ -1,139 +1 @@
-import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { j as ellipsis } from './p-BGV-ubOj.js';
-import { a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, p as previousPage, l as lastPage, f as firstPage, h as pagination } from './p-Ak0gd5IV.js';
-import { s as storePaginationContext, p as providePaginationContextToSlots } from './p-B-jfWeRN.js';
-
-const dsPaginationCss = ".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:100%}@media (min-width: 30rem){.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:auto}}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__oSBnIJ ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__full{display:none}.ds-pagination__oSBnIJ--full .ds-pagination__oSBnIJ__compact{display:none}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:none}@media (min-width: 60rem){.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:contents}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{display:none}}";
-
-const DsPagination$1 = proxyCustomElement(class DsPagination extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    get el() { return this; }
-    dsCurrentPage = 1;
-    dsTotalPages = 1;
-    dsLayout = 'auto';
-    dsVariant = 'medium';
-    dsAriaLabel;
-    texts = {
-        firstPage: firstPage(),
-        lastPage: lastPage(),
-        previousPage: previousPage(),
-        nextPage: nextPage(),
-        goToFirstPage: goToFirstPage(),
-        goToLastPage: goToLastPage(),
-        goToPreviousPage: goToPreviousPage(),
-        goToNextPage: goToNextPage(),
-        currentPage: currentPage(),
-        ellipsis: ellipsis(),
-    };
-    handleLanguageChange() {
-        this.setTexts();
-        this.updateContext();
-    }
-    dsCurrentPageObserver(newValue) {
-        if (newValue < 1 || newValue > this.dsTotalPages) {
-            console.warn(`ds-pagination: dsCurrentPage (${newValue}) is out of range. Should be between 1 and ${this.dsTotalPages}`);
-        }
-        this.updateContext();
-    }
-    dsTotalPagesObserver(newValue) {
-        if (newValue < 1) {
-            console.warn(`ds-pagination: dsTotalPages (${newValue}) should be at least 1`);
-        }
-        this.updateContext();
-    }
-    componentWillLoad() {
-        this.setTexts();
-        this.dsCurrentPageObserver(this.dsCurrentPage);
-        this.dsTotalPagesObserver(this.dsTotalPages);
-        this.storeContext();
-    }
-    componentDidLoad() {
-        this.updateContext();
-    }
-    componentDidUpdate() {
-        this.updateContext();
-    }
-    storeContext() {
-        const context = this.createContext();
-        storePaginationContext(this.el, context);
-    }
-    updateContext() {
-        const context = this.createContext();
-        providePaginationContextToSlots(this.el, context);
-    }
-    createContext() {
-        return {
-            currentPage: this.dsCurrentPage,
-            totalPages: this.dsTotalPages,
-            variant: this.dsVariant,
-            layout: this.dsLayout,
-            isCompact: false,
-            texts: this.texts,
-        };
-    }
-    setTexts() {
-        this.texts = {
-            firstPage: firstPage(),
-            lastPage: lastPage(),
-            previousPage: previousPage(),
-            nextPage: nextPage(),
-            goToFirstPage: goToFirstPage(),
-            goToLastPage: goToLastPage(),
-            goToPreviousPage: goToPreviousPage(),
-            goToNextPage: goToNextPage(),
-            currentPage: currentPage(),
-            ellipsis: ellipsis(),
-        };
-    }
-    render() {
-        const baseClass = cx('ds-pagination');
-        const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`);
-        const fontSize = this.dsVariant === 'small' ? 'var(--ds-fontSize-16)' : 'var(--ds-fontSize-18)';
-        const minSize = this.dsVariant === 'small' ? 'var(--ds-spacing-large)' : 'calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))';
-        return (h("nav", { key: '9f1221279f81ec729d51208b75f3b6adf8f4a54e', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
-                '--ds-pagination-font-size': fontSize,
-                '--ds-link-cta-min-width': minSize,
-            } }, h("div", { key: 'c244a4f485a8a668b0e183977636466401faad6c', class: `${baseClass}__compact` }, h("slot", { key: 'e3cfc1d693a5e7aef1a186d9863aea496a9bb8dd', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: '387cd14a25f5b742513c25721847b0a52248a916', class: `${baseClass}__full` }, h("slot", { key: '258fb704a43c0afc52981ed8fb0eb697bdd5c5e8', name: "full", onSlotchange: () => this.updateContext() }))));
-    }
-    static get watchers() { return {
-        "dsCurrentPage": ["dsCurrentPageObserver"],
-        "dsTotalPages": ["dsTotalPagesObserver"]
-    }; }
-    static get style() { return dsPaginationCss; }
-}, [257, "ds-pagination", {
-        "dsCurrentPage": [2, "ds-current-page"],
-        "dsTotalPages": [2, "ds-total-pages"],
-        "dsLayout": [1, "ds-layout"],
-        "dsVariant": [1, "ds-variant"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "texts": [32]
-    }, [[16, "dsLanguageChange", "handleLanguageChange"]], {
-        "dsCurrentPage": ["dsCurrentPageObserver"],
-        "dsTotalPages": ["dsTotalPagesObserver"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-pagination"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-pagination":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsPagination$1);
-            }
-            break;
-    } });
-}
-
-const DsPagination = DsPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsPagination, defineCustomElement };
+import{p as a,H as t,h as s,t as e}from"./p-D7drWwKe.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as n}from"./p-DgTb4Jpc.js";import{j as o}from"./p-DBW_vEKT.js";import{a as d,g,b as r,d as l,e as p,n as c,p as _,l as m,f as P,h as u}from"./p-CT3rI4iU.js";import{s as h,p as f}from"./p-B-jfWeRN.js";const S=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;texts={firstPage:P(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:p(),goToLastPage:l(),goToPreviousPage:r(),goToNextPage:g(),currentPage:d(),ellipsis:o()};handleLanguageChange(){this.setTexts(),this.updateContext()}dsCurrentPageObserver(a){(a<1||a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.setTexts(),this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();h(this.el,a)}updateContext(){const a=this.createContext();f(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}setTexts(){this.texts={firstPage:P(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:p(),goToLastPage:l(),goToPreviousPage:r(),goToNextPage:g(),currentPage:d(),ellipsis:o()}}render(){const a=n("ds-pagination"),t=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),e="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",o="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"13154d7bb5db1dd611d978201cadc8e1c53025d4",class:t,"aria-label":this.dsAriaLabel||u(),style:{"--ds-pagination-font-size":e,"--ds-link-cta-min-width":o}},s("div",{key:"044c3297eda5b36b6bf8f094dcca244002c3daa3",class:a+"__compact"},s("slot",{key:"1a8293fe80d2f7e639f9b46cfa37c51c90244cd8",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"e93e090e3386db2cdaa478f99718574166febe41",class:a+"__full"},s("slot",{key:"ad39a4e5b068e72d98ef8551f6f9ec92de275641",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__SPFJ1E{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__SPFJ1E__compact slot,.ds-pagination__SPFJ1E__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:100%}@media (min-width: 30rem){.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:auto}}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact slot,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__SPFJ1E ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__full{display:none}.ds-pagination__SPFJ1E--full .ds-pagination__SPFJ1E__compact{display:none}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:none}@media (min-width: 60rem){.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:contents}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsAriaLabel:[1,"ds-aria-label"],texts:[32]},[[16,"dsLanguageChange","handleLanguageChange"]],{dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),b=S,v=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(e(a))||customElements.define(e(a),S))}))};export{b as DsPagination,v as defineCustomElement}