"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    renderPageButtons: ()=>renderPageButtons,
    renderPagerNextButton: ()=>renderPagerNextButton,
    renderPagerPageButton: ()=>renderPagerPageButton,
    renderPagerPreviousButton: ()=>renderPagerPreviousButton
});
require("../atomic-icon/atomic-icon.cjs");
const external_lit_namespaceObject = require("lit");
const external_button_cjs_namespaceObject = require("../button.cjs");
const external_radio_button_cjs_namespaceObject = require("../radio-button.cjs");
const renderPagerPreviousButton = ({ props })=>(0, external_button_cjs_namespaceObject.renderButton)({
        props: {
            ...props,
            ariaLabel: props.i18n.t('previous'),
            style: 'outline-primary',
            part: 'previous-button',
            class: 'flex min-h-10 min-w-10 items-center justify-center p-1'
        }
    })((0, external_lit_namespaceObject.html)`<atomic-icon
      icon=${props.icon}
      part="previous-button-icon"
      class="w-5 align-middle"
    ></atomic-icon>`);
const renderPagerNextButton = ({ props })=>(0, external_button_cjs_namespaceObject.renderButton)({
        props: {
            ...props,
            ariaLabel: props.i18n.t('next'),
            style: 'outline-primary',
            part: 'next-button',
            class: 'flex min-h-10 min-w-10 items-center justify-center p-1'
        }
    })((0, external_lit_namespaceObject.html)`<atomic-icon
      icon=${props.icon}
      part="next-button-icon"
      class="w-5 align-middle"
    ></atomic-icon>`);
const renderPagerPageButton = ({ props })=>(0, external_radio_button_cjs_namespaceObject.renderRadioButton)({
        props: {
            ...props,
            selectWhenFocused: false,
            key: props.page,
            style: 'outline-neutral',
            checked: props.isSelected,
            ariaCurrent: props.isSelected ? 'page' : 'false',
            class: 'btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1',
            part: `page-button${props.isSelected ? ' active-page-button' : ''}`,
            onFocusCallback: props.onFocusCallback,
            ariaRoleDescription: 'link'
        }
    });
const renderPageButtons = ({ props })=>(children)=>(0, external_lit_namespaceObject.html)` <div
      part="page-buttons"
      role="radiogroup"
      aria-label=${props.i18n.t('pagination')}
      class="contents"
    >
      ${children}
    </div>`;
exports.renderPageButtons = __webpack_exports__.renderPageButtons;
exports.renderPagerNextButton = __webpack_exports__.renderPagerNextButton;
exports.renderPagerPageButton = __webpack_exports__.renderPagerPageButton;
exports.renderPagerPreviousButton = __webpack_exports__.renderPagerPreviousButton;
for(var __rspack_i in __webpack_exports__)if (-1 === [
    "renderPageButtons",
    "renderPagerNextButton",
    "renderPagerPageButton",
    "renderPagerPreviousButton"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
    value: true
});
