atomicuilibrary 0.0.1 → 0.1.3

package/dist/components/nav-bar.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Fragment as i,createEvent as n,Host as o,transformTag as r}from"@stencil/core/internal/client";import{d as s}from"./icon.js";const l=e(class extends t{topItems=[];bottomItems=[];bottomItemsSecondary=[];collapsed=!0;showHamburger=!0;logoUrl;logoAlt="Logo";appTitle;showSearch=!1;searchPlaceholder="Search...";iconLibrary="default";maxVisibleItems=0;navItemClicked;navToggled;expandedItems=new Set;searchQuery="";showOverflowMenu=!1;isHoveringMenu=!1;overflowMenuPosition={top:"0px",left:"0px"};hoveredIcon=null;tooltipPos={top:0,left:0};overflowTriggerRef;async toggle(){this.collapsed=!this.collapsed,this.navToggled.emit({collapsed:this.collapsed})}async expand(){this.collapsed=!1,this.navToggled.emit({collapsed:this.collapsed})}async collapse(){this.collapsed=!0,this.navToggled.emit({collapsed:this.collapsed})}componentWillLoad(){}handleHamburgerClick=()=>{this.toggle()};handleSearchInput=e=>{this.searchQuery=e.target.value.toLowerCase()};filterItems=e=>this.searchQuery?e.filter((e=>{const t=e.label.toLowerCase().includes(this.searchQuery),a=e.children?.some((e=>e.label.toLowerCase().includes(this.searchQuery)));return t||a})):e;splitItemsByVisibility=e=>0===this.maxVisibleItems||e.length<=this.maxVisibleItems?{visible:e,overflow:[]}:{visible:e.slice(0,this.maxVisibleItems),overflow:e.slice(this.maxVisibleItems)};calculateOverflowMenuPosition=()=>{if(!this.overflowTriggerRef)return;const e=this.overflowTriggerRef.getBoundingClientRect();let t=e.right+8,a=e.top;t+280>window.innerWidth&&(t=e.left-280-8),a+500>window.innerHeight&&(a=Math.max(8,window.innerHeight-500-8)),a=Math.max(8,a),this.overflowMenuPosition={top:a+"px",left:t+"px"}};handleOverflowTriggerEnter=()=>{this.calculateOverflowMenuPosition(),this.showOverflowMenu=!0};toggleSubitems=e=>{const t=new Set(this.expandedItems);t.has(e)?t.delete(e):t.add(e),this.expandedItems=t};handleItemClick=(e,t,a=!1)=>{e.disabled?t.preventDefault():e.children&&e.children.length>0?(t.preventDefault(),this.toggleSubitems(e.id)):this.navItemClicked.emit({item:e,isChild:a})};handleIconEnter=(e,t)=>{if(this.collapsed&&(!e.children||0===e.children.length)){const a=t.currentTarget.getBoundingClientRect();this.hoveredIcon=e.id,this.tooltipPos={top:a.top+a.height/2,left:a.right+12}}};handleIconLeave=()=>{this.hoveredIcon&&(this.hoveredIcon=null)};renderNavItem=(e,t=!1)=>{const n=e.children&&e.children.length>0,o=this.expandedItems.has(e.id),r={"nav-item":!0,active:e.active,disabled:e.disabled,"has-children":n,expanded:o,"is-child":t},s={"nav-item-link":!0,"no-icon":!e.icon};return a("div",{key:e.id},e.sectionHeader&&!this.collapsed&&a("div",{class:"nav-section-header"},e.sectionHeader),a("div",{class:r},a("a",{href:e.href||"#",class:s,onClick:a=>this.handleItemClick(e,a,t)},e.icon&&a("span",{class:"nav-item-icon",onMouseEnter:t=>this.handleIconEnter(e,t),onMouseLeave:this.handleIconLeave},a("ui-icon",{name:e.icon,library:e.iconLibrary||this.iconLibrary,size:"1.25rem"})),!this.collapsed&&a(i,null,a("span",{class:"nav-item-label"},e.label),e.badge&&a("span",{class:"nav-item-badge"},e.badge),n&&a("span",{class:"nav-item-arrow"},a("ui-icon",{name:"chevron-down",library:this.iconLibrary,size:"1rem"})))),n&&o&&a("div",{class:"nav-children"},e.children.map((e=>this.renderNavItem(e,!0))))))};constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.navItemClicked=n(this,"navItemClicked",7),this.navToggled=n(this,"navToggled",7)}connectedCallback(){}render(){return a(o,{key:"0a615eb525f4bc7ac076501ce2350727fa9510fb",collapsed:this.collapsed},a("nav",{key:"f89f766c305662a8dbafd34f6e45f241d4975e2e",class:"nav-bar "+(this.collapsed?"collapsed":"expanded")},a("div",{key:"066f83d3bc8df75a31b56aa87a92c33cff9d6cee",class:"nav-header"},this.logoUrl&&a("img",{key:"40057cb53b7dd751b0a90413894197aa4266f690",src:this.logoUrl,alt:this.logoAlt,class:"nav-logo"}),this.appTitle&&a("span",{key:"4f7a597a93ca681d0532474b0ab45b9ad8953b26",class:"nav-title"},this.appTitle),this.showHamburger&&a("button",{key:"bf2d1388044b5d5228a8ec1e549adf8d2b645abd",class:"nav-hamburger",onClick:this.handleHamburgerClick,"aria-label":this.collapsed?"Expand navigation":"Collapse navigation"},a("ui-icon",this.collapsed?{name:"menu",library:this.iconLibrary,size:"1.5rem"}:{name:"x",library:this.iconLibrary,size:"1.5rem"}))),this.showSearch&&!this.collapsed&&a("div",{key:"c998229e3925b92db73584169ae1f0f21d5dc88c",class:"nav-search"},a("input",{key:"49f4c5c425460348ef34fb2885bd488f8adb408f",type:"text",class:"nav-search-input",placeholder:this.searchPlaceholder,onInput:this.handleSearchInput})),a("div",{key:"7d4d939b8c9ca8a58008dc3d651b18b5371bae5b",class:"nav-content"},this.renderSection(this.topItems,"nav-section-top")),this.hoveredIcon&&a("div",{key:"ec91c193a7881e597f6ee9934922751f2f197dad",class:"nav-tooltip visible",style:{top:this.tooltipPos.top+"px",left:this.tooltipPos.left+"px"}},[...this.topItems,...this.bottomItems,...this.bottomItemsSecondary].flatMap((e=>[e,...e.children||[]])).find((e=>e.id===this.hoveredIcon))?.label),a("div",{key:"a5c8a38cf7ecb5feb91a21ccc95ddf333cec0eeb",class:"nav-footer"},this.renderSection(this.bottomItems,"nav-section-bottom"),this.renderSection(this.bottomItemsSecondary,"nav-section-bottom-secondary"))))}renderSection(e,t){if(!e||0===e.length)return null;const i=this.filterItems(e),{visible:n,overflow:o}=this.splitItemsByVisibility(i);return a("div",{class:"nav-section "+t},n.map((e=>this.renderNavItem(e))),o.length>0&&a("div",{class:"nav-overflow"},a("div",{class:"nav-overflow-trigger",ref:e=>this.overflowTriggerRef=e,onMouseEnter:this.handleOverflowTriggerEnter,onMouseLeave:()=>{setTimeout((()=>{this.isHoveringMenu||(this.showOverflowMenu=!1)}),100)}},a("span",{class:"nav-item-icon"},a("ui-icon",{name:"more-horizontal",library:this.iconLibrary,size:"1.25rem"})),a("span",{class:"nav-item-label"},"More (",o.length,")")),this.showOverflowMenu&&a("div",{class:"nav-overflow-menu",onMouseEnter:()=>{this.isHoveringMenu=!0,this.showOverflowMenu=!0},onMouseLeave:()=>{this.isHoveringMenu=!1,setTimeout((()=>{this.showOverflowMenu=!1}),100)},style:{left:this.overflowMenuPosition.left,top:this.overflowMenuPosition.top}},o.map((e=>this.renderNavItem(e))))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;height:100%;width:var(--nav-width-expanded, 280px);transition:width var(--nav-transition, 0.4s cubic-bezier(0.4, 0, 0.2, 1));flex-shrink:0;overflow:hidden;--nav-bg:#0f172a;--nav-text:#f8fafc;--nav-text-muted:#94a3b8;--nav-accent:#3b82f6;--nav-accent-glow:rgba(59, 130, 246, 0.4);--nav-hover-bg:rgba(255, 255, 255, 0.05);--nav-active-bg:linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.1) 100%);--nav-border:rgba(255, 255, 255, 0.08);--nav-width-expanded:280px;--nav-width-collapsed:80px;--nav-transition:0.4s cubic-bezier(0.4, 0, 0.2, 1)}:host([collapsed]){width:var(--nav-width-collapsed, 80px)}.nav-bar{display:flex;flex-direction:column;height:100%;background:var(--nav-bg);color:var(--nav-text);width:100%;border-right:1px solid var(--nav-border);position:relative;box-sizing:border-box}.nav-bar.collapsed{width:var(--nav-width-collapsed)}.nav-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:80px;border-bottom:1px solid var(--nav-border)}.collapsed .nav-header{padding:24px 0;justify-content:center}.nav-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.2))}.nav-title{font-size:18px;font-weight:700;white-space:nowrap;letter-spacing:-0.5px;background:linear-gradient(to right, #fff, #94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collapsed .nav-title{display:none}.nav-hamburger{background:var(--nav-hover-bg);border:1px solid var(--nav-border);color:white;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s ease;margin-left:auto}.collapsed .nav-hamburger{margin-left:0}.collapsed .nav-header{flex-direction:column;padding:16px 0;height:auto;min-height:100px;gap:12px}.nav-hamburger:hover{background:var(--nav-accent);border-color:var(--nav-accent)}.nav-search{padding:16px;position:relative}.nav-search-input{width:100%;padding:10px 12px 10px 38px;background:rgba(255, 255, 255, 0.03);border:1px solid var(--nav-border);border-radius:10px;color:white;font-size:13px;outline:none;transition:all 0.3s ease}.nav-search-input:focus{border-color:var(--nav-accent);background:rgba(255, 255, 255, 0.05);box-shadow:0 0 15px var(--nav-accent-glow)}.nav-search::before{content:\"\";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E\") no-repeat center;pointer-events:none}.nav-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:8px}.collapsed .nav-content{padding:12px 0}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-bottom{}.nav-footer{padding:12px;border-top:1px solid var(--nav-border);flex-shrink:0}.collapsed .nav-footer{padding:12px 0}.nav-section-header{padding:12px 12px 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--nav-text-muted);letter-spacing:1px;opacity:0.8}.nav-item .nav-section-header{padding-left:12px;margin-top:12px;border-top:1px solid rgba(255, 255, 255, 0.05)}.collapsed .nav-section-header{display:none}.nav-item{position:relative}.nav-item-link{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);text-decoration:none;border-radius:12px;transition:all 0.3s ease;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-item-link.no-icon{font-size:13px;padding-left:16px}.nav-item-link.no-icon .nav-item-label{opacity:0.9;font-weight:400}.collapsed .nav-item-link{justify-content:center;padding:12px 0;gap:0}.nav-item-link:hover{background:var(--nav-hover-bg);color:white}.active>.nav-item-link{background:var(--nav-active-bg);color:var(--nav-accent);box-shadow:inset 0 0 0 1px rgba(59, 130, 246, 0.3)}.active>.nav-item-link::after{content:\"\";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--nav-accent)}.nav-item-arrow{margin-left:auto;transition:transform 0.3s ease;color:var(--nav-text-muted)}.expanded>.nav-item-link .nav-item-arrow{transform:rotate(180deg)}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}.nav-item-link:hover .nav-item-icon{transform:scale(1.1)}.active .nav-item-icon{color:var(--nav-accent)}.collapsed .nav-item-label{display:none}.nav-item-badge{background:var(--nav-accent);color:white;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;margin-left:auto}.collapsed .nav-item-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;padding:0;font-size:0;box-shadow:0 0 10px var(--nav-accent)}.nav-children{padding-left:24px;margin-top:4px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255, 255, 255, 0.05);margin-left:24px;padding-left:12px}.is-child .nav-item-link{padding:8px 12px;font-size:13px;border-radius:10px}.collapsed .nav-children{display:none}.nav-overflow{position:relative;margin:2px 0}.nav-overflow-trigger{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);cursor:pointer;border-radius:12px;transition:all 0.3s ease}.nav-overflow-trigger:hover{background:var(--nav-hover-bg);color:white}.nav-overflow-menu{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:16px;padding:8px;min-width:220px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);z-index:10000;display:flex;flex-direction:column;gap:4px;animation:slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideMenu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.expanded .nav-item{animation:slideMenu 0.4s ease forwards}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:4px}.nav-tooltip{position:fixed;background:#1e293b;color:white;padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid rgba(255, 255, 255, 0.1);transform:translateY(-50%);opacity:0;transition:opacity 0.2s}.nav-tooltip.visible{opacity:1}"}},[513,"nav-bar",{topItems:[16],bottomItems:[16],bottomItemsSecondary:[16],collapsed:[1540],showHamburger:[4,"show-hamburger"],logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],appTitle:[1,"app-title"],showSearch:[4,"show-search"],searchPlaceholder:[1,"search-placeholder"],iconLibrary:[1,"icon-library"],maxVisibleItems:[2,"max-visible-items"],expandedItems:[32],searchQuery:[32],showOverflowMenu:[32],isHoveringMenu:[32],overflowMenuPosition:[32],hoveredIcon:[32],tooltipPos:[32],toggle:[64],expand:[64],collapse:[64]}]),d=l,c=function(){"undefined"!=typeof customElements&&["nav-bar","ui-icon"].forEach((e=>{switch(e){case"nav-bar":customElements.get(r(e))||customElements.define(r(e),l);break;case"ui-icon":customElements.get(r(e))||s()}}))};export{d as NavBar,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,h as t,Fragment as i,createEvent as n,Host as o,transformTag as r}from"@stencil/core/internal/client";import{d as s}from"./icon.js";import{d as l}from"./loader.js";const d=e(class extends a{topItems=[];bottomItems=[];bottomItemsSecondary=[];collapsed=!0;showHamburger=!0;logoUrl;logoAlt="Logo";appTitle;showSearch=!1;searchPlaceholder="Search...";iconLibrary="default";maxVisibleItems=0;navItemClicked;navToggled;expandedItems=new Set;searchQuery="";showOverflowMenu=!1;isHoveringMenu=!1;overflowMenuPosition={top:"0px",left:"0px"};hoveredIcon=null;tooltipPos={top:0,left:0};overflowTriggerRef;async toggle(){this.collapsed=!this.collapsed,this.navToggled.emit({collapsed:this.collapsed})}async expand(){this.collapsed=!1,this.navToggled.emit({collapsed:this.collapsed})}async collapse(){this.collapsed=!0,this.navToggled.emit({collapsed:this.collapsed})}componentWillLoad(){}handleHamburgerClick=()=>{this.toggle()};handleSearchInput=e=>{this.searchQuery=e.target.value.toLowerCase()};filterItems=e=>this.searchQuery?e.filter((e=>{const a=e.label.toLowerCase().includes(this.searchQuery),t=e.children?.some((e=>e.label.toLowerCase().includes(this.searchQuery)));return a||t})):e;splitItemsByVisibility=e=>0===this.maxVisibleItems||e.length<=this.maxVisibleItems?{visible:e,overflow:[]}:{visible:e.slice(0,this.maxVisibleItems),overflow:e.slice(this.maxVisibleItems)};calculateOverflowMenuPosition=()=>{if(!this.overflowTriggerRef)return;const e=this.overflowTriggerRef.getBoundingClientRect();let a=e.right+8,t=e.top;a+280>window.innerWidth&&(a=e.left-280-8),t+500>window.innerHeight&&(t=Math.max(8,window.innerHeight-500-8)),t=Math.max(8,t),this.overflowMenuPosition={top:t+"px",left:a+"px"}};handleOverflowTriggerEnter=()=>{this.calculateOverflowMenuPosition(),this.showOverflowMenu=!0};toggleSubitems=e=>{const a=new Set(this.expandedItems);a.has(e)?a.delete(e):a.add(e),this.expandedItems=a};handleItemClick=(e,a,t=!1)=>{e.disabled?a.preventDefault():e.children&&e.children.length>0?(a.preventDefault(),this.toggleSubitems(e.id)):this.navItemClicked.emit({item:e,isChild:t})};handleIconEnter=(e,a)=>{if(this.collapsed&&(!e.children||0===e.children.length)){const t=a.currentTarget.getBoundingClientRect();this.hoveredIcon=e.id,this.tooltipPos={top:t.top+t.height/2,left:t.right+12}}};handleIconLeave=()=>{this.hoveredIcon&&(this.hoveredIcon=null)};renderNavItem=(e,a=!1)=>{const n=e.children&&e.children.length>0,o=this.expandedItems.has(e.id),r={"nav-item":!0,active:e.active,disabled:e.disabled,"has-children":n,expanded:o,"is-child":a},s={"nav-item-link":!0,"no-icon":!e.icon};return t("div",{key:e.id},e.sectionHeader&&!this.collapsed&&t("div",{class:"nav-section-header"},e.sectionHeader),t("div",{class:r},t("a",{href:e.href||"#",class:s,onClick:t=>this.handleItemClick(e,t,a)},e.icon&&t("span",{class:"nav-item-icon",onMouseEnter:a=>this.handleIconEnter(e,a),onMouseLeave:this.handleIconLeave},t("ui-icon",{name:e.icon,library:e.iconLibrary||this.iconLibrary,size:"1.25rem"})),!this.collapsed&&t(i,null,t("span",{class:"nav-item-label"},e.label),e.badge&&t("span",{class:"nav-item-badge"},e.badge),n&&t("span",{class:"nav-item-arrow"},t("ui-icon",{name:"chevron-down",library:this.iconLibrary,size:"1rem"})))),n&&o&&t("div",{class:"nav-children"},e.children.map((e=>this.renderNavItem(e,!0))))))};constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.navItemClicked=n(this,"navItemClicked",7),this.navToggled=n(this,"navToggled",7)}connectedCallback(){}render(){return t(o,{key:"1ca084a87b49b22d83f87e90cd0cadffbc311eae",collapsed:this.collapsed},t("nav",{key:"bcc0a9d86c7191111ed9997c40eef0a0b5c236e4",class:"nav-bar "+(this.collapsed?"collapsed":"expanded")},t("div",{key:"c18e36e8919eb471554111e7d5ee690f044519d3",class:"nav-header"},this.logoUrl&&t("img",{key:"3ef3c38c0a156bbda0890bba01df49a06afdb0b9",src:this.logoUrl,alt:this.logoAlt,class:"nav-logo"}),this.appTitle&&t("span",{key:"4140fce5cca693439044369924ba42f80bfd3148",class:"nav-title"},this.appTitle),this.showHamburger&&t("button",{key:"58f7a102b5185528ac328c47318fa4caf83ae154",class:"nav-hamburger",onClick:this.handleHamburgerClick,"aria-label":this.collapsed?"Expand navigation":"Collapse navigation"},t("ui-icon",this.collapsed?{name:"menu",library:this.iconLibrary,size:"1.5rem"}:{name:"x",library:this.iconLibrary,size:"1.5rem"}))),this.showSearch&&!this.collapsed&&t("div",{key:"8145564546ad325086238964931b4a48e81ee805",class:"nav-search"},t("input",{key:"61a66f0f1ef1e759205994c1dc0139b4c89f8dac",type:"text",class:"nav-search-input",placeholder:this.searchPlaceholder,onInput:this.handleSearchInput})),t("div",{key:"aab420232ec9816e08926d1ca7b057741e5dc2f6",class:"nav-content"},this.renderSection(this.topItems,"nav-section-top")),this.hoveredIcon&&t("div",{key:"f1cd79267d143e1b4f2ade642da7199b380741d8",class:"nav-tooltip visible",style:{top:this.tooltipPos.top+"px",left:this.tooltipPos.left+"px"}},[...this.topItems,...this.bottomItems,...this.bottomItemsSecondary].flatMap((e=>[e,...e.children||[]])).find((e=>e.id===this.hoveredIcon))?.label),t("div",{key:"993ce0f63b1ad5acf1226741f65437208d6bd3b9",class:"nav-footer"},this.renderSection(this.bottomItems,"nav-section-bottom"),this.renderSection(this.bottomItemsSecondary,"nav-section-bottom-secondary"))))}renderSection(e,a){if(!e||0===e.length)return null;const i=this.filterItems(e),{visible:n,overflow:o}=this.splitItemsByVisibility(i);return t("div",{class:"nav-section "+a},n.map((e=>this.renderNavItem(e))),o.length>0&&t("div",{class:"nav-overflow"},t("div",{class:"nav-overflow-trigger",ref:e=>this.overflowTriggerRef=e,onMouseEnter:this.handleOverflowTriggerEnter,onMouseLeave:()=>{setTimeout((()=>{this.isHoveringMenu||(this.showOverflowMenu=!1)}),100)}},t("span",{class:"nav-item-icon"},t("ui-icon",{name:"more-horizontal",library:this.iconLibrary,size:"1.25rem"})),t("span",{class:"nav-item-label"},"More (",o.length,")")),this.showOverflowMenu&&t("div",{class:"nav-overflow-menu",onMouseEnter:()=>{this.isHoveringMenu=!0,this.showOverflowMenu=!0},onMouseLeave:()=>{this.isHoveringMenu=!1,setTimeout((()=>{this.showOverflowMenu=!1}),100)},style:{left:this.overflowMenuPosition.left,top:this.overflowMenuPosition.top}},o.map((e=>this.renderNavItem(e))))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;height:100%;width:var(--nav-width-expanded, 280px);transition:width var(--nav-transition, 0.4s cubic-bezier(0.4, 0, 0.2, 1));flex-shrink:0;overflow:hidden;--nav-bg:#0f172a;--nav-text:#f8fafc;--nav-text-muted:#94a3b8;--nav-accent:var(--color-primary, #3b82f6);--nav-accent-glow:var(--color-primary-subtle, rgba(59, 130, 246, 0.4));--nav-hover-bg:rgba(255, 255, 255, 0.05);--nav-active-bg:linear-gradient(135deg, var(--color-primary-subtle, rgba(59, 130, 246, 0.2)) 0%, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) 100%);--nav-border:rgba(255, 255, 255, 0.08);--nav-width-expanded:280px;--nav-width-collapsed:80px;--nav-transition:0.4s cubic-bezier(0.4, 0, 0.2, 1)}:host([collapsed]){width:var(--nav-width-collapsed, 80px)}.nav-bar{display:flex;flex-direction:column;height:100%;background:var(--nav-bg);color:var(--nav-text);width:100%;border-right:1px solid var(--nav-border);position:relative;box-sizing:border-box}.nav-bar.collapsed{width:var(--nav-width-collapsed)}.nav-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:80px;border-bottom:1px solid var(--nav-border)}.collapsed .nav-header{padding:24px 0;justify-content:center}.nav-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.2))}.nav-title{font-size:18px;font-weight:700;white-space:nowrap;letter-spacing:-0.5px;background:linear-gradient(to right, #fff, #94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collapsed .nav-title{display:none}.nav-hamburger{background:var(--nav-hover-bg);border:1px solid var(--nav-border);color:white;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s ease;margin-left:auto}.collapsed .nav-hamburger{margin-left:0}.collapsed .nav-header{flex-direction:column;padding:16px 0;height:auto;min-height:100px;gap:12px}.nav-hamburger:hover{background:var(--nav-accent);border-color:var(--nav-accent)}.nav-search{padding:16px;position:relative}.nav-search-input{width:100%;padding:10px 12px 10px 38px;background:rgba(255, 255, 255, 0.03);border:1px solid var(--nav-border);border-radius:10px;color:white;font-size:13px;outline:none;transition:all 0.3s ease}.nav-search-input:focus{border-color:var(--nav-accent);background:rgba(255, 255, 255, 0.05);box-shadow:0 0 15px var(--nav-accent-glow)}.nav-search::before{content:\"\";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E\") no-repeat center;pointer-events:none}.nav-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:8px}.collapsed .nav-content{padding:12px 0}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-bottom{}.nav-footer{padding:12px;border-top:1px solid var(--nav-border);flex-shrink:0}.collapsed .nav-footer{padding:12px 0}.nav-section-header{padding:12px 12px 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--nav-text-muted);letter-spacing:1px;opacity:0.8}.nav-item .nav-section-header{padding-left:12px;margin-top:12px;border-top:1px solid rgba(255, 255, 255, 0.05)}.collapsed .nav-section-header{display:none}.nav-item{position:relative}.nav-item-link{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);text-decoration:none;border-radius:12px;transition:all 0.3s ease;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-item-link.no-icon{font-size:13px;padding-left:16px}.nav-item-link.no-icon .nav-item-label{opacity:0.9;font-weight:400}.collapsed .nav-item-link{justify-content:center;padding:12px 0;gap:0}.nav-item-link:hover{background:var(--nav-hover-bg);color:white}.active>.nav-item-link{background:var(--nav-active-bg);color:var(--nav-accent);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.active>.nav-item-link::after{content:\"\";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--nav-accent)}.nav-item-arrow{margin-left:auto;transition:transform 0.3s ease;color:var(--nav-text-muted)}.expanded>.nav-item-link .nav-item-arrow{transform:rotate(180deg)}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}.nav-item-link:hover .nav-item-icon{transform:scale(1.1)}.active .nav-item-icon{color:var(--nav-accent)}.collapsed .nav-item-label{display:none}.nav-item-badge{background:var(--nav-accent);color:white;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;margin-left:auto}.collapsed .nav-item-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;padding:0;font-size:0;box-shadow:0 0 10px var(--nav-accent)}.nav-children{padding-left:24px;margin-top:4px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255, 255, 255, 0.05);margin-left:24px;padding-left:12px}.is-child .nav-item-link{padding:8px 12px;font-size:13px;border-radius:10px}.collapsed .nav-children{display:none}.nav-overflow{position:relative;margin:2px 0}.nav-overflow-trigger{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);cursor:pointer;border-radius:12px;transition:all 0.3s ease}.nav-overflow-trigger:hover{background:var(--nav-hover-bg);color:white}.nav-overflow-menu{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:16px;padding:8px;min-width:220px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);z-index:10000;display:flex;flex-direction:column;gap:4px;animation:slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideMenu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.expanded .nav-item{animation:slideMenu 0.4s ease forwards}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:4px}.nav-tooltip{position:fixed;background:#1e293b;color:white;padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid rgba(255, 255, 255, 0.1);transform:translateY(-50%);opacity:0;transition:opacity 0.2s}.nav-tooltip.visible{opacity:1}"}},[513,"nav-bar",{topItems:[16],bottomItems:[16],bottomItemsSecondary:[16],collapsed:[1540],showHamburger:[4,"show-hamburger"],logoUrl:[1,"logo-url"],logoAlt:[1,"logo-alt"],appTitle:[1,"app-title"],showSearch:[4,"show-search"],searchPlaceholder:[1,"search-placeholder"],iconLibrary:[1,"icon-library"],maxVisibleItems:[2,"max-visible-items"],expandedItems:[32],searchQuery:[32],showOverflowMenu:[32],isHoveringMenu:[32],overflowMenuPosition:[32],hoveredIcon:[32],tooltipPos:[32],toggle:[64],expand:[64],collapse:[64]}]),c=d,p=function(){"undefined"!=typeof customElements&&["nav-bar","ui-icon","ui-loader"].forEach((e=>{switch(e){case"nav-bar":customElements.get(r(e))||customElements.define(r(e),d);break;case"ui-icon":customElements.get(r(e))||s();break;case"ui-loader":customElements.get(r(e))||l()}}))};export{c as NavBar,p as defineCustomElement}

package/dist/components/pagination.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as a,createEvent as t,h as n,transformTag as o}from"@stencil/core/internal/client";import{d as e,a as r}from"./badge.js";import{d as p}from"./icon.js";import{d as s}from"./input.js";const d=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pageChange=t(this,"pageChange",7),this.itemsPerPageChange=t(this,"itemsPerPageChange",7),this.validationError=t(this,"validationError",7)}get el(){return this}hideNavButtons=!1;currentPage=1;totalItems=0;itemsPerPage=10;maxVisiblePages=5;type="basic";size="md";variant="default";theme="primary";showFirstLast=!0;showPrevNext=!0;showPageSize=!1;showTotal=!1;showJumpTo=!1;prevText="Previous";nextText="Next";firstText="First";lastText="Last";pageSizes=[10,25,50,100];disabled=!1;iconOnly=!1;infinite=!1;loading=!1;compact=!1;keyboardNav=!0;shape="default";pill=!1;circle=!1;prevIcon="";nextIcon="";firstIcon="";lastIcon="";mobileBreakpoint=768;responsiveMode=!0;rtl=!1;ellipsisTooltip=!0;pageTransition=!0;urlSync=!1;urlParam="page";autoHide=!0;getEffectiveShape(){return"default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default"}quickJump=!1;quickJumpStep=5;sticky=!1;stickyPosition="bottom";smartCompact=!1;smartCompactThreshold=20;swipeGestures=!0;showProgress=!1;showSelectedMarker=!0;segmented=!1;hideNumbers=!1;showLabel=!1;labelTemplate="{current} OF {total}";arrowsJoined=!1;vertical=!1;persistPage=!1;storageKey="pagination-page";pageChange;itemsPerPageChange;validationError;jumpToPage=null;inputError="";pageInputValue="1";showEllipsisTooltip=!1;ellipsisPages=[];isTransitioning=!1;isMobile=!1;openDropdown=null;handleTotalChange(){this.currentPage>this.totalPages&&this.totalPages>0&&(this.currentPage=this.totalPages)}handleCurrentPageChange(i){this.syncPageInputState(i)}handleOpenDropdownChange(i){this.el.classList.toggle("has-open-dropdown",null!==i)}paginationRef;touchStartX=0;touchEndX=0;handleOutsideClick=i=>{this.openDropdown&&(i.composedPath().includes(this.el)||(this.openDropdown=null))};componentWillLoad(){if(this.responsiveMode&&"undefined"!=typeof window&&this.checkMobileView(),this.urlSync&&"undefined"!=typeof window){const i=this.getPageFromURL();i&&i!==this.currentPage&&(this.currentPage=i)}if(this.persistPage&&"undefined"!=typeof window){const i=this.getPageFromStorage();i&&i!==this.currentPage&&(this.currentPage=i)}this.syncPageInputState(this.currentPage)}componentDidLoad(){"undefined"!=typeof window&&(document.addEventListener("pointerdown",this.handleOutsideClick,!0),window.addEventListener("click",this.handleOutsideClick)),this.responsiveMode&&"undefined"!=typeof window&&window.addEventListener("resize",this.checkMobileView),this.swipeGestures&&this.paginationRef&&(this.paginationRef.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.paginationRef.addEventListener("touchend",this.handleTouchEnd,{passive:!0}))}disconnectedCallback(){"undefined"!=typeof window&&(window.removeEventListener("resize",this.checkMobileView),window.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("pointerdown",this.handleOutsideClick,!0)),this.swipeGestures&&this.paginationRef&&(this.paginationRef.removeEventListener("touchstart",this.handleTouchStart),this.paginationRef.removeEventListener("touchend",this.handleTouchEnd))}checkMobileView=()=>{"undefined"!=typeof window&&(this.isMobile=window.innerWidth<this.mobileBreakpoint)};handleKeyDown=i=>{if(this.keyboardNav&&!this.disabled)switch(i.key){case"ArrowLeft":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage+1:this.currentPage-1);break;case"ArrowRight":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage-1:this.currentPage+1);break;case"Home":i.preventDefault(),this.handlePageChange(1);break;case"End":i.preventDefault(),this.handlePageChange(this.totalPages)}};getPageFromURL(){if("undefined"==typeof window)return null;const i=new URLSearchParams(window.location.search).get(this.urlParam);return i?parseInt(i,10):null}updateURL(i){if("undefined"==typeof window)return;const a=new URL(window.location.href);a.searchParams.set(this.urlParam,i.toString()),window.history.pushState({},"",a.toString())}getPageFromStorage(){if("undefined"==typeof window)return null;const i=localStorage.getItem(this.storageKey);return i?parseInt(i,10):null}savePageToStorage(i){"undefined"!=typeof window&&localStorage.setItem(this.storageKey,i.toString())}handleTouchStart=i=>{this.touchStartX=i.changedTouches[0].screenX};handleTouchEnd=i=>{this.touchEndX=i.changedTouches[0].screenX,this.handleSwipe()};handleSwipe(){const i=this.touchStartX-this.touchEndX;Math.abs(i)>50&&this.handlePageChange(i>0?this.rtl?this.currentPage-1:this.currentPage+1:this.rtl?this.currentPage+1:this.currentPage-1)}handleQuickJump(i){const a=this.quickJumpStep,t="forward"===i?Math.min(this.currentPage+a,this.totalPages):Math.max(this.currentPage-a,1);this.handlePageChange(t)}get progressPercentage(){return this.currentPage/this.totalPages*100}get totalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}get visiblePages(){const i=this.totalPages,a=this.currentPage,t=this.maxVisiblePages;if(i<=t)return Array.from({length:i},((i,a)=>a+1));const n=Math.floor(t/2);let o=Math.max(1,a-n),e=Math.min(i,o+t-1);return e-o+1<t&&(o=Math.max(1,e-t+1)),Array.from({length:e-o+1},((i,a)=>o+a))}handlePageChange(i){this.openDropdown=null,this.jumpToPage=null,i<1||i>this.totalPages||i===this.currentPage||this.disabled||(this.pageTransition&&(this.isTransitioning=!0,setTimeout((()=>this.isTransitioning=!1),300)),this.currentPage=i,this.syncPageInputState(i),this.urlSync&&this.updateURL(i),this.persistPage&&this.savePageToStorage(i),this.pageChange.emit({page:i,itemsPerPage:this.itemsPerPage}))}handleItemsPerPageChange(i){this.openDropdown=null,this.itemsPerPage=i,this.currentPage=1,this.syncPageInputState(1),this.itemsPerPageChange.emit(i),this.pageChange.emit({page:1,itemsPerPage:i})}handleJumpToPage(){this.openDropdown=null;const i=this.pageInputValue.trim();if(!i)return this.jumpToPage=null,this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");const a=Number(i);if(isNaN(a))return this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");if(a<1)return this.inputError="Page number must be at least 1",void this.validationError.emit(this.inputError);if(a>this.totalPages)return this.inputError=`Page number cannot exceed ${this.totalPages}`,void this.validationError.emit(this.inputError);this.inputError="",this.jumpToPage=a;const t=Math.max(1,Math.min(this.totalPages,a));this.handlePageChange(t)}syncPageInputState(i){const a=Number.isFinite(i)&&i>0?i:1;this.jumpToPage=a,this.pageInputValue=a.toString()}getPageInputWidth(){const i=Math.max(1,this.totalPages.toString().length),a=Math.max(0,this.pageInputValue.trim().length),t=Math.max(2,i,a),n="sm"===this.size?"1.75rem":"lg"===this.size?"2.5rem":"2rem";return`calc(${Math.min(t,"sm"===this.size?4:"lg"===this.size?8:6)}ch + ${n})`}handleInputChange(i){const a="string"==typeof i.detail?i.detail:`${i.detail??""}`;if(this.pageInputValue=a,""===a)return this.jumpToPage=null,void(this.inputError="");const t=Number(a);if(isNaN(t))return this.inputError="Please enter a valid number",void this.validationError.emit(this.inputError);this.jumpToPage=t,t>=1&&t<=this.totalPages&&(this.inputError="")}renderPageSizeSelector(){if(!this.showPageSize)return null;const i=["glass","modern","premium"].includes(this.variant),a="pageSize"===this.openDropdown;return n("div",{class:{"pagination-size-selector":!0,"pagination-size-premium":i,"pagination-size-selector-open":a},onClick:i=>i.stopPropagation()},n("span",{class:"pagination-size-label"},"Show:"),n("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":a}},n("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-open":a},onClick:()=>{this.openDropdown=a?null:"pageSize"},disabled:this.disabled,type:"button"},n("span",null,this.itemsPerPage),n("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":a},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"m6 9 6 6 6-6"}))),a&&n("div",{class:"pg-dropdown-panel"},this.pageSizes.map((i=>n("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i===this.itemsPerPage},onClick:()=>{this.handleItemsPerPageChange(i),this.openDropdown=null}},n("span",null,i),i===this.itemsPerPage&&n("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"M20 6 9 17l-5-5"}))))))))}getPageLabel(){return this.labelTemplate.replace("{current}",this.currentPage.toString()).replace("{total}",this.totalPages.toString())}getNavIcon(i){if(this.vertical){if("first"===i)return this.firstIcon||"chevrons-up";if("prev"===i)return this.prevIcon||"chevron-up";if("next"===i)return this.nextIcon||"chevron-down";if("last"===i)return this.lastIcon||"chevrons-down"}return"first"===i?this.firstIcon||"chevrons-left":"prev"===i?this.prevIcon||"chevron-left":"next"===i?this.nextIcon||"chevron-right":"last"===i?this.lastIcon||"chevrons-right":""}renderBasicPagination(){const{currentPage:i,totalPages:a,visiblePages:t,showFirstLast:o,showPrevNext:e}=this,r=i>1,p=i<a;return n("div",{class:"pagination-basic"},o&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(1),disabled:!r||this.disabled,ariaLabel:"First page",icon:this.iconOnly?"chevrons-left":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.firstText,shape:this.getEffectiveShape()}),e&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i-1),disabled:!r||this.disabled,ariaLabel:"Previous page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("prev"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.prevText,shape:this.getEffectiveShape()}),this.showLabel&&n("div",{class:{"pagination-label":!0,"pagination-joined":this.segmented}},this.getPageLabel()),!this.hideNumbers&&n("div",{class:{"pagination-pages":!0,"pagination-joined":this.segmented}},t.map((i=>n("ui-button",{key:i,variant:this.getButtonVariant(i),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i),disabled:this.disabled,label:`${i}`,shape:this.getEffectiveShape()})))),e&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i+1),disabled:!p||this.disabled,ariaLabel:"Next page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("next"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.nextText,shape:this.getEffectiveShape()}),o&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(a),disabled:!p||this.disabled,ariaLabel:"Last page",icon:this.iconOnly?"chevrons-right":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.lastText,shape:this.getEffectiveShape()}),this.quickJump&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("backward"),disabled:!r||this.disabled,ariaLabel:`Jump back ${this.quickJumpStep} pages`,icon:"chevrons-left",iconLibrary:"lucide",shape:this.getEffectiveShape()}),this.quickJump&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("forward"),disabled:!p||this.disabled,ariaLabel:`Jump forward ${this.quickJumpStep} pages`,icon:"chevrons-right",iconLibrary:"lucide",shape:this.getEffectiveShape()}))}renderCompactPagination(){const{currentPage:i,totalPages:a}=this,t=i<a;return n("div",{class:"pagination-compact"},n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),n("span",{class:"pagination-info"},i," of ",a),n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!t||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderDetailedPagination(){const i=(this.currentPage-1)*this.itemsPerPage+1,a=Math.min(this.currentPage*this.itemsPerPage,this.totalItems);return n("div",{class:"pagination-detailed"},this.renderBasicPagination(),n("div",{class:"pagination-details"},this.showTotal&&n("span",{class:"pagination-total"},"Showing ",i,"-",a," of ",this.totalItems," items"),this.renderPageSizeSelector(),this.showJumpTo&&n("div",{class:"pagination-jump"},n("label",null,"Go to page:"),n("ui-input",{type:"number",min:1,max:this.totalPages,value:this.jumpToPage,class:this.inputError?"has-error":"",onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),n("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()}))))}renderMinimalPagination(){const{currentPage:i,totalPages:a}=this,t=i<a;return n("div",{class:"pagination-minimal"},n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),n("div",{class:"pagination-input-group"},n("ui-input",{type:"number",min:1,max:a,value:this.jumpToPage||this.currentPage,onInputChange:i=>this.handleInputChange(i),onInputBlur:()=>this.handleJumpToPage(),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,class:"pagination-page-input "+(this.inputError?"has-error":""),size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),n("span",{class:"pagination-separator"},"of"),n("span",{class:"pagination-total-pages"},a)),n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!t||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderAdvancedPagination(){return n("div",{class:"pagination-advanced"},n("div",{class:"pagination-controls"},this.renderPageSizeSelector(),this.showTotal&&n("div",{class:"pagination-summary"},"Showing ",(this.currentPage-1)*this.itemsPerPage+1," to ",Math.min(this.currentPage*this.itemsPerPage,this.totalItems)," of ",this.totalItems," entries")),this.renderBasicPagination(),this.showJumpTo&&n("div",{class:"pagination-jump-section"},n("label",null,"Jump to page:"),n("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",value:this.currentPage.toString(),size:this.size,onInputChange:i=>this.handleInputChange(i),class:{"pagination-page-input":!0,"has-error":""!==this.inputError},style:{width:this.getPageInputWidth()},error:""!==this.inputError,showError:!1,disabled:this.disabled}),n("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()})))}renderInfinitePagination(){return n("div",{class:"pagination-infinite"},n("div",{class:"pagination-loading"},this.loading?n("ui-loader",{size:"xs",color:"currentColor"}):n("ui-button",{variant:"primary",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage>=this.totalPages||this.disabled,label:"Load More",shape:this.getEffectiveShape()})),this.showTotal&&n("div",{class:"pagination-infinite-info"},"Showing ",this.currentPage*this.itemsPerPage," of ",this.totalItems," items"))}renderDropdownPagination(){const i=[];for(let a=1;a<=this.totalPages;a++)i.push({label:`Page ${a} of ${this.totalPages}`,value:a.toString()});return n("div",{class:"pagination-dropdown-container"},this.showTotal&&n("div",{class:"pagination-total"},this.totalItems," Items"),this.renderPageSizeSelector(),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),n("div",{class:{"pagination-dropdown-wrapper":!0,"pagination-dropdown-wrapper-open":"page"===this.openDropdown},onClick:i=>i.stopPropagation()},n("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":"page"===this.openDropdown}},n("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-trigger-wide":!0,"pg-dropdown-open":"page"===this.openDropdown},onClick:()=>{this.openDropdown="page"===this.openDropdown?null:"page"},disabled:this.disabled,type:"button"},n("span",null,"Page ",this.currentPage," of ",this.totalPages),n("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":"page"===this.openDropdown},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"m6 9 6 6 6-6"}))),"page"===this.openDropdown&&n("div",{class:"pg-dropdown-panel pg-dropdown-panel-scroll"},i.map((i=>n("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i.value===this.currentPage.toString()},onClick:()=>{this.handlePageChange(parseInt(i.value)),this.openDropdown=null}},n("span",null,i.label),i.value===this.currentPage.toString()&&n("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"M20 6 9 17l-5-5"})))))))),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}))}renderInputPagination(){return n("div",{class:"pagination-input-container"},this.showTotal&&n("div",{class:"pagination-total"},this.totalItems," Total"),this.renderPageSizeSelector(),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("first"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(1),disabled:1===this.currentPage||this.disabled,ariaLabel:"First page",shape:"circle"}),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("prev"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),n("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",class:"pagination-page-input "+(this.inputError?"has-error":""),value:this.pageInputValue,onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),onFocusInternal:()=>{this.inputError=""},disabled:this.disabled,size:this.size,variant:"plain",showTypeIcon:!1,showError:!1,style:{width:this.getPageInputWidth()}}),n("span",{class:"pagination-input-label"},"of ",n("strong",null,this.totalPages)),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("next"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("last"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.totalPages),disabled:this.currentPage===this.totalPages||this.disabled,shape:"circle"}))}renderIndicatorPagination(){const i=Array.from({length:this.totalPages},((i,a)=>a+1));return n("div",{class:"pagination-indicator-container"},this.showPrevNext&&n("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),n("div",{class:"pagination-indicators"},i.map((i=>n("div",{class:{"pagination-indicator":!0,"pagination-indicator-active":i===this.currentPage},onClick:()=>!this.disabled&&this.handlePageChange(i),role:"button",tabindex:this.disabled?-1:0,"aria-label":`Go to page ${i}`,"aria-current":i===this.currentPage?"page":void 0},n("div",{class:"pagination-indicator-dot"}),i===this.currentPage&&n("div",{class:"pagination-indicator-label"},i))))),this.showPrevNext&&n("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}),this.showTotal&&n("div",{class:"pagination-total"},this.currentPage," / ",this.totalPages))}getButtonVariant(i){return i===this.currentPage?"soft"===this.variant?"soft":"glass"===this.variant?"glass":"modern"===this.variant||"premium"===this.variant?"primary":this.theme:"outlined"===this.variant?"outline":"floating"===this.variant?"raised":"glass"===this.variant?"glass":"soft"===this.variant?"soft":"modern"===this.variant?"ghost":"minimalist"===this.variant?"plain":"ghost"}render(){if(this.autoHide&&this.totalPages<=1&&!this.infinite)return null;const i=this.smartCompact&&this.totalPages>this.smartCompactThreshold||this.responsiveMode&&this.isMobile?"compact":this.type,a="default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default",t={"ui-pagination":!0,[`pagination-${i}`]:!0,[`pagination-${this.size}`]:!0,[`pagination-${this.variant}`]:!0,[`pagination-theme-${this.theme}`]:"default"!==this.theme,[`pagination-shape-${a}`]:"default"!==a,"pagination-disabled":this.disabled,"pagination-segmented":this.segmented,"pagination-arrows-joined":this.arrowsJoined,"pagination-vertical":this.vertical,"pagination-rtl":this.rtl,"pagination-mobile":this.isMobile,"pagination-sticky":this.sticky,[`pagination-sticky-${this.stickyPosition}`]:this.sticky,"pagination-transitioning":this.isTransitioning,"pagination-has-container":["floating","glass","modern","premium"].includes(this.variant),"pagination-dropdown-open":null!==this.openDropdown};return n("div",{class:t,onKeyDown:this.handleKeyDown,tabindex:this.keyboardNav&&!this.disabled?0:-1,role:"navigation","aria-label":"Pagination Navigation",ref:i=>this.paginationRef=i},n("div",{role:"status","aria-live":"polite","aria-atomic":"true",class:"sr-only"},"Page ",this.currentPage," of ",this.totalPages),this.showProgress&&n("div",{class:"pagination-progress-bar"},n("div",{class:"pagination-progress-fill",style:{width:`${this.progressPercentage}%`}})),n("div",{class:"pagination-main-content"},this.infinite?this.renderInfinitePagination():"basic"===i?this.renderBasicPagination():"compact"===i?this.renderCompactPagination():"detailed"===i?this.renderDetailedPagination():"minimal"===i?this.renderMinimalPagination():"advanced"===i?this.renderAdvancedPagination():"dropdown"===i?this.renderDropdownPagination():"input"===i?this.renderInputPagination():"indicator"===i?this.renderIndicatorPagination():this.renderBasicPagination()),this.showTotal&&"detailed"!==i&&"advanced"!==i&&"dropdown"!==i&&n("div",{class:"pagination-total"},"Total ",this.totalItems," items"))}static get watchers(){return{totalItems:[{handleTotalChange:0}],itemsPerPage:[{handleTotalChange:0}],currentPage:[{handleCurrentPageChange:0}],openDropdown:[{handleOpenDropdownChange:0}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:relative;z-index:0}:host(.has-open-dropdown){z-index:100}.ui-pagination{display:flex;align-items:center;gap:8px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.ui-pagination.pagination-sm{font-size:12px}.ui-pagination.pagination-md{font-size:14px}.ui-pagination.pagination-lg{font-size:16px}.ui-pagination.pagination-default .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-outlined .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-filled .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-floating{background:var(--bg-primary, #ffffff);padding:8px 16px;border-radius:50px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, #e5e7eb);width:fit-content}.ui-pagination.pagination-glass{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(12px);padding:10px 20px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);width:fit-content}.ui-pagination.pagination-soft{gap:12px}.ui-pagination.pagination-modern{background:var(--bg-primary, #ffffff);padding:12px 24px;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);border:1px solid var(--border-default, #f3f4f6);gap:16px;width:fit-content}.ui-pagination.pagination-modern .pagination-btn.active{box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.ui-pagination.pagination-minimalist{gap:20px;padding:4px}.ui-pagination.pagination-minimalist .pagination-btn{position:relative}.ui-pagination.pagination-minimalist .pagination-btn:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary, #10b981);transition:width 0.3s ease}.ui-pagination.pagination-minimalist .pagination-btn.active:after{width:80%}.ui-pagination.pagination-premium{background:var(--bg-primary, #ffffff);padding:12px 28px;border-radius:40px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 10px 15px -5px rgba(0, 0, 0, 0.04);border:none;gap:12px;width:fit-content}.ui-pagination.pagination-premium .pagination-btn.active{background:linear-gradient(135deg, var(--color-primary, #6366f1), var(--color-primary-hover, #4f46e5)) !important;color:white !important;box-shadow:0 10px 20px -5px rgba(var(--color-primary-rgb, 99, 102, 241), 0.5);transform:scale(1.1);transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #f8fafc);transform:translateY(-2px)}.ui-pagination.pagination-underline{gap:12px}.ui-pagination.pagination-underline .pagination-btn.active{position:relative;color:var(--color-primary, #10b981) !important;background:transparent !important}.ui-pagination.pagination-underline .pagination-btn.active::after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;background:var(--color-primary, #10b981);border-radius:2px;box-shadow:0 2px 4px rgba(var(--color-primary-rgb, 16, 185, 129), 0.3)}.pagination-main-content{display:flex;align-items:center;justify-content:center;flex:1}.ui-pagination.pagination-has-container{justify-content:center;margin-left:auto;margin-right:auto}.ui-pagination.pagination-segmented{gap:0;width:fit-content;border-radius:8px;overflow:hidden;border:1px solid var(--border-default, #e5e7eb);background:var(--bg-primary, #ffffff)}.ui-pagination.pagination-segmented.pagination-shape-pill{border-radius:30px}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-top-left-radius:30px !important;border-bottom-left-radius:30px !important}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-radius:0 !important;border:none !important;margin:0 !important;display:flex;align-items:center}.ui-pagination.pagination-segmented .pagination-pages{gap:0;border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-segmented .pagination-label{padding:0 16px;font-weight:600;font-size:13px;color:var(--text-secondary, #374151);border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important;background:var(--bg-primary, #ffffff);height:100%;min-height:36px}.ui-pagination.pagination-segmented .pagination-btn:not(:last-child){border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-arrows-joined .pagination-prev{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:none !important}.ui-pagination.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.pagination-joined{display:flex;gap:0}.ui-pagination.pagination-vertical{flex-direction:column;width:fit-content;height:auto;gap:12px}.ui-pagination.pagination-vertical .pagination-pages,.ui-pagination.pagination-vertical .pagination-indicators,.ui-pagination.pagination-vertical .pagination-input-container,.ui-pagination.pagination-vertical .pagination-dropdown-container,.ui-pagination.pagination-vertical .pagination-joined{flex-direction:column}.ui-pagination.pagination-vertical.pagination-segmented{border-radius:8px}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages{width:100%;border-right:none !important;border-bottom:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages:last-child{border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill{border-radius:20px}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-radius:20px 20px 0 0 !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-radius:0 0 20px 20px !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-prev{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.ui-pagination.pagination-vertical.pagination-underline .pagination-btn.active::after{bottom:20%;top:20%;left:2px;right:auto;width:2px;height:auto}.pagination-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-btn svg{display:inline-flex;vertical-align:middle;width:16px;height:16px}.ui-pagination.pagination-sm .pagination-btn svg{width:14px;height:14px}.ui-pagination.pagination-lg .pagination-btn svg{width:18px;height:18px}.pagination-basic{display:flex;align-items:center;gap:4px}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-compact{display:flex;align-items:center;gap:12px}.pagination-info{font-weight:500;color:var(--text-secondary, #374151);white-space:nowrap}.pagination-detailed{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.pagination-total{color:var(--text-muted, #6b7280);font-size:0.875em;margin-left:auto}.pagination-size-selector{display:flex;align-items:center;gap:8px;font-size:0.875em;position:relative;z-index:1}.pagination-size-selector .pagination-size-label{color:var(--text-secondary, #374151);font-weight:500}.pagination-size-selector .pagination-size-suffix{color:var(--text-muted, #64748b)}.pg-dropdown{position:relative;display:inline-flex}.pg-dropdown-open-host{z-index:30}.pg-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--bg-primary, #ffffff);border:1.5px solid var(--border-default, #e2e8f0);border-radius:20px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-primary, #1e293b);cursor:pointer;outline:none;transition:all 0.2s ease;white-space:nowrap}.pg-dropdown-trigger:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger.pg-dropdown-open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger:disabled{opacity:0.5;cursor:not-allowed}.pg-dropdown-trigger-wide{min-width:110px;justify-content:space-between}.pg-dropdown-arrow{flex-shrink:0;transition:transform 0.2s ease;opacity:0.6}.pg-arrow-up{transform:rotate(180deg)}.pg-dropdown-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:100%;width:max-content;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:18px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.1);z-index:100;padding:6px;overflow:hidden;animation:pgDropdownIn 0.15s ease-out}.pg-dropdown-panel-scroll{max-height:220px;overflow-y:auto;scrollbar-width:thin}.pg-dropdown-panel-scroll::-webkit-scrollbar{width:4px}.pg-dropdown-panel-scroll::-webkit-scrollbar-track{background:transparent}.pg-dropdown-panel-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@keyframes pgDropdownIn{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pg-dropdown-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);transition:background 0.15s ease;white-space:nowrap}.pg-dropdown-item:hover{background:var(--bg-secondary, #f1f5f9)}.pg-dropdown-item-selected{background:#ecfdf5 !important;color:#059669 !important;font-weight:700}.pg-dropdown-item-selected:hover{background:#d1fae5 !important}.pg-dropdown-check{flex-shrink:0;color:#059669}.pagination-size-premium{gap:12px}.pagination-jump{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump label{color:var(--text-secondary, #374151)}.pagination-jump input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center;transition:all 0.2s ease}.pagination-jump input:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-jump-btn{margin-left:4px}.pagination-minimal{display:flex;align-items:center;gap:8px}.pagination-input-group{display:flex;align-items:center;gap:8px}.pagination-page-input{min-width:0 !important;text-align:center;font-size:inherit}.pagination-separator{color:var(--text-muted, #6b7280);font-weight:500}.pagination-total-pages{font-weight:500;color:var(--text-secondary, #374151)}.pagination-advanced{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;width:100%}.pagination-summary{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-jump-section{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump-section label{color:var(--text-secondary, #374151)}.pagination-jump-section input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center}.pagination-infinite{display:flex;flex-direction:column;align-items:center;gap:12px}.pagination-loading{display:flex;align-items:center;justify-content:center}.pagination-infinite-info{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-spinner{width:24px;height:24px;border:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 640px){.ui-pagination{flex-wrap:wrap;justify-content:center}.pagination-detailed .pagination-details,.pagination-advanced .pagination-controls{flex-direction:column;gap:12px}.pagination-basic{flex-wrap:wrap}.pagination-pages{order:2;width:100%;justify-content:center}.pagination-first,.pagination-prev{order:1}.pagination-next,.pagination-last{order:3}}@media (prefers-color-scheme: dark){.ui-pagination.pagination-default .pagination-btn{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-default .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #374151);border-color:var(--border-strong, #4b5563)}.ui-pagination.pagination-outlined .pagination-btn{border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-outlined .pagination-btn:hover:not(.disabled):not(.active){border-color:var(--border-strong, #4b5563);background-color:var(--text-secondary, #374151)}.ui-pagination.pagination-filled .pagination-btn{background-color:var(--text-secondary, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-filled .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #4b5563)}.pagination-info,.pagination-total,.pagination-size-selector label,.pagination-jump label,.pagination-separator,.pagination-total-pages,.pagination-summary,.pagination-jump-section label,.pagination-infinite-info{color:var(--bg-secondary, #d1d5db)}.pagination-size-selector select,.pagination-jump input,.pagination-page-input,.pagination-jump-section input{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb);border-radius:8px}.ui-pagination.pagination-floating{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #374151);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3)}.ui-pagination.pagination-glass{background-color:rgba(15, 23, 42, 0.4);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-modern{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-premium{background-color:var(--bg-primary, #111827);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.7)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #1e293b)}.ui-pagination.pagination-segmented{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937)}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-color:var(--border-default, #1f2937) !important}.ui-pagination.pagination-segmented .pagination-label{background-color:var(--bg-primary, #111827);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-underline .pagination-btn.active::after{background:var(--color-primary, #60a5fa);box-shadow:0 2px 8px rgba(96, 165, 250, 0.5)}}.pagination-dropdown-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, #ffffff);padding:6px;border-radius:40px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, rgba(226, 232, 240, 0.8));gap:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-dropdown-container:hover{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color:var(--color-primary-light, rgba(59, 130, 246, 0.2));transform:translateY(-1px)}.pagination-dropdown-wrapper{position:relative;display:flex;align-items:center;min-width:130px;justify-content:center;z-index:2}.pagination-dropdown-wrapper ui-dropdown{width:100%;--dd-shadow:none;}.pagination-dropdown-wrapper-open{z-index:30}.pagination-total{padding:0 12px;color:var(--text-muted, #64748b);font-size:13px;font-weight:600;border-right:1px solid var(--border-default, #e2e8f0);height:24px;display:flex;align-items:center;letter-spacing:-0.01em}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{padding:0 12px;border-right:1px solid var(--border-default, #e2e8f0);height:24px;font-size:12px;gap:6px}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:var(--text-muted, #94a3b8);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:0.05em}.pagination-dropdown-container .pagination-size-selector .pagination-size-suffix,.pagination-input-container .pagination-size-selector .pagination-size-suffix{display:none}.pagination-dropdown-container .pagination-size-selector ui-dropdown,.pagination-input-container .pagination-size-selector ui-dropdown{width:auto;min-width:50px;--dropdown-trigger-padding:0 8px;--dropdown-trigger-height:28px;--dropdown-trigger-bg:transparent;--dropdown-trigger-border:none;--dropdown-value-font-size:13px;--dropdown-value-font-weight:600}.pagination-input-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, rgba(255, 255, 255, 0.95));backdrop-filter:blur(8px);padding:2px 6px;border-radius:40px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border:1.5px solid var(--border-default, #e2e8f0);gap:6px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-page-input{flex:none !important;width:auto;min-width:44px}.pagination-page-input ui-input{--input-text-align:center;--input-border-radius:20px;--input-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02);--input-height:28px;--input-font-size:13px;--input-font-weight:700;--input-border-color:#e2e8f0;--input-padding-inline:4px}.pagination-input-label{font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);display:flex;gap:1rem;align-items:center}.pagination-input-label strong{color:var(--text-primary, #1e293b);font-weight:700;font-size:14px}.pagination-dropdown-container .pagination-btn,.pagination-input-container .pagination-btn{position:relative;z-index:1;width:32px;height:32px;border-radius:50% !important;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);background:transparent !important;border:none !important;color:var(--text-secondary, #475569) !important}.pagination-dropdown-container .pagination-btn:hover:not(.disabled),.pagination-input-container .pagination-btn:hover:not(.disabled){background:var(--bg-secondary, #f8fafc) !important;transform:scale(1.15);color:var(--color-primary, #2563eb) !important}.pagination-dropdown-container .pagination-btn:active:not(.disabled),.pagination-input-container .pagination-btn:active:not(.disabled){transform:scale(0.95)}.pagination-dropdown-container .pagination-btn svg,.pagination-input-container .pagination-btn svg{width:18px;height:18px}.ui-pagination.pagination-dropdown-open .pagination-dropdown-container .pagination-btn,.ui-pagination.pagination-dropdown-open .pagination-input-container .pagination-btn{z-index:1}@media (prefers-color-scheme: dark){.pagination-dropdown-container,.pagination-input-container{background:var(--bg-primary, #0f172a);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 10px 40px -10px rgba(0, 0, 0, 0.5)}.pagination-total{border-color:rgba(255, 255, 255, 0.1);color:#94a3b8}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{border-color:rgba(255, 255, 255, 0.1)}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:#64748b}.pagination-input-label strong{color:#f1f5f9}.pagination-btn:hover:not(.disabled){background:rgba(255, 255, 255, 0.05) !important}}.pagination-page-input.has-error{border-color:var(--color-danger, #ef4444) !important;background-color:var(--color-danger-light, rgba(239, 68, 68, 0.05)) !important}.pagination-error-message{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-danger, #ef4444);color:white;padding:4px 10px;border-radius:4px;font-size:11px;margin-top:8px;white-space:nowrap;z-index:10;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.pagination-error-message::before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--color-danger, #ef4444)}.ui-pagination.pagination-sm .pagination-error-message{font-size:10px;padding:2px 8px}.pagination-indicator-container{display:flex;align-items:center;gap:16px}.pagination-indicators{display:flex;align-items:center;gap:8px}.pagination-indicator{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.pagination-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--inactive-color, #cbd5e1);transition:all 0.3s ease}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, #94a3b8);transform:scale(1.2)}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, var(--color-primary, #10b981));transform:scale(1.5)}.pagination-indicator-label{position:absolute;top:-30px;background-color:var(--primary-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;animation:indicatorSlideIn 0.2s ease}.pagination-indicator-label::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--primary-color, var(--color-primary, #10b981))}@keyframes indicatorSlideIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pagination-nav-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-nav-btn svg{width:16px;height:16px}.ui-pagination.pagination-sm .pagination-indicator-dot{width:6px;height:6px}.ui-pagination.pagination-sm .pagination-nav-btn{width:28px;height:28px}.ui-pagination.pagination-sm .pagination-indicator-label{font-size:10px;padding:2px 8px;top:-26px}.ui-pagination.pagination-lg .pagination-indicator-dot{width:10px;height:10px}.ui-pagination.pagination-lg .pagination-nav-btn{width:40px;height:40px}.ui-pagination.pagination-lg .pagination-nav-btn svg{width:20px;height:20px}.ui-pagination.pagination-lg .pagination-indicator-label{font-size:14px;padding:6px 12px;top:-36px}@media (prefers-color-scheme: dark){.pagination-indicator-dot{background-color:var(--inactive-color, #475569)}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, var(--text-muted, #64748b))}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label::after{border-top-color:var(--primary-color, #60a5fa)}.pagination-nav-btn{background-color:var(--bg-color, var(--bg-primary, var(--text-primary, #1f2937)));border-color:var(--border-color, var(--border-default, #374151));color:var(--text-color, #d1d5db)}.pagination-nav-btn:hover:not(:disabled){background-color:var(--hover-bg, var(--text-secondary, #374151));border-color:var(--primary-color, #60a5fa);color:var(--primary-color, #60a5fa)}}.sr-only{position:absolute;width:0px;height:0px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none}.ui-pagination.pagination-shape-rounded .pagination-btn{border-radius:12px !important}.ui-pagination.pagination-shape-pill .pagination-btn{border-radius:24px !important;padding-left:16px !important;padding-right:16px !important}.ui-pagination.pagination-shape-circle .pagination-btn{border-radius:50% !important;width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.pagination-rtl{direction:rtl}.pagination-rtl .pagination-pages{flex-direction:row-reverse}@media (max-width: 768px){.pagination-mobile .pagination-btn{min-width:36px;height:36px;padding:8px;font-size:14px}.pagination-mobile .pagination-pages{gap:4px}.pagination-mobile .pagination-total,.pagination-mobile .pagination-summary{font-size:12px}}.ui-pagination:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981);border-radius:8px}.ui-pagination:focus:not(:focus-visible){outline:none}.pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}@media (prefers-reduced-motion: reduce){.pagination-btn,.pagination-indicator{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pagination-transitioning .pagination-btn.active{animation:pageTransition 0.3s ease}@keyframes pageTransition{0%{transform:scale(0.95);opacity:0.7}100%{transform:scale(1);opacity:1}}.pagination-sticky{position:sticky;z-index:100;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);padding:12px 16px;border-radius:8px}.pagination-sticky-top{top:0}.pagination-sticky-bottom{bottom:0}.pagination-progress-bar{width:100%;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:2px;overflow:hidden;margin-bottom:12px}.pagination-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #8b5cf6));transition:width 0.3s ease}.pagination-theme-primary .pagination-progress-fill{background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #60a5fa))}.pagination-theme-success .pagination-progress-fill{background:linear-gradient(90deg, var(--color-success, #10b981), var(--color-success, #34d399))}.pagination-theme-danger .pagination-progress-fill{background:linear-gradient(90deg, var(--color-danger, #ef4444), var(--color-danger, #f87171))}.pagination-theme-warning .pagination-progress-fill{background:linear-gradient(90deg, var(--color-warning, #f59e0b), var(--color-danger, #fbbf24))}.pagination-theme-info .pagination-progress-fill{background:linear-gradient(90deg, var(--color-info, #06b6d4), var(--color-primary, #22d3ee))}@media (max-width: 768px){.ui-pagination{touch-action:pan-y;user-select:none}}@media (prefers-reduced-motion: reduce){.pagination-transitioning .pagination-btn.active{animation:none}.pagination-progress-fill{transition:none}}.pagination-quick-jump{background:var(--bg-secondary, #f3f4f6) !important;border:1px solid var(--border-strong, #d1d5db) !important;color:var(--text-muted, #6b7280) !important;font-weight:600;font-size:0.875em;min-width:44px !important}.pagination-quick-jump:hover:not(:disabled){background:var(--bg-primary, #e5e7eb) !important;border-color:var(--color-primary, #9ca3af) !important;color:var(--text-secondary, #374151) !important}.pagination-quick-jump:active:not(:disabled){transform:scale(0.95)}.pagination-theme-primary .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) !important;border-color:var(--color-primary, #10b981) !important;color:var(--color-primary, #10b981) !important}.pagination-theme-success .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1) !important;border-color:var(--color-success, #10b981) !important;color:var(--color-success, #10b981) !important}.pagination-theme-danger .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1) !important;border-color:var(--color-danger, #ef4444) !important;color:var(--color-danger, #ef4444) !important}'}},[513,"ui-pagination",{hideNavButtons:[4,"hide-nav-buttons"],currentPage:[1026,"current-page"],totalItems:[2,"total-items"],itemsPerPage:[1026,"items-per-page"],maxVisiblePages:[2,"max-visible-pages"],type:[1],size:[1],variant:[1],theme:[1],showFirstLast:[4,"show-first-last"],showPrevNext:[4,"show-prev-next"],showPageSize:[4,"show-page-size"],showTotal:[4,"show-total"],showJumpTo:[4,"show-jump-to"],prevText:[1,"prev-text"],nextText:[1,"next-text"],firstText:[1,"first-text"],lastText:[1,"last-text"],pageSizes:[16],disabled:[4],iconOnly:[4,"icon-only"],infinite:[4],loading:[4],compact:[4],keyboardNav:[4,"keyboard-nav"],shape:[1],pill:[4],circle:[4],prevIcon:[1,"prev-icon"],nextIcon:[1,"next-icon"],firstIcon:[1,"first-icon"],lastIcon:[1,"last-icon"],mobileBreakpoint:[2,"mobile-breakpoint"],responsiveMode:[4,"responsive-mode"],rtl:[4],ellipsisTooltip:[4,"ellipsis-tooltip"],pageTransition:[4,"page-transition"],urlSync:[4,"url-sync"],urlParam:[1,"url-param"],autoHide:[4,"auto-hide"],quickJump:[4,"quick-jump"],quickJumpStep:[2,"quick-jump-step"],sticky:[4],stickyPosition:[1,"sticky-position"],smartCompact:[4,"smart-compact"],smartCompactThreshold:[2,"smart-compact-threshold"],swipeGestures:[4,"swipe-gestures"],showProgress:[4,"show-progress"],showSelectedMarker:[4,"show-selected-marker"],segmented:[4],hideNumbers:[4,"hide-numbers"],showLabel:[4,"show-label"],labelTemplate:[1,"label-template"],arrowsJoined:[4,"arrows-joined"],vertical:[4],persistPage:[4,"persist-page"],storageKey:[1,"storage-key"],jumpToPage:[32],inputError:[32],pageInputValue:[32],showEllipsisTooltip:[32],ellipsisPages:[32],isTransitioning:[32],isMobile:[32],openDropdown:[32]},void 0,{totalItems:[{handleTotalChange:0}],itemsPerPage:[{handleTotalChange:0}],currentPage:[{handleCurrentPageChange:0}],openDropdown:[{handleOpenDropdownChange:0}]}]);function g(){"undefined"!=typeof customElements&&["ui-pagination","ui-badge","ui-button","ui-icon","ui-input"].forEach((i=>{switch(i){case"ui-pagination":customElements.get(o(i))||customElements.define(o(i),d);break;case"ui-badge":customElements.get(o(i))||r();break;case"ui-button":customElements.get(o(i))||e();break;case"ui-icon":customElements.get(o(i))||p();break;case"ui-input":customElements.get(o(i))||s()}}))}export{d as P,g as d}
+import{proxyCustomElement as i,HTMLElement as a,createEvent as t,h as n,transformTag as o}from"@stencil/core/internal/client";import{d as e}from"./badge.js";import{d as r}from"./button.js";import{d as p}from"./icon.js";import{d as s}from"./input.js";import{d}from"./loader.js";const g=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pageChange=t(this,"pageChange",7),this.itemsPerPageChange=t(this,"itemsPerPageChange",7),this.validationError=t(this,"validationError",7)}get el(){return this}hideNavButtons=!1;currentPage=1;totalItems=0;itemsPerPage=10;maxVisiblePages=5;type="basic";size="md";variant="default";theme="primary";showFirstLast=!0;showPrevNext=!0;showPageSize=!1;showTotal=!1;showJumpTo=!1;prevText="Previous";nextText="Next";firstText="First";lastText="Last";pageSizes=[10,25,50,100];disabled=!1;iconOnly=!1;infinite=!1;loading=!1;compact=!1;keyboardNav=!0;shape="default";pill=!1;circle=!1;prevIcon="";nextIcon="";firstIcon="";lastIcon="";mobileBreakpoint=768;responsiveMode=!0;rtl=!1;ellipsisTooltip=!0;pageTransition=!0;urlSync=!1;urlParam="page";autoHide=!0;getEffectiveShape(){return"default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default"}quickJump=!1;quickJumpStep=5;sticky=!1;stickyPosition="bottom";smartCompact=!1;smartCompactThreshold=20;swipeGestures=!0;showProgress=!1;showSelectedMarker=!0;segmented=!1;hideNumbers=!1;showLabel=!1;labelTemplate="{current} OF {total}";arrowsJoined=!1;vertical=!1;persistPage=!1;storageKey="pagination-page";pageChange;itemsPerPageChange;validationError;jumpToPage=null;inputError="";pageInputValue="1";showEllipsisTooltip=!1;ellipsisPages=[];isTransitioning=!1;isMobile=!1;openDropdown=null;handleTotalChange(){this.currentPage>this.totalPages&&this.totalPages>0&&(this.currentPage=this.totalPages)}handleCurrentPageChange(i){this.syncPageInputState(i)}handleOpenDropdownChange(i){this.el.classList.toggle("has-open-dropdown",null!==i)}paginationRef;touchStartX=0;touchEndX=0;handleOutsideClick=i=>{this.openDropdown&&(i.composedPath().includes(this.el)||(this.openDropdown=null))};componentWillLoad(){if(this.responsiveMode&&"undefined"!=typeof window&&this.checkMobileView(),this.urlSync&&"undefined"!=typeof window){const i=this.getPageFromURL();i&&i!==this.currentPage&&(this.currentPage=i)}if(this.persistPage&&"undefined"!=typeof window){const i=this.getPageFromStorage();i&&i!==this.currentPage&&(this.currentPage=i)}this.syncPageInputState(this.currentPage)}componentDidLoad(){"undefined"!=typeof window&&(document.addEventListener("pointerdown",this.handleOutsideClick,!0),window.addEventListener("click",this.handleOutsideClick)),this.responsiveMode&&"undefined"!=typeof window&&window.addEventListener("resize",this.checkMobileView),this.swipeGestures&&this.paginationRef&&(this.paginationRef.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.paginationRef.addEventListener("touchend",this.handleTouchEnd,{passive:!0}))}disconnectedCallback(){"undefined"!=typeof window&&(window.removeEventListener("resize",this.checkMobileView),window.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("pointerdown",this.handleOutsideClick,!0)),this.swipeGestures&&this.paginationRef&&(this.paginationRef.removeEventListener("touchstart",this.handleTouchStart),this.paginationRef.removeEventListener("touchend",this.handleTouchEnd))}checkMobileView=()=>{"undefined"!=typeof window&&(this.isMobile=window.innerWidth<this.mobileBreakpoint)};handleKeyDown=i=>{if(this.keyboardNav&&!this.disabled)switch(i.key){case"ArrowLeft":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage+1:this.currentPage-1);break;case"ArrowRight":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage-1:this.currentPage+1);break;case"Home":i.preventDefault(),this.handlePageChange(1);break;case"End":i.preventDefault(),this.handlePageChange(this.totalPages)}};getPageFromURL(){if("undefined"==typeof window)return null;const i=new URLSearchParams(window.location.search).get(this.urlParam);return i?parseInt(i,10):null}updateURL(i){if("undefined"==typeof window)return;const a=new URL(window.location.href);a.searchParams.set(this.urlParam,i.toString()),window.history.pushState({},"",a.toString())}getPageFromStorage(){if("undefined"==typeof window)return null;const i=localStorage.getItem(this.storageKey);return i?parseInt(i,10):null}savePageToStorage(i){"undefined"!=typeof window&&localStorage.setItem(this.storageKey,i.toString())}handleTouchStart=i=>{this.touchStartX=i.changedTouches[0].screenX};handleTouchEnd=i=>{this.touchEndX=i.changedTouches[0].screenX,this.handleSwipe()};handleSwipe(){const i=this.touchStartX-this.touchEndX;Math.abs(i)>50&&this.handlePageChange(i>0?this.rtl?this.currentPage-1:this.currentPage+1:this.rtl?this.currentPage+1:this.currentPage-1)}handleQuickJump(i){const a=this.quickJumpStep,t="forward"===i?Math.min(this.currentPage+a,this.totalPages):Math.max(this.currentPage-a,1);this.handlePageChange(t)}get progressPercentage(){return this.currentPage/this.totalPages*100}get totalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}get visiblePages(){const i=this.totalPages,a=this.currentPage,t=this.maxVisiblePages;if(i<=t)return Array.from({length:i},((i,a)=>a+1));const n=Math.floor(t/2);let o=Math.max(1,a-n),e=Math.min(i,o+t-1);return e-o+1<t&&(o=Math.max(1,e-t+1)),Array.from({length:e-o+1},((i,a)=>o+a))}handlePageChange(i){this.openDropdown=null,this.jumpToPage=null,i<1||i>this.totalPages||i===this.currentPage||this.disabled||(this.pageTransition&&(this.isTransitioning=!0,setTimeout((()=>this.isTransitioning=!1),300)),this.currentPage=i,this.syncPageInputState(i),this.urlSync&&this.updateURL(i),this.persistPage&&this.savePageToStorage(i),this.pageChange.emit({page:i,itemsPerPage:this.itemsPerPage}))}handleItemsPerPageChange(i){this.openDropdown=null,this.itemsPerPage=i,this.currentPage=1,this.syncPageInputState(1),this.itemsPerPageChange.emit(i),this.pageChange.emit({page:1,itemsPerPage:i})}handleJumpToPage(){this.openDropdown=null;const i=this.pageInputValue.trim();if(!i)return this.jumpToPage=null,this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");const a=Number(i);if(isNaN(a))return this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");if(a<1)return this.inputError="Page number must be at least 1",void this.validationError.emit(this.inputError);if(a>this.totalPages)return this.inputError=`Page number cannot exceed ${this.totalPages}`,void this.validationError.emit(this.inputError);this.inputError="",this.jumpToPage=a;const t=Math.max(1,Math.min(this.totalPages,a));this.handlePageChange(t)}syncPageInputState(i){const a=Number.isFinite(i)&&i>0?i:1;this.jumpToPage=a,this.pageInputValue=a.toString()}getPageInputWidth(){const i=Math.max(1,this.totalPages.toString().length),a=Math.max(0,this.pageInputValue.trim().length),t=Math.max(2,i,a),n="sm"===this.size?"1.75rem":"lg"===this.size?"2.5rem":"2rem";return`calc(${Math.min(t,"sm"===this.size?4:"lg"===this.size?8:6)}ch + ${n})`}handleInputChange(i){const a="string"==typeof i.detail?i.detail:`${i.detail??""}`;if(this.pageInputValue=a,""===a)return this.jumpToPage=null,void(this.inputError="");const t=Number(a);if(isNaN(t))return this.inputError="Please enter a valid number",void this.validationError.emit(this.inputError);this.jumpToPage=t,t>=1&&t<=this.totalPages&&(this.inputError="")}renderPageSizeSelector(){if(!this.showPageSize)return null;const i=["glass","modern","premium"].includes(this.variant),a="pageSize"===this.openDropdown;return n("div",{class:{"pagination-size-selector":!0,"pagination-size-premium":i,"pagination-size-selector-open":a},onClick:i=>i.stopPropagation()},n("span",{class:"pagination-size-label"},"Show:"),n("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":a}},n("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-open":a},onClick:()=>{this.openDropdown=a?null:"pageSize"},disabled:this.disabled,type:"button"},n("span",null,this.itemsPerPage),n("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":a},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"m6 9 6 6 6-6"}))),a&&n("div",{class:"pg-dropdown-panel"},this.pageSizes.map((i=>n("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i===this.itemsPerPage},onClick:()=>{this.handleItemsPerPageChange(i),this.openDropdown=null}},n("span",null,i),i===this.itemsPerPage&&n("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"M20 6 9 17l-5-5"}))))))))}getPageLabel(){return this.labelTemplate.replace("{current}",this.currentPage.toString()).replace("{total}",this.totalPages.toString())}getNavIcon(i){if(this.vertical){if("first"===i)return this.firstIcon||"chevrons-up";if("prev"===i)return this.prevIcon||"chevron-up";if("next"===i)return this.nextIcon||"chevron-down";if("last"===i)return this.lastIcon||"chevrons-down"}return"first"===i?this.firstIcon||"chevrons-left":"prev"===i?this.prevIcon||"chevron-left":"next"===i?this.nextIcon||"chevron-right":"last"===i?this.lastIcon||"chevrons-right":""}renderBasicPagination(){const{currentPage:i,totalPages:a,visiblePages:t,showFirstLast:o,showPrevNext:e}=this,r=i>1,p=i<a;return n("div",{class:"pagination-basic"},o&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(1),disabled:!r||this.disabled,ariaLabel:"First page",icon:this.iconOnly?"chevrons-left":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.firstText,shape:this.getEffectiveShape()}),e&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i-1),disabled:!r||this.disabled,ariaLabel:"Previous page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("prev"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.prevText,shape:this.getEffectiveShape()}),this.showLabel&&n("div",{class:{"pagination-label":!0,"pagination-joined":this.segmented}},this.getPageLabel()),!this.hideNumbers&&n("div",{class:{"pagination-pages":!0,"pagination-joined":this.segmented}},t.map((i=>n("ui-button",{key:i,variant:this.getButtonVariant(i),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i),disabled:this.disabled,label:`${i}`,shape:this.getEffectiveShape()})))),e&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i+1),disabled:!p||this.disabled,ariaLabel:"Next page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("next"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.nextText,shape:this.getEffectiveShape()}),o&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(a),disabled:!p||this.disabled,ariaLabel:"Last page",icon:this.iconOnly?"chevrons-right":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.lastText,shape:this.getEffectiveShape()}),this.quickJump&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("backward"),disabled:!r||this.disabled,ariaLabel:`Jump back ${this.quickJumpStep} pages`,icon:"chevrons-left",iconLibrary:"lucide",shape:this.getEffectiveShape()}),this.quickJump&&n("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("forward"),disabled:!p||this.disabled,ariaLabel:`Jump forward ${this.quickJumpStep} pages`,icon:"chevrons-right",iconLibrary:"lucide",shape:this.getEffectiveShape()}))}renderCompactPagination(){const{currentPage:i,totalPages:a}=this,t=i<a;return n("div",{class:"pagination-compact"},n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),n("span",{class:"pagination-info"},i," of ",a),n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!t||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderDetailedPagination(){const i=(this.currentPage-1)*this.itemsPerPage+1,a=Math.min(this.currentPage*this.itemsPerPage,this.totalItems);return n("div",{class:"pagination-detailed"},this.renderBasicPagination(),n("div",{class:"pagination-details"},this.showTotal&&n("span",{class:"pagination-total"},"Showing ",i,"-",a," of ",this.totalItems," items"),this.renderPageSizeSelector(),this.showJumpTo&&n("div",{class:"pagination-jump"},n("label",null,"Go to page:"),n("ui-input",{type:"number",min:1,max:this.totalPages,value:this.jumpToPage,class:this.inputError?"has-error":"",onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),n("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()}))))}renderMinimalPagination(){const{currentPage:i,totalPages:a}=this,t=i<a;return n("div",{class:"pagination-minimal"},n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),n("div",{class:"pagination-input-group"},n("ui-input",{type:"number",min:1,max:a,value:this.jumpToPage||this.currentPage,onInputChange:i=>this.handleInputChange(i),onInputBlur:()=>this.handleJumpToPage(),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,class:"pagination-page-input "+(this.inputError?"has-error":""),size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),n("span",{class:"pagination-separator"},"of"),n("span",{class:"pagination-total-pages"},a)),n("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!t||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderAdvancedPagination(){return n("div",{class:"pagination-advanced"},n("div",{class:"pagination-controls"},this.renderPageSizeSelector(),this.showTotal&&n("div",{class:"pagination-summary"},"Showing ",(this.currentPage-1)*this.itemsPerPage+1," to ",Math.min(this.currentPage*this.itemsPerPage,this.totalItems)," of ",this.totalItems," entries")),this.renderBasicPagination(),this.showJumpTo&&n("div",{class:"pagination-jump-section"},n("label",null,"Jump to page:"),n("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",value:this.currentPage.toString(),size:this.size,onInputChange:i=>this.handleInputChange(i),class:{"pagination-page-input":!0,"has-error":""!==this.inputError},style:{width:this.getPageInputWidth()},error:""!==this.inputError,showError:!1,disabled:this.disabled}),n("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()})))}renderInfinitePagination(){return n("div",{class:"pagination-infinite"},n("div",{class:"pagination-loading"},this.loading?n("ui-loader",{size:"xs",color:"currentColor"}):n("ui-button",{variant:"primary",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage>=this.totalPages||this.disabled,label:"Load More",shape:this.getEffectiveShape()})),this.showTotal&&n("div",{class:"pagination-infinite-info"},"Showing ",this.currentPage*this.itemsPerPage," of ",this.totalItems," items"))}renderDropdownPagination(){const i=[];for(let a=1;a<=this.totalPages;a++)i.push({label:`Page ${a} of ${this.totalPages}`,value:a.toString()});return n("div",{class:"pagination-dropdown-container"},this.showTotal&&n("div",{class:"pagination-total"},this.totalItems," Items"),this.renderPageSizeSelector(),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),n("div",{class:{"pagination-dropdown-wrapper":!0,"pagination-dropdown-wrapper-open":"page"===this.openDropdown},onClick:i=>i.stopPropagation()},n("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":"page"===this.openDropdown}},n("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-trigger-wide":!0,"pg-dropdown-open":"page"===this.openDropdown},onClick:()=>{this.openDropdown="page"===this.openDropdown?null:"page"},disabled:this.disabled,type:"button"},n("span",null,"Page ",this.currentPage," of ",this.totalPages),n("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":"page"===this.openDropdown},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"m6 9 6 6 6-6"}))),"page"===this.openDropdown&&n("div",{class:"pg-dropdown-panel pg-dropdown-panel-scroll"},i.map((i=>n("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i.value===this.currentPage.toString()},onClick:()=>{this.handlePageChange(parseInt(i.value)),this.openDropdown=null}},n("span",null,i.label),i.value===this.currentPage.toString()&&n("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},n("path",{d:"M20 6 9 17l-5-5"})))))))),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}))}renderInputPagination(){return n("div",{class:"pagination-input-container"},this.showTotal&&n("div",{class:"pagination-total"},this.totalItems," Total"),this.renderPageSizeSelector(),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("first"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(1),disabled:1===this.currentPage||this.disabled,ariaLabel:"First page",shape:"circle"}),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("prev"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),n("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",class:"pagination-page-input "+(this.inputError?"has-error":""),value:this.pageInputValue,onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),onFocusInternal:()=>{this.inputError=""},disabled:this.disabled,size:this.size,variant:"plain",showTypeIcon:!1,showError:!1,style:{width:this.getPageInputWidth()}}),n("span",{class:"pagination-input-label"},"of ",n("strong",null,this.totalPages)),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("next"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}),!this.hideNavButtons&&n("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("last"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.totalPages),disabled:this.currentPage===this.totalPages||this.disabled,shape:"circle"}))}renderIndicatorPagination(){const i=Array.from({length:this.totalPages},((i,a)=>a+1));return n("div",{class:"pagination-indicator-container"},this.showPrevNext&&n("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),n("div",{class:"pagination-indicators"},i.map((i=>n("div",{class:{"pagination-indicator":!0,"pagination-indicator-active":i===this.currentPage},onClick:()=>!this.disabled&&this.handlePageChange(i),role:"button",tabindex:this.disabled?-1:0,"aria-label":`Go to page ${i}`,"aria-current":i===this.currentPage?"page":void 0},n("div",{class:"pagination-indicator-dot"}),i===this.currentPage&&n("div",{class:"pagination-indicator-label"},i))))),this.showPrevNext&&n("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}),this.showTotal&&n("div",{class:"pagination-total"},this.currentPage," / ",this.totalPages))}getButtonVariant(i){return i===this.currentPage?"soft"===this.variant?"soft":"glass"===this.variant?"glass":"modern"===this.variant||"premium"===this.variant?"primary":this.theme:"outlined"===this.variant?"outline":"floating"===this.variant?"raised":"glass"===this.variant?"glass":"soft"===this.variant?"soft":"modern"===this.variant?"ghost":"minimalist"===this.variant?"plain":"ghost"}render(){if(this.autoHide&&this.totalPages<=1&&!this.infinite)return null;const i=this.smartCompact&&this.totalPages>this.smartCompactThreshold||this.responsiveMode&&this.isMobile?"compact":this.type,a="default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default",t={"ui-pagination":!0,[`pagination-${i}`]:!0,[`pagination-${this.size}`]:!0,[`pagination-${this.variant}`]:!0,[`pagination-theme-${this.theme}`]:"default"!==this.theme,[`pagination-shape-${a}`]:"default"!==a,"pagination-disabled":this.disabled,"pagination-segmented":this.segmented,"pagination-arrows-joined":this.arrowsJoined,"pagination-vertical":this.vertical,"pagination-rtl":this.rtl,"pagination-mobile":this.isMobile,"pagination-sticky":this.sticky,[`pagination-sticky-${this.stickyPosition}`]:this.sticky,"pagination-transitioning":this.isTransitioning,"pagination-has-container":["floating","glass","modern","premium"].includes(this.variant),"pagination-dropdown-open":null!==this.openDropdown};return n("div",{class:t,onKeyDown:this.handleKeyDown,tabindex:this.keyboardNav&&!this.disabled?0:-1,role:"navigation","aria-label":"Pagination Navigation",ref:i=>this.paginationRef=i},n("div",{role:"status","aria-live":"polite","aria-atomic":"true",class:"sr-only"},"Page ",this.currentPage," of ",this.totalPages),this.showProgress&&n("div",{class:"pagination-progress-bar"},n("div",{class:"pagination-progress-fill",style:{width:`${this.progressPercentage}%`}})),n("div",{class:"pagination-main-content"},this.infinite?this.renderInfinitePagination():"basic"===i?this.renderBasicPagination():"compact"===i?this.renderCompactPagination():"detailed"===i?this.renderDetailedPagination():"minimal"===i?this.renderMinimalPagination():"advanced"===i?this.renderAdvancedPagination():"dropdown"===i?this.renderDropdownPagination():"input"===i?this.renderInputPagination():"indicator"===i?this.renderIndicatorPagination():this.renderBasicPagination()),this.showTotal&&"detailed"!==i&&"advanced"!==i&&"dropdown"!==i&&n("div",{class:"pagination-total"},"Total ",this.totalItems," items"))}static get watchers(){return{totalItems:[{handleTotalChange:0}],itemsPerPage:[{handleTotalChange:0}],currentPage:[{handleCurrentPageChange:0}],openDropdown:[{handleOpenDropdownChange:0}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:relative;z-index:0}:host(.has-open-dropdown){z-index:100}.ui-pagination{display:flex;align-items:center;gap:8px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.ui-pagination.pagination-sm{font-size:12px}.ui-pagination.pagination-md{font-size:14px}.ui-pagination.pagination-lg{font-size:16px}.ui-pagination.pagination-default .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-outlined .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-filled .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-floating{background:var(--bg-primary, #ffffff);padding:8px 16px;border-radius:50px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, #e5e7eb);width:fit-content}.ui-pagination.pagination-glass{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(12px);padding:10px 20px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);width:fit-content}.ui-pagination.pagination-soft{gap:12px}.ui-pagination.pagination-modern{background:var(--bg-primary, #ffffff);padding:12px 24px;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);border:1px solid var(--border-default, #f3f4f6);gap:16px;width:fit-content}.ui-pagination.pagination-modern .pagination-btn.active{box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.ui-pagination.pagination-minimalist{gap:20px;padding:4px}.ui-pagination.pagination-minimalist .pagination-btn{position:relative}.ui-pagination.pagination-minimalist .pagination-btn:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary, #10b981);transition:width 0.3s ease}.ui-pagination.pagination-minimalist .pagination-btn.active:after{width:80%}.ui-pagination.pagination-premium{background:var(--bg-primary, #ffffff);padding:12px 28px;border-radius:40px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 10px 15px -5px rgba(0, 0, 0, 0.04);border:none;gap:12px;width:fit-content}.ui-pagination.pagination-premium .pagination-btn.active{background:linear-gradient(135deg, var(--color-primary, #6366f1), var(--color-primary-hover, #4f46e5)) !important;color:white !important;box-shadow:0 10px 20px -5px rgba(var(--color-primary-rgb, 99, 102, 241), 0.5);transform:scale(1.1);transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #f8fafc);transform:translateY(-2px)}.ui-pagination.pagination-underline{gap:12px}.ui-pagination.pagination-underline .pagination-btn.active{position:relative;color:var(--color-primary, #10b981) !important;background:transparent !important}.ui-pagination.pagination-underline .pagination-btn.active::after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;background:var(--color-primary, #10b981);border-radius:2px;box-shadow:0 2px 4px rgba(var(--color-primary-rgb, 16, 185, 129), 0.3)}.pagination-main-content{display:flex;align-items:center;justify-content:center;flex:1}.ui-pagination.pagination-has-container{justify-content:center;margin-left:auto;margin-right:auto}.ui-pagination.pagination-segmented{gap:0;width:fit-content;border-radius:8px;overflow:hidden;border:1px solid var(--border-default, #e5e7eb);background:var(--bg-primary, #ffffff)}.ui-pagination.pagination-segmented.pagination-shape-pill{border-radius:30px}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-top-left-radius:30px !important;border-bottom-left-radius:30px !important}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-radius:0 !important;border:none !important;margin:0 !important;display:flex;align-items:center}.ui-pagination.pagination-segmented .pagination-pages{gap:0;border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-segmented .pagination-label{padding:0 16px;font-weight:600;font-size:13px;color:var(--text-secondary, #374151);border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important;background:var(--bg-primary, #ffffff);height:100%;min-height:36px}.ui-pagination.pagination-segmented .pagination-btn:not(:last-child){border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-arrows-joined .pagination-prev{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:none !important}.ui-pagination.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.pagination-joined{display:flex;gap:0}.ui-pagination.pagination-vertical{flex-direction:column;width:fit-content;height:auto;gap:12px}.ui-pagination.pagination-vertical .pagination-pages,.ui-pagination.pagination-vertical .pagination-indicators,.ui-pagination.pagination-vertical .pagination-input-container,.ui-pagination.pagination-vertical .pagination-dropdown-container,.ui-pagination.pagination-vertical .pagination-joined{flex-direction:column}.ui-pagination.pagination-vertical.pagination-segmented{border-radius:8px}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages{width:100%;border-right:none !important;border-bottom:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages:last-child{border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill{border-radius:20px}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-radius:20px 20px 0 0 !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-radius:0 0 20px 20px !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-prev{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.ui-pagination.pagination-vertical.pagination-underline .pagination-btn.active::after{bottom:20%;top:20%;left:2px;right:auto;width:2px;height:auto}.pagination-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-btn svg{display:inline-flex;vertical-align:middle;width:16px;height:16px}.ui-pagination.pagination-sm .pagination-btn svg{width:14px;height:14px}.ui-pagination.pagination-lg .pagination-btn svg{width:18px;height:18px}.pagination-basic{display:flex;align-items:center;gap:4px}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-compact{display:flex;align-items:center;gap:12px}.pagination-info{font-weight:500;color:var(--text-secondary, #374151);white-space:nowrap}.pagination-detailed{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.pagination-total{color:var(--text-muted, #6b7280);font-size:0.875em;margin-left:auto}.pagination-size-selector{display:flex;align-items:center;gap:8px;font-size:0.875em;position:relative;z-index:1}.pagination-size-selector .pagination-size-label{color:var(--text-secondary, #374151);font-weight:500}.pagination-size-selector .pagination-size-suffix{color:var(--text-muted, #64748b)}.pg-dropdown{position:relative;display:inline-flex}.pg-dropdown-open-host{z-index:30}.pg-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--bg-primary, #ffffff);border:1.5px solid var(--border-default, #e2e8f0);border-radius:20px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-primary, #1e293b);cursor:pointer;outline:none;transition:all 0.2s ease;white-space:nowrap}.pg-dropdown-trigger:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger.pg-dropdown-open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger:disabled{opacity:0.5;cursor:not-allowed}.pg-dropdown-trigger-wide{min-width:110px;justify-content:space-between}.pg-dropdown-arrow{flex-shrink:0;transition:transform 0.2s ease;opacity:0.6}.pg-arrow-up{transform:rotate(180deg)}.pg-dropdown-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:100%;width:max-content;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:18px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.1);z-index:100;padding:6px;overflow:hidden;animation:pgDropdownIn 0.15s ease-out}.pg-dropdown-panel-scroll{max-height:220px;overflow-y:auto;scrollbar-width:thin}.pg-dropdown-panel-scroll::-webkit-scrollbar{width:4px}.pg-dropdown-panel-scroll::-webkit-scrollbar-track{background:transparent}.pg-dropdown-panel-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@keyframes pgDropdownIn{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pg-dropdown-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);transition:background 0.15s ease;white-space:nowrap}.pg-dropdown-item:hover{background:var(--bg-secondary, #f1f5f9)}.pg-dropdown-item-selected{background:#ecfdf5 !important;color:#059669 !important;font-weight:700}.pg-dropdown-item-selected:hover{background:#d1fae5 !important}.pg-dropdown-check{flex-shrink:0;color:#059669}.pagination-size-premium{gap:12px}.pagination-jump{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump label{color:var(--text-secondary, #374151)}.pagination-jump input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center;transition:all 0.2s ease}.pagination-jump input:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-jump-btn{margin-left:4px}.pagination-minimal{display:flex;align-items:center;gap:8px}.pagination-input-group{display:flex;align-items:center;gap:8px}.pagination-page-input{min-width:0 !important;text-align:center;font-size:inherit}.pagination-separator{color:var(--text-muted, #6b7280);font-weight:500}.pagination-total-pages{font-weight:500;color:var(--text-secondary, #374151)}.pagination-advanced{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;width:100%}.pagination-summary{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-jump-section{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump-section label{color:var(--text-secondary, #374151)}.pagination-jump-section input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center}.pagination-infinite{display:flex;flex-direction:column;align-items:center;gap:12px}.pagination-loading{display:flex;align-items:center;justify-content:center}.pagination-infinite-info{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-spinner{width:24px;height:24px;border:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 640px){.ui-pagination{flex-wrap:wrap;justify-content:center}.pagination-detailed .pagination-details,.pagination-advanced .pagination-controls{flex-direction:column;gap:12px}.pagination-basic{flex-wrap:wrap}.pagination-pages{order:2;width:100%;justify-content:center}.pagination-first,.pagination-prev{order:1}.pagination-next,.pagination-last{order:3}}@media (prefers-color-scheme: dark){.ui-pagination.pagination-default .pagination-btn{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-default .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #374151);border-color:var(--border-strong, #4b5563)}.ui-pagination.pagination-outlined .pagination-btn{border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-outlined .pagination-btn:hover:not(.disabled):not(.active){border-color:var(--border-strong, #4b5563);background-color:var(--text-secondary, #374151)}.ui-pagination.pagination-filled .pagination-btn{background-color:var(--text-secondary, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-filled .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #4b5563)}.pagination-info,.pagination-total,.pagination-size-selector label,.pagination-jump label,.pagination-separator,.pagination-total-pages,.pagination-summary,.pagination-jump-section label,.pagination-infinite-info{color:var(--bg-secondary, #d1d5db)}.pagination-size-selector select,.pagination-jump input,.pagination-page-input,.pagination-jump-section input{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb);border-radius:8px}.ui-pagination.pagination-floating{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #374151);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3)}.ui-pagination.pagination-glass{background-color:rgba(15, 23, 42, 0.4);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-modern{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-premium{background-color:var(--bg-primary, #111827);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.7)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #1e293b)}.ui-pagination.pagination-segmented{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937)}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-color:var(--border-default, #1f2937) !important}.ui-pagination.pagination-segmented .pagination-label{background-color:var(--bg-primary, #111827);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-underline .pagination-btn.active::after{background:var(--color-primary, #60a5fa);box-shadow:0 2px 8px rgba(96, 165, 250, 0.5)}}.pagination-dropdown-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, #ffffff);padding:6px;border-radius:40px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, rgba(226, 232, 240, 0.8));gap:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-dropdown-container:hover{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color:var(--color-primary-light, rgba(59, 130, 246, 0.2));transform:translateY(-1px)}.pagination-dropdown-wrapper{position:relative;display:flex;align-items:center;min-width:130px;justify-content:center;z-index:2}.pagination-dropdown-wrapper ui-dropdown{width:100%;--dd-shadow:none;}.pagination-dropdown-wrapper-open{z-index:30}.pagination-total{padding:0 12px;color:var(--text-muted, #64748b);font-size:13px;font-weight:600;border-right:1px solid var(--border-default, #e2e8f0);height:24px;display:flex;align-items:center;letter-spacing:-0.01em}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{padding:0 12px;border-right:1px solid var(--border-default, #e2e8f0);height:24px;font-size:12px;gap:6px}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:var(--text-muted, #94a3b8);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:0.05em}.pagination-dropdown-container .pagination-size-selector .pagination-size-suffix,.pagination-input-container .pagination-size-selector .pagination-size-suffix{display:none}.pagination-dropdown-container .pagination-size-selector ui-dropdown,.pagination-input-container .pagination-size-selector ui-dropdown{width:auto;min-width:50px;--dropdown-trigger-padding:0 8px;--dropdown-trigger-height:28px;--dropdown-trigger-bg:transparent;--dropdown-trigger-border:none;--dropdown-value-font-size:13px;--dropdown-value-font-weight:600}.pagination-input-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, rgba(255, 255, 255, 0.95));backdrop-filter:blur(8px);padding:2px 6px;border-radius:40px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border:1.5px solid var(--border-default, #e2e8f0);gap:6px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-page-input{flex:none !important;width:auto;min-width:44px}.pagination-page-input ui-input{--input-text-align:center;--input-border-radius:20px;--input-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02);--input-height:28px;--input-font-size:13px;--input-font-weight:700;--input-border-color:#e2e8f0;--input-padding-inline:4px}.pagination-input-label{font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);display:flex;gap:1rem;align-items:center}.pagination-input-label strong{color:var(--text-primary, #1e293b);font-weight:700;font-size:14px}.pagination-dropdown-container .pagination-btn,.pagination-input-container .pagination-btn{position:relative;z-index:1;width:32px;height:32px;border-radius:50% !important;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);background:transparent !important;border:none !important;color:var(--text-secondary, #475569) !important}.pagination-dropdown-container .pagination-btn:hover:not(.disabled),.pagination-input-container .pagination-btn:hover:not(.disabled){background:var(--bg-secondary, #f8fafc) !important;transform:scale(1.15);color:var(--color-primary, #2563eb) !important}.pagination-dropdown-container .pagination-btn:active:not(.disabled),.pagination-input-container .pagination-btn:active:not(.disabled){transform:scale(0.95)}.pagination-dropdown-container .pagination-btn svg,.pagination-input-container .pagination-btn svg{width:18px;height:18px}.ui-pagination.pagination-dropdown-open .pagination-dropdown-container .pagination-btn,.ui-pagination.pagination-dropdown-open .pagination-input-container .pagination-btn{z-index:1}@media (prefers-color-scheme: dark){.pagination-dropdown-container,.pagination-input-container{background:var(--bg-primary, #0f172a);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 10px 40px -10px rgba(0, 0, 0, 0.5)}.pagination-total{border-color:rgba(255, 255, 255, 0.1);color:#94a3b8}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{border-color:rgba(255, 255, 255, 0.1)}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:#64748b}.pagination-input-label strong{color:#f1f5f9}.pagination-btn:hover:not(.disabled){background:rgba(255, 255, 255, 0.05) !important}}.pagination-page-input.has-error{border-color:var(--color-danger, #ef4444) !important;background-color:var(--color-danger-light, rgba(239, 68, 68, 0.05)) !important}.pagination-error-message{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-danger, #ef4444);color:white;padding:4px 10px;border-radius:4px;font-size:11px;margin-top:8px;white-space:nowrap;z-index:10;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.pagination-error-message::before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--color-danger, #ef4444)}.ui-pagination.pagination-sm .pagination-error-message{font-size:10px;padding:2px 8px}.pagination-indicator-container{display:flex;align-items:center;gap:16px}.pagination-indicators{display:flex;align-items:center;gap:8px}.pagination-indicator{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.pagination-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--inactive-color, #cbd5e1);transition:all 0.3s ease}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, #94a3b8);transform:scale(1.2)}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, var(--color-primary, #10b981));transform:scale(1.5)}.pagination-indicator-label{position:absolute;top:-30px;background-color:var(--primary-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;animation:indicatorSlideIn 0.2s ease}.pagination-indicator-label::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--primary-color, var(--color-primary, #10b981))}@keyframes indicatorSlideIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pagination-nav-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-nav-btn svg{width:16px;height:16px}.ui-pagination.pagination-sm .pagination-indicator-dot{width:6px;height:6px}.ui-pagination.pagination-sm .pagination-nav-btn{width:28px;height:28px}.ui-pagination.pagination-sm .pagination-indicator-label{font-size:10px;padding:2px 8px;top:-26px}.ui-pagination.pagination-lg .pagination-indicator-dot{width:10px;height:10px}.ui-pagination.pagination-lg .pagination-nav-btn{width:40px;height:40px}.ui-pagination.pagination-lg .pagination-nav-btn svg{width:20px;height:20px}.ui-pagination.pagination-lg .pagination-indicator-label{font-size:14px;padding:6px 12px;top:-36px}@media (prefers-color-scheme: dark){.pagination-indicator-dot{background-color:var(--inactive-color, #475569)}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, var(--text-muted, #64748b))}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label::after{border-top-color:var(--primary-color, #60a5fa)}.pagination-nav-btn{background-color:var(--bg-color, var(--bg-primary, var(--text-primary, #1f2937)));border-color:var(--border-color, var(--border-default, #374151));color:var(--text-color, #d1d5db)}.pagination-nav-btn:hover:not(:disabled){background-color:var(--hover-bg, var(--text-secondary, #374151));border-color:var(--primary-color, #60a5fa);color:var(--primary-color, #60a5fa)}}.sr-only{position:absolute;width:0px;height:0px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none}.ui-pagination.pagination-shape-rounded .pagination-btn{border-radius:12px !important}.ui-pagination.pagination-shape-pill .pagination-btn{border-radius:24px !important;padding-left:16px !important;padding-right:16px !important}.ui-pagination.pagination-shape-circle .pagination-btn{border-radius:50% !important;width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.pagination-rtl{direction:rtl}.pagination-rtl .pagination-pages{flex-direction:row-reverse}@media (max-width: 768px){.pagination-mobile .pagination-btn{min-width:36px;height:36px;padding:8px;font-size:14px}.pagination-mobile .pagination-pages{gap:4px}.pagination-mobile .pagination-total,.pagination-mobile .pagination-summary{font-size:12px}}.ui-pagination:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981);border-radius:8px}.ui-pagination:focus:not(:focus-visible){outline:none}.pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}@media (prefers-reduced-motion: reduce){.pagination-btn,.pagination-indicator{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pagination-transitioning .pagination-btn.active{animation:pageTransition 0.3s ease}@keyframes pageTransition{0%{transform:scale(0.95);opacity:0.7}100%{transform:scale(1);opacity:1}}.pagination-sticky{position:sticky;z-index:100;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);padding:12px 16px;border-radius:8px}.pagination-sticky-top{top:0}.pagination-sticky-bottom{bottom:0}.pagination-progress-bar{width:100%;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:2px;overflow:hidden;margin-bottom:12px}.pagination-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #8b5cf6));transition:width 0.3s ease}.pagination-theme-primary .pagination-progress-fill{background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #60a5fa))}.pagination-theme-success .pagination-progress-fill{background:linear-gradient(90deg, var(--color-success, #10b981), var(--color-success, #34d399))}.pagination-theme-danger .pagination-progress-fill{background:linear-gradient(90deg, var(--color-danger, #ef4444), var(--color-danger, #f87171))}.pagination-theme-warning .pagination-progress-fill{background:linear-gradient(90deg, var(--color-warning, #f59e0b), var(--color-danger, #fbbf24))}.pagination-theme-info .pagination-progress-fill{background:linear-gradient(90deg, var(--color-info, #06b6d4), var(--color-primary, #22d3ee))}@media (max-width: 768px){.ui-pagination{touch-action:pan-y;user-select:none}}@media (prefers-reduced-motion: reduce){.pagination-transitioning .pagination-btn.active{animation:none}.pagination-progress-fill{transition:none}}.pagination-quick-jump{background:var(--bg-secondary, #f3f4f6) !important;border:1px solid var(--border-strong, #d1d5db) !important;color:var(--text-muted, #6b7280) !important;font-weight:600;font-size:0.875em;min-width:44px !important}.pagination-quick-jump:hover:not(:disabled){background:var(--bg-primary, #e5e7eb) !important;border-color:var(--color-primary, #9ca3af) !important;color:var(--text-secondary, #374151) !important}.pagination-quick-jump:active:not(:disabled){transform:scale(0.95)}.pagination-theme-primary .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) !important;border-color:var(--color-primary, #10b981) !important;color:var(--color-primary, #10b981) !important}.pagination-theme-success .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1) !important;border-color:var(--color-success, #10b981) !important;color:var(--color-success, #10b981) !important}.pagination-theme-danger .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1) !important;border-color:var(--color-danger, #ef4444) !important;color:var(--color-danger, #ef4444) !important}'}},[513,"ui-pagination",{hideNavButtons:[4,"hide-nav-buttons"],currentPage:[1026,"current-page"],totalItems:[2,"total-items"],itemsPerPage:[1026,"items-per-page"],maxVisiblePages:[2,"max-visible-pages"],type:[1],size:[1],variant:[1],theme:[1],showFirstLast:[4,"show-first-last"],showPrevNext:[4,"show-prev-next"],showPageSize:[4,"show-page-size"],showTotal:[4,"show-total"],showJumpTo:[4,"show-jump-to"],prevText:[1,"prev-text"],nextText:[1,"next-text"],firstText:[1,"first-text"],lastText:[1,"last-text"],pageSizes:[16],disabled:[4],iconOnly:[4,"icon-only"],infinite:[4],loading:[4],compact:[4],keyboardNav:[4,"keyboard-nav"],shape:[1],pill:[4],circle:[4],prevIcon:[1,"prev-icon"],nextIcon:[1,"next-icon"],firstIcon:[1,"first-icon"],lastIcon:[1,"last-icon"],mobileBreakpoint:[2,"mobile-breakpoint"],responsiveMode:[4,"responsive-mode"],rtl:[4],ellipsisTooltip:[4,"ellipsis-tooltip"],pageTransition:[4,"page-transition"],urlSync:[4,"url-sync"],urlParam:[1,"url-param"],autoHide:[4,"auto-hide"],quickJump:[4,"quick-jump"],quickJumpStep:[2,"quick-jump-step"],sticky:[4],stickyPosition:[1,"sticky-position"],smartCompact:[4,"smart-compact"],smartCompactThreshold:[2,"smart-compact-threshold"],swipeGestures:[4,"swipe-gestures"],showProgress:[4,"show-progress"],showSelectedMarker:[4,"show-selected-marker"],segmented:[4],hideNumbers:[4,"hide-numbers"],showLabel:[4,"show-label"],labelTemplate:[1,"label-template"],arrowsJoined:[4,"arrows-joined"],vertical:[4],persistPage:[4,"persist-page"],storageKey:[1,"storage-key"],jumpToPage:[32],inputError:[32],pageInputValue:[32],showEllipsisTooltip:[32],ellipsisPages:[32],isTransitioning:[32],isMobile:[32],openDropdown:[32]},void 0,{totalItems:[{handleTotalChange:0}],itemsPerPage:[{handleTotalChange:0}],currentPage:[{handleCurrentPageChange:0}],openDropdown:[{handleOpenDropdownChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ui-pagination","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((i=>{switch(i){case"ui-pagination":customElements.get(o(i))||customElements.define(o(i),g);break;case"ui-badge":customElements.get(o(i))||e();break;case"ui-button":customElements.get(o(i))||r();break;case"ui-icon":customElements.get(o(i))||p();break;case"ui-input":customElements.get(o(i))||s();break;case"ui-loader":customElements.get(o(i))||d()}}))}export{g as P,l as d}

package/dist/components/popover.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as e,createEvent as r,h as t,transformTag as i}from"@stencil/core/internal/client";import{s as a,d as s}from"./icon.js";import{F as p}from"./focus-trap.js";import{a as n,c as h}from"./dom.js";import{d}from"./badge.js";import{d as c}from"./button.js";import{d as v}from"./loader.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.uiBeforeOpen=r(this,"uiBeforeOpen",7),this.uiOpen=r(this,"uiOpen",7),this.uiBeforeClose=r(this,"uiBeforeClose",7),this.uiClose=r(this,"uiClose",7),this.uiToggle=r(this,"uiToggle",7)}get element(){return this}heading="";target;content="";open=!1;disabled=!1;trigger="click";placement="top";showArrow=!0;width="280px";animation="scale";showCloseButton=!1;backdrop=!1;variant="light";popoverRole="dialog";showDelay=0;hideDelay=200;closeOnScroll=!1;closeOnEsc=!0;maxHeight="none";interactive=!0;loading=!1;skeleton=!1;offset=12;arrowSize=10;closeOnOutsideClick=!0;closeOnBlur=!0;matchTriggerWidth=!1;flip=!0;shift=!0;boundary="viewport";padding=24;fallbackPlacements;autoPlacement=!1;strategy="fixed";zIndex=21e3;uiBeforeOpen;uiOpen;uiBeforeClose;uiClose;uiToggle;currentPlacement="top";popoverStyles={};arrowStyles={};targetElement;popoverContent;arrowElement;hideTimeout;showTimeout;focusTrap;cleanupAutoUpdate;resizeObserver;latestSizeData={width:"",maxWidth:"",maxHeight:""};updateRetries=0;_justOpened=!1;componentWillLoad(){this.currentPlacement=this.placement}componentDidLoad(){this.setupTrigger(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow"),this.popoverContent&&(this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updatePosition()})),this.resizeObserver.observe(this.popoverContent)),window.addEventListener("keydown",this.handleGlobalKeyDown)}componentDidUpdate(){this.open&&!this.cleanupAutoUpdate&&this.startAutoUpdate()}disconnectedCallback(){this.cleanup(),this.cleanupAutoUpdate&&this.cleanupAutoUpdate(),window.removeEventListener("keydown",this.handleGlobalKeyDown),this.focusTrap&&this.focusTrap.deactivate()}visibilityChanged(o){if(o){if(this.disabled)return void(this.open=!1);this.handleOpen()}else this.handleClose()}handleTriggerConfigChange(){this.cleanup(),this.setupTrigger()}handleOpen(){this.targetElement||this.setupTrigger(),this.popoverStyles={position:this.strategy,left:"0px",top:"0px",visibility:"hidden",opacity:"0"},this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow"),this.popoverContent&&!this.resizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updatePosition()})),this.resizeObserver.observe(this.popoverContent)),requestAnimationFrame((()=>{this.cleanup(),this.targetElement=void 0,this.setupTrigger(),this.startAutoUpdate(),this.updateAriaAttributes(!0),this.closeOnOutsideClick&&(this._justOpened=!0,setTimeout((()=>{this._justOpened=!1,document.addEventListener("click",this.handleOutsideClick)}),50)),(this.backdrop||this.showCloseButton||"click"===this.trigger)&&requestAnimationFrame((()=>{this.initFocusTrap(),this.focusTrap&&this.focusTrap.activate()})),this.uiOpen.emit()}))}handleClose(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0),this.popoverStyles={position:this.strategy,left:"0px",top:"0px",visibility:"hidden",opacity:"0"},document.removeEventListener("click",this.handleOutsideClick),this.focusTrap&&this.focusTrap.deactivate(),this.updateAriaAttributes(!1),this.uiClose.emit()}updateAriaAttributes(o){this.targetElement&&(this.targetElement.setAttribute("aria-expanded",o.toString()),this.targetElement.setAttribute("aria-haspopup","menu"===this.popoverRole?"menu":"true"))}initFocusTrap(){this.popoverContent&&(this.focusTrap||(this.focusTrap=new p(this.popoverContent,{initialFocus:this.popoverContent,returnFocus:this.targetElement,escapeDeactivates:!0,clickOutsideDeactivates:!this.backdrop})))}getLayoutAnchor(){let o=this.targetElement;for(;o;){const e=window.getComputedStyle(o);if(e&&"contents"===e.display){const e=Array.from(o.shadowRoot?.children||[]).find((o=>"STYLE"!==o.tagName&&"SCRIPT"!==o.tagName&&"SLOT"!==o.tagName));if(e){o=e;continue}}break}return o||this.targetElement||this.element}setupTrigger(){if(this.target&&(this.targetElement="string"==typeof this.target?document.querySelector(this.target):this.target),!this.targetElement){const o=this.element.shadowRoot?.querySelector('slot[name="trigger"]'),e=this.element.shadowRoot?.querySelector("slot:not([name])"),r=o=>{const e=o?.assignedElements();return e?.length>0?e[0]:null};this.targetElement=r(o)||r(e)}this.targetElement||(this.targetElement=this.element),this.targetElement&&"manual"!==this.trigger&&(["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(this.targetElement.tagName)||(this.targetElement.hasAttribute("role")||this.targetElement.setAttribute("role","button"),this.targetElement.hasAttribute("tabindex")||this.targetElement.setAttribute("tabindex","0")),"click"===this.trigger?(this.targetElement.addEventListener("click",this.handleTriggerClick),this.targetElement.addEventListener("keydown",this.handleTargetKeyDown)):"hover"===this.trigger?(this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.targetElement.addEventListener("focusin",this.handleFocusIn),this.targetElement.addEventListener("focusout",this.handleFocusOut)):"focus"===this.trigger&&(this.targetElement.addEventListener("focusin",this.handleFocusIn),this.targetElement.addEventListener("focusout",this.handleFocusOut)),this.updateAriaAttributes(this.open))}handleTargetKeyDown=o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.toggle())};cleanup(){this.targetElement&&(this.targetElement.removeEventListener("click",this.handleTriggerClick),this.targetElement.removeEventListener("keydown",this.handleTargetKeyDown),this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("focusin",this.handleFocusIn),this.targetElement.removeEventListener("focusout",this.handleFocusOut),document.removeEventListener("click",this.handleOutsideClick),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0))}handleTriggerClick=o=>{o.stopPropagation(),"click"===this.trigger&&this.toggle()};handleFocusIn=()=>{this.show()};handleFocusOut=()=>{this.hide()};handleOutsideClick=o=>{if(this._justOpened&&o.isTrusted)return;const e=o.composedPath?o.composedPath():[];e.includes(this.element)||this.popoverContent&&e.includes(this.popoverContent)||this.targetElement?.contains(o.target)||this.popoverContent?.contains(o.target)||this.open&&this.hide()};handleMouseEnter=()=>{this.disabled||(clearTimeout(this.hideTimeout),this.showDelay>0?this.showTimeout=setTimeout((()=>this.show()),this.showDelay):this.show())};handleMouseLeave=()=>{clearTimeout(this.showTimeout),this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)};handlePopoverMouseEnter=()=>{"hover"===this.trigger&&this.interactive&&(clearTimeout(this.hideTimeout),clearTimeout(this.showTimeout))};handlePopoverMouseLeave=()=>{"hover"===this.trigger&&this.interactive&&this.handleMouseLeave()};handleGlobalKeyDown=o=>{this.open&&this.closeOnEsc&&"Escape"===o.key&&(o.stopPropagation(),this.hide())};startAutoUpdate(){if(this.cleanupAutoUpdate&&this.cleanupAutoUpdate(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.showArrow&&(this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow")),!this.targetElement||!this.popoverContent)return;const o=this.getLayoutAnchor();this.cleanupAutoUpdate=n(o,this.popoverContent,(()=>this.updatePosition()),{animationFrame:!0})}async updatePosition(){if(this.popoverContent||(this.popoverContent=this.element.shadowRoot?.querySelector(".popover")),this.showArrow&&!this.arrowElement&&(this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow")),!this.open||!this.popoverContent||!this.targetElement)return void(this.updateRetries=0);if(0===this.popoverContent.offsetWidth&&this.updateRetries<5)return this.updateRetries++,void requestAnimationFrame((()=>this.updatePosition()));this.updateRetries=0;const o=this.getLayoutAnchor(),{left:e,top:r,placement:t,availableHeight:i,availableWidth:a,arrowX:s,arrowY:p}=h(o,{menuWidth:this.popoverContent.offsetWidth,menuHeight:this.popoverContent.offsetHeight,gap:this.offset,placement:this.autoPlacement?"auto":this.placement.split("-")[0],align:this.placement.includes("start")?"start":this.placement.includes("end")?"end":"center",padding:this.padding,flip:this.flip,shift:this.shift});this.currentPlacement=t,this.latestSizeData={width:this.width,maxWidth:`${Math.min(window.innerWidth-2*this.padding,a)}px`,maxHeight:"none"!==this.maxHeight?this.maxHeight:`${i}px`};const n=this.latestSizeData;if(this.popoverStyles={position:this.strategy,left:`${e}px`,top:`${r}px`,width:this.matchTriggerWidth?`${o.offsetWidth}px`:n.width||this.width,minWidth:"160px",maxWidth:n.maxWidth,maxHeight:n.maxHeight,visibility:"visible",opacity:"1"},this.showArrow&&this.arrowElement){const o=t,e={top:"bottom",right:"left",bottom:"top",left:"right"}[o],r=Math.round(this.arrowSize/2);this.arrowStyles={top:"",right:"",bottom:"",left:"",..."top"===o||"bottom"===o?{left:`${s}px`,transform:"translateX(-50%) rotate(45deg)"}:{top:`${p}px`,transform:"translateY(-50%) rotate(45deg)"},[e]:`-${r}px`}}}async reposition(){return this.updatePosition()}async computePlacement(){return this.currentPlacement}async show(){if(!this.disabled){if(this.uiBeforeOpen){const o=this.uiBeforeOpen.emit();if(o&&o.defaultPrevented)return}this.open=!0}}async hide(){if(this.uiBeforeClose){const o=this.uiBeforeClose.emit();if(o&&o.defaultPrevented)return}this.open=!1}async toggle(){this.disabled||(this.open?await this.hide():await this.show(),this.uiToggle&&this.uiToggle.emit({open:this.open}))}getPopoverStyle(){return{"--ui-popover-arrow-size":`${this.arrowSize}px`,zIndex:this.zIndex?`${this.zIndex}`:void 0}}render(){const o={popover:!0,"popover-visible":this.open,"popover-loading":this.loading,"popover-skeleton":this.skeleton,[`popover-${this.currentPlacement}`]:!0,[`popover-${this.variant}`]:!0,[`popover-anim-${this.animation}`]:!0},e={...this.getPopoverStyle(),...this.popoverStyles};return t("div",{key:"8c9a3985b10f389cb2fa730830e3872957358435",class:"popover-wrapper"},t("div",{key:"6b0c31365ecd79e280001c112cd33978d92393aa",class:"popover-trigger"},t("slot",{key:"0fb48c0444ccd3ce6e7b1a68d12e6fd4b546c654",name:"trigger"}),t("slot",{key:"e8f8f885ebf70a16b6554b9471ab234bf426d478"})),this.backdrop&&this.open&&t("div",{key:"3412a54d36ddceed9ca90bf587db0d7c4c53240a",class:"popover-backdrop",onClick:()=>this.hide()}),this.open&&t("div",{key:"8cbc42fedae9130dc5d453366b95ff2b9865a9a2",class:o,style:e,onMouseEnter:()=>this.handlePopoverMouseEnter(),onMouseLeave:()=>this.handlePopoverMouseLeave(),role:this.popoverRole,"aria-modal":this.backdrop?"true":"false","aria-label":this.heading||void 0},this.showArrow&&t("div",{key:"39c3c7db5436a07e8f39e594e8517e08392f8f50",class:"popover-arrow",style:this.arrowStyles}),t("div",{key:"caaedac530b821964d6301309b984aefcae798db",class:"popover-inner"},(this.heading||this.showCloseButton)&&t("div",{key:"cb939a32a38e56e72c14dcebfada947c19f22ea9",class:"popover-header"},this.heading&&t("div",{key:"55080c2e755a2f4bc9cd45110b2262f57471fde7",class:"popover-title"},this.heading),this.showCloseButton&&t("ui-button",{key:"bd92a337a7029d19fa3b4b1e3aa211f12ca38f71",variant:"ghost",size:"xxs",iconOnly:!0,class:"popover-close",onClick:()=>this.hide(),ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconSize:"14px"})),t("div",{key:"dedbb7ecd61056c89d5c006a442ff83d6de76390",class:"popover-body",style:{maxHeight:this.maxHeight,overflowY:"none"!==this.maxHeight?"auto":void 0}},t("slot",{key:"b838ffbe1fdd208cbe2ca2c8f2e85f290ebfb946",name:"content"}),this.content&&t("div",{key:"e179798f83b9be0ddd68f5d80c1c8df7ff893075",innerHTML:a(this.content)})),t("slot",{key:"8f235de9f318e3ed6aa386522052bfb6a7c45da3",name:"footer"}))))}static get watchers(){return{open:[{visibilityChanged:0}],target:[{handleTriggerConfigChange:0}],trigger:[{handleTriggerConfigChange:0}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.popover-wrapper{position:relative;display:inline-block}.popover-trigger{display:inline-block;cursor:pointer}.popover-backdrop{position:fixed;inset-block-start:0;inset-inline-start:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:19999;cursor:default;animation:backdropIn 0.18s ease}@keyframes backdropIn{from{opacity:0}to{opacity:1}}.popover{position:fixed;z-index:21000;background:var(--popover-bg, var(--bg-primary, #ffffff));border:1px solid var(--popover-border, var(--border-default, #e5e7eb));border-radius:var(--popover-radius, 10px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);opacity:0;transition:opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;max-width:calc(100vw - 32px);word-wrap:break-word;overflow-wrap:break-word;overflow:visible;isolation:isolate;margin:0;bottom:auto;right:auto}.popover-visible{opacity:1;pointer-events:auto}.popover-inner{overflow:hidden;border-radius:inherit;max-height:inherit;background:var(--popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff)))}.popover-header{display:flex;align-items:center;justify-content:space-between;margin:0;padding-block:12px;padding-inline:16px;border-block-end:1px solid var(--popover-border, var(--border-default, #e5e7eb));background:var(--popover-header-bg, var(--popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff))))}.popover-title{font-weight:700;font-size:14px;color:var(--popover-text-primary, var(--text-primary, #1f2937));margin:0;letter-spacing:-0.01em}.popover-close{background:transparent;border:none;color:var(--popover-text-secondary, var(--text-muted, #9ca3af));cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.15s, color 0.15s;margin-inline-start:8px}.popover-close:hover{background:var(--popover-border, var(--border-default, #e5e7eb));color:var(--popover-text-primary, var(--text-primary, #1f2937))}.popover-body{padding-block:12px;padding-inline:16px;font-size:14px;color:var(--popover-text-secondary, var(--text-muted, #6b7280));line-height:1.6;overflow-y:auto;background:var(--popover-body-bg, var(--popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff))));scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.15) transparent}.popover-body::-webkit-scrollbar{width:4px}.popover-body::-webkit-scrollbar-track{background:transparent}.popover-body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.15);border-radius:2px}::slotted([slot=footer]){display:block;padding-block:10px;padding-inline:16px;border-block-start:1px solid var(--popover-border, var(--border-default, #e5e7eb));background:var(--popover-footer-bg, rgba(0, 0, 0, 0.02))}.popover-dark{--popover-bg:var(--ghost-popover-bg, #0f172a);--popover-border:var(--ghost-popover-border, rgba(148, 163, 184, 0.28));--popover-text-primary:var(--ghost-popover-text-primary, #f8fafc);--popover-text-secondary:var(--ghost-popover-text-secondary, #cbd5e1);--popover-footer-bg:var(--ghost-popover-footer-bg, rgba(255,255,255,0.04));--popover-surface-bg:var(--ghost-popover-surface-bg, var(--ghost-popover-bg, #0f172a));--popover-header-bg:var(--ghost-popover-header-bg, var(--ghost-popover-surface-bg, var(--ghost-popover-bg, #0f172a)));--popover-body-bg:var(--ghost-popover-body-bg, var(--ghost-popover-surface-bg, var(--ghost-popover-bg, #0f172a)));color-scheme:dark;background:var(--popover-bg);box-shadow:0 18px 40px rgba(2, 6, 23, 0.42), 0 10px 18px rgba(15, 23, 42, 0.26);isolation:isolate}.popover-dark .popover-inner,.popover-dark .popover-header,.popover-dark .popover-body{background:var(--popover-surface-bg, var(--popover-bg));opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}.popover-dark .popover-arrow{--popover-bg:#0f172a;--popover-border:rgba(148, 163, 184, 0.28)}.popover-light{--popover-surface-bg:var(--ghost-popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff)));--popover-header-bg:var(--ghost-popover-header-bg, var(--popover-surface-bg));--popover-body-bg:var(--ghost-popover-body-bg, var(--popover-surface-bg))}.popover-success{--popover-bg:var(--bg-primary, #f0fdf4);--popover-border:var(--color-success, #bbf7d0);--popover-text-primary:var(--color-success, #14532d);--popover-text-secondary:var(--color-success, #166534);--popover-footer-bg:rgba(var(--color-success-rgb, 16, 185, 129), 0.06)}.popover-success .popover-header{border-block-end-color:var(--color-success, #bbf7d0)}.popover-success .popover-title::before{content:"✓  ";color:var(--color-success, #16a34a)}.popover-warning{--popover-bg:var(--bg-primary, #fffbeb);--popover-border:var(--color-primary, #fde68a);--popover-text-primary:var(--color-danger, #78350f);--popover-text-secondary:var(--color-danger, #92400e);--popover-footer-bg:rgba(var(--color-warning-rgb, 245, 158, 11), 0.06)}.popover-warning .popover-header{border-block-end-color:var(--color-primary, #fde68a)}.popover-warning .popover-title::before{content:"⚠  ";color:var(--color-warning-hover, #d97706)}.popover-error{--popover-bg:var(--bg-primary, #fef2f2);--popover-border:var(--color-danger, #fecaca);--popover-text-primary:var(--color-danger, #7f1d1d);--popover-text-secondary:var(--color-danger, #991b1b);--popover-footer-bg:rgba(var(--color-danger-rgb, 239, 68, 68), 0.06)}.popover-error .popover-header{border-block-end-color:var(--color-danger, #fecaca)}.popover-error .popover-title::before{content:"✕  ";color:var(--color-danger-hover, #dc2626)}.popover-info{--popover-bg:var(--bg-primary, #eff6ff);--popover-border:var(--color-primary, #bfdbfe);--popover-text-primary:var(--color-primary, #1e3a8a);--popover-text-secondary:var(--color-primary, #1e40af);--popover-footer-bg:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06)}.popover-info .popover-header{border-block-end-color:var(--color-primary, #bfdbfe)}.popover-info .popover-title::before{content:"ℹ  ";color:var(--color-primary-hover, #2563eb)}.popover-arrow{position:absolute;width:var(--ui-popover-arrow-size, 10px);height:var(--ui-popover-arrow-size, 10px);background:var(--popover-bg, var(--bg-primary, #ffffff));border:1px solid var(--popover-border, var(--border-default, #e5e7eb));transform:rotate(45deg);pointer-events:none;box-sizing:border-box;z-index:1;}.popover-top .popover-arrow,.popover-top-start .popover-arrow,.popover-top-end .popover-arrow{border-top:none;border-left:none;}.popover-bottom .popover-arrow,.popover-bottom-start .popover-arrow,.popover-bottom-end .popover-arrow{border-right:none;border-bottom:none;}.popover-left .popover-arrow,.popover-left-start .popover-arrow,.popover-left-end .popover-arrow{border-left:none;border-bottom:none;}.popover-right .popover-arrow,.popover-right-start .popover-arrow,.popover-right-end .popover-arrow{border-top:none;border-right:none;}.popover-anim-scale{transform:scale(0.92);transform-origin:center top}.popover-anim-scale.popover-bottom,.popover-anim-scale.popover-bottom-start,.popover-anim-scale.popover-bottom-end{transform-origin:center bottom}.popover-anim-scale.popover-left,.popover-anim-scale.popover-left-start,.popover-anim-scale.popover-left-end{transform-origin:right center}.popover-anim-scale.popover-right,.popover-anim-scale.popover-right-start,.popover-anim-scale.popover-right-end{transform-origin:left center}.popover-anim-scale.popover-visible{transform:scale(1)}.popover-anim-slide.popover-top,.popover-anim-slide.popover-top-start,.popover-anim-slide.popover-top-end{transform:translateY(8px)}.popover-anim-slide.popover-bottom,.popover-anim-slide.popover-bottom-start,.popover-anim-slide.popover-bottom-end{transform:translateY(-8px)}.popover-anim-slide.popover-left,.popover-anim-slide.popover-left-start,.popover-anim-slide.popover-left-end{transform:translateX(8px)}.popover-anim-slide.popover-right,.popover-anim-slide.popover-right-start,.popover-anim-slide.popover-right-end{transform:translateX(-8px)}.popover-anim-slide.popover-visible{transform:translate(0, 0)}.popover-skeleton .popover-body{display:flex;flex-direction:column;gap:10px;padding:16px}.popover-skeleton .popover-body::before,.popover-skeleton .popover-body::after{content:"";display:block;height:12px;border-radius:6px;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite}.popover-skeleton .popover-body::after{width:65%}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.popover{transition:none;transform:none !important;opacity:1 !important;display:none}.popover-visible{display:block}}'}},[769,"ui-popover",{heading:[1],target:[1],content:[1],open:[1028],disabled:[4],trigger:[1],placement:[1],showArrow:[4,"show-arrow"],width:[1],animation:[1],showCloseButton:[4,"show-close-button"],backdrop:[4],variant:[1],popoverRole:[1,"popover-role"],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],closeOnScroll:[4,"close-on-scroll"],closeOnEsc:[4,"close-on-esc"],maxHeight:[1,"max-height"],interactive:[4],loading:[4],skeleton:[4],offset:[2],arrowSize:[2,"arrow-size"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnBlur:[4,"close-on-blur"],matchTriggerWidth:[4,"match-trigger-width"],flip:[4],shift:[4],boundary:[1],padding:[2],fallbackPlacements:[8,"fallback-placements"],autoPlacement:[4,"auto-placement"],strategy:[1],zIndex:[2,"z-index"],currentPlacement:[32],popoverStyles:[32],arrowStyles:[32],updatePosition:[64],reposition:[64],computePlacement:[64],show:[64],hide:[64],toggle:[64]},void 0,{open:[{visibilityChanged:0}],target:[{handleTriggerConfigChange:0}],trigger:[{handleTriggerConfigChange:0}]}]);function b(){"undefined"!=typeof customElements&&["ui-popover","ui-badge","ui-button","ui-icon","ui-loader"].forEach((o=>{switch(o){case"ui-popover":customElements.get(i(o))||customElements.define(i(o),l);break;case"ui-badge":customElements.get(i(o))||d();break;case"ui-button":customElements.get(i(o))||c();break;case"ui-icon":customElements.get(i(o))||s();break;case"ui-loader":customElements.get(i(o))||v()}}))}export{l as P,b as d}

package/dist/components/radio.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as o,createEvent as i,h as a,transformTag as e}from"@stencil/core/internal/client";import{n as t,d}from"./icon.js";const s=r(class extends o{internals;inputElement;async setFocus(){this.inputElement?.focus()}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return this}checked=!1;disabled=!1;readonly=!1;invalid=!1;label="";description="";value="";name="";required=!1;size="md";color="primary";labelPosition="right";showDot=!0;customIcon="";customIconLibrary="lucide";customImage="";radioTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;skeleton=!1;variant="default";isButton=!1;rtl=!1;descriptionPosition="bottom";glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isFocused=!1;isHovered=!1;radioChange;radioFocus;radioBlur;constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.analyticsEvent=i(this,"analyticsEvent",7),this.radioChange=i(this,"radioChange",7),this.radioFocus=i(this,"radioFocus",7),this.radioBlur=i(this,"radioBlur",7)}connectedCallback(){this.internals=this.el.attachInternals()}componentWillLoad(){this.updateFormValue(),this.updateValidity()}componentDidLoad(){}handleChange=r=>{this.disabled||this.readonly?r.preventDefault():(this.checked=r.target.checked,this.radioChange.emit({checked:this.checked,value:this.value}),this.updateFormValue(),this.updateValidity(),this.haptic&&this.checked&&this.triggerHaptic(this.hapticIntensity),this.analyticsEvent.emit({checked:this.checked,value:this.value}))};triggerHaptic(r="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===r?[50,20,50]:"md"===r?[30]:[10])}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.radioFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.radioBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=r=>{this.disabled||this.readonly||" "!==r.key&&"Enter"!==r.key||(r.preventDefault(),this.checked||(this.checked=!0,this.radioChange.emit({checked:this.checked,value:this.value})))};updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}updateValidity(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}renderDot(){return a("div",{class:{"radio-dot-container":!0,"radio-dot-visible":this.checked}},this.customImage?a("img",{src:this.customImage,class:"custom-radio-image"}):this.customIcon?a("span",{class:"custom-icon"},a("ui-icon",{library:this.customIconLibrary,name:this.customIcon})):a("div",{class:"radio-dot"}))}renderLabel(){return this.label||this.description?a("div",{class:`label-section is-${this.descriptionPosition}`},this.label&&a("span",{class:"radio-label-text"},this.label),this.description&&a("span",{class:"radio-description"},this.description)):null}render(){const r=t(this.size,"md"),o={"radio-container":!0,[`radio-${r}`]:!0,[`radio-${this.color}`]:!0,"radio-disabled":this.disabled,"radio-readonly":this.readonly,"radio-invalid":this.invalid,"radio-focused":this.isFocused,"radio-hovered":this.isHovered,[`radio-label-${this.labelPosition}`]:!0,"radio-animate":this.enableAnimation,[`radio-variant-${this.variant}`]:!0,"radio-skeleton":this.skeleton,"radio-is-button":this.isButton,"radio-checked":this.checked,"radio-rtl":this.rtl,"radio-glow":this.glow,[`radio-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},i={"radio-input-wrapper":!0,"radio-checked":this.checked,"radio-ripple":this.rippleEffect&&!this.disabled};return a("div",{key:"0c4ce7ac6764c4d375ba9fad698b92085fb210e8",class:o,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},a("label",{key:"cd53fbd547c5721b8f1cde8c291de8338cedc41e",class:"radio-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),a("div",{key:"fe2026a06d12c129b3eb17dd81ed9bc6f6b13938",class:i},a("input",{key:"d68ab326208dd78f6ba549343b68e770b9327332",type:"radio",class:"radio-input",checked:this.checked,disabled:this.disabled||this.skeleton,readonly:this.readonly,value:this.value,name:this.name,tabindex:this.radioTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:r=>this.inputElement=r}),a("div",{key:"0d1088ea92be9fa9a6264921291e7deef5cddeb6",class:"radio-circle"},a("div",{key:"7f86f494d8fba0f6bd19e377df69528be4772b21",class:"glow-layer"}),this.renderDot()),this.badge&&!this.skeleton&&a("span",{key:"91b0b95ccd42b008bfc3aecede34a72759885371",class:"radio-badge"},this.badge),this.tooltip&&!this.skeleton&&a("div",{key:"25103349c130ec435844598f0105161008bf683b",class:`radio-tooltip radio-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel(),this.skeleton&&a("div",{key:"7022cb0f5cf4ca8c10e533265083eac0dfd3021d",class:"radio-skeleton-shimmer"})),(this.invalid||!this.internals.validity.valid)&&a("div",{key:"b019b76af7c19c92e35dcf6349100f34b6a68a45",class:"radio-error-message",role:"alert"},this.internals.validationMessage||"Selection required"))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}[class*=radio-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.radio-reveal-fade-in{animation:radio-fade-in 0.6s ease-out forwards}.radio-reveal-slide-up{animation:radio-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.radio-reveal-zoom{animation:radio-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes radio-fade-in{from{opacity:0}to{opacity:1}}@keyframes radio-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.radio-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.radio-input-wrapper:hover .radio-tooltip{opacity:1}.radio-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.radio-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:block;overflow:hidden;--ui-radio-border:var(--border-strong, #94a3b8);--ui-radio-bg:var(--bg-primary, #ffffff);--ui-radio-label:var(--label-color, var(--text-primary, #111827));--ui-radio-description:var(--label-subtitle-color, var(--text-secondary, #6b7280));--ui-radio-circle-hover:rgba(0, 0, 0, 0.05)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-radio-border:var(--border-default, #64748b);--ui-radio-bg:var(--bg-secondary, #111827);--ui-radio-circle-hover:rgba(255, 255, 255, 0.05)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:var(--text-primary)}.radio-container.radio-rtl{direction:rtl}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box;flex-shrink:0;overflow:visible;}.radio-label *{box-sizing:border-box}.radio-container.radio-disabled .radio-label{cursor:not-allowed;opacity:0.6}.radio-container.radio-readonly .radio-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .radio-description{margin-top:0}.radio-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--ui-radio-description)}.radio-input-wrapper{flex-shrink:0;overflow:visible}.radio-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-radio-border);background:var(--ui-radio-bg);border-radius:50%;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.radio-circle .glow-layer{position:absolute;inset:-4px;background:currentColor;opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.radio-glow.radio-checked .radio-circle .glow-layer{opacity:0.4}.radio-xxxs .radio-circle{width:12px;height:12px}.radio-xxxs .radio-dot{width:6px;height:6px}.radio-xxxs .radio-label-text{font-size:11px;line-height:16px}.radio-xxs .radio-circle{width:14px;height:14px}.radio-xxs .radio-dot{width:7px;height:7px}.radio-xxs .radio-label-text{font-size:12px;line-height:18px}.radio-xs .radio-circle{width:16px;height:16px}.radio-xs .radio-dot{width:8px;height:8px}.radio-xs .radio-label-text{font-size:13px;line-height:20px}.radio-sm .radio-circle{width:18px;height:18px}.radio-sm .radio-dot{width:9px;height:9px}.radio-sm .radio-label-text{font-size:14px;line-height:20px}.radio-md .radio-circle{width:20px;height:20px}.radio-md .radio-dot{width:10px;height:10px}.radio-md .radio-label-text{font-size:15px;line-height:24px}.radio-lg .radio-circle{width:24px;height:24px}.radio-lg .radio-dot{width:12px;height:12px}.radio-lg .radio-label-text{font-size:16px;line-height:28px}.radio-xl .radio-circle{width:28px;height:28px}.radio-xl .radio-dot{width:14px;height:14px}.radio-xl .radio-label-text{font-size:18px;line-height:32px}.radio-xxl .radio-circle{width:32px;height:32px;border-radius:50% !important}.radio-xxl .radio-dot{width:16px;height:16px}.radio-xxl .radio-label-text{font-size:20px;line-height:36px}.radio-xxxl .radio-circle{width:40px;height:40px;border-radius:50% !important}.radio-xxxl .radio-dot{width:20px;height:20px}.radio-xxxl .radio-label-text{font-size:24px;line-height:44px}.radio-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.radio-dot-container.radio-dot-visible{opacity:1;transform:scale(1)}.radio-dot{border-radius:50%;background:currentColor}.custom-radio-image{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:4px}.custom-icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:currentColor}.radio-animate .radio-checked .radio-dot,.radio-animate .radio-checked .custom-icon{animation:radio-pop 0.3s ease}@keyframes radio-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.radio-variant-bordered .radio-label{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;transition:all 0.2s ease;width:100%}.radio-variant-bordered .radio-label:hover:not(.radio-disabled){border-color:currentColor;background:rgba(0, 0, 0, 0.02)}.radio-variant-bordered.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.radio-variant-underlined .radio-label{padding:12px 4px;border-bottom:2px solid transparent;transition:all 0.2s ease;border-radius:0;width:100%;box-sizing:border-box}.radio-variant-underlined.radio-checked .radio-label{border-bottom-color:currentColor}.radio-variant-card .radio-label{padding:20px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box}.radio-variant-card .radio-label:hover:not(.radio-disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);border-color:var(--border-color-hover, #cbd5e1)}.radio-variant-card.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.02);box-shadow:0 12px 32px rgba(0, 0, 0, 0.1)}.radio-variant-card.radio-checked:hover .radio-label{transform:translateY(-2px)}.radio-variant-glass .radio-circle{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.radio-variant-glass.radio-checked .radio-circle{background:currentColor !important;backdrop-filter:none}.radio-variant-raised .radio-circle{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.radio-skeleton{pointer-events:none}.radio-skeleton .radio-circle{background:var(--bg-primary, #e5e7eb);border-color:var(--border-default, #e5e7eb) !important}.radio-skeleton .radio-label-text,.radio-skeleton .radio-description{background:var(--bg-primary, #e5e7eb);color:transparent !important;border-radius:4px;width:fit-content;min-width:120px}.radio-skeleton .radio-description{min-width:180px}.radio-skeleton .radio-label{position:relative;overflow:hidden}.radio-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:radio-shimmer 1.5s infinite}@keyframes radio-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.radio-primary .radio-circle{border-color:var(--color-primary, #93c5fd)}.radio-primary .radio-checked .radio-circle{border-color:var(--primary-color);color:var(--primary-color)}.radio-secondary .radio-circle{border-color:var(--border-strong, #d1d5db)}.radio-secondary .radio-checked .radio-circle{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.radio-success .radio-circle{border-color:var(--color-success, #86efac)}.radio-success .radio-checked .radio-circle{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.radio-danger .radio-circle{border-color:var(--color-danger, #fca5a5)}.radio-danger .radio-checked .radio-circle{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.radio-warning .radio-circle{border-color:var(--color-danger, #fcd34d)}.radio-warning .radio-checked .radio-circle{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.radio-info .radio-circle{border-color:var(--color-primary, #67e8f9)}.radio-info .radio-checked .radio-circle{border-color:var(--color-info-hover, #0891b2);color:var(--color-info-hover, #0891b2)}.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px currentColor}.radio-primary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #3dcd58)}.radio-secondary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-primary, #6b7280)}.radio-success.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #16a34a)}.radio-danger.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-danger-hover, #dc2626)}.radio-warning.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-warning, #f59e0b)}.radio-info.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-info-hover, #0891b2)}.radio-hovered:not(.radio-disabled):not(.radio-readonly) .radio-circle{border-color:currentColor;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.05)}.radio-primary.radio-hovered .radio-circle{border-color:var(--color-success, #3dcd58)}.radio-secondary.radio-hovered .radio-circle{border-color:var(--color-primary, #6b7280)}.radio-success.radio-hovered .radio-circle{border-color:var(--color-success, #16a34a)}.radio-danger.radio-hovered .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-warning.radio-hovered .radio-circle{border-color:var(--color-warning, #f59e0b)}.radio-info.radio-hovered .radio-circle{border-color:var(--color-info-hover, #0891b2)}.radio-ripple .radio-circle::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.radio-ripple .radio-input:active~.radio-circle::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.radio-label-content{display:flex;flex-direction:column;gap:4px}.radio-label-text{color:var(--ui-radio-label);font-weight:500;line-height:1.4}.radio-description{color:var(--ui-radio-description);font-size:0.875rem;line-height:1.4}.radio-invalid .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-is-button{width:100%;height:100%;overflow:inherit}.radio-is-button .radio-label{padding:8px 16px;justify-content:center;background:var(--surface-color);transition:all 0.2s ease;width:100%;height:100%;border-radius:inherit}.radio-is-button .radio-label:hover:not(.radio-disabled){background:var(--bg-secondary, #f3f4f6)}.radio-is-button .radio-circle{margin-inline-end:8px;transform:scale(0.85)}.radio-is-button.radio-checked .radio-label{background:var(--primary-color);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--primary-color)}.radio-is-button.radio-secondary.radio-checked .radio-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.radio-is-button.radio-success.radio-checked .radio-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.radio-is-button.radio-danger.radio-checked .radio-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.radio-is-button.radio-warning.radio-checked .radio-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.radio-is-button.radio-info.radio-checked .radio-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.radio-is-button.radio-disabled .radio-label{background:var(--bg-primary, #f9fafb);color:var(--text-muted, #9ca3af)}'}},[593,"ui-radio",{customClass:[1,"custom-class"],badge:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],checked:[1028],disabled:[4],readonly:[4],invalid:[4],label:[1],description:[1],value:[1],name:[1],required:[4],size:[1],color:[1],labelPosition:[1,"label-position"],showDot:[4,"show-dot"],customIcon:[1,"custom-icon"],customIconLibrary:[1,"custom-icon-library"],customImage:[1,"custom-image"],radioTabIndex:[2,"radio-tab-index"],ariaLabel:[1,"aria-label"],ariaDescribedBy:[1,"aria-described-by"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],skeleton:[4],variant:[1],isButton:[4,"is-button"],rtl:[4],descriptionPosition:[1,"description-position"],glow:[4],haptic:[4],hapticIntensity:[1,"haptic-intensity"],reveal:[1],revealDelay:[2,"reveal-delay"],isFocused:[32],isHovered:[32],setFocus:[64],checkValidity:[64],reportValidity:[64]}]);function c(){"undefined"!=typeof customElements&&["ui-radio","ui-icon"].forEach((r=>{switch(r){case"ui-radio":customElements.get(e(r))||customElements.define(e(r),s);break;case"ui-icon":customElements.get(e(r))||d()}}))}export{s as R,c as d}
+import{proxyCustomElement as r,HTMLElement as o,createEvent as i,h as a,transformTag as e}from"@stencil/core/internal/client";import{n as t,d}from"./icon.js";import{d as s}from"./loader.js";const c=r(class extends o{internals;inputElement;async setFocus(){this.inputElement?.focus()}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return this}checked=!1;disabled=!1;readonly=!1;invalid=!1;label="";description="";value="";name="";required=!1;size="md";color="primary";labelPosition="right";showDot=!0;customIcon="";customIconLibrary="lucide";customImage="";radioTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;skeleton=!1;variant="default";isButton=!1;rtl=!1;descriptionPosition="bottom";glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isFocused=!1;isHovered=!1;radioChange;radioFocus;radioBlur;constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.analyticsEvent=i(this,"analyticsEvent",7),this.radioChange=i(this,"radioChange",7),this.radioFocus=i(this,"radioFocus",7),this.radioBlur=i(this,"radioBlur",7)}connectedCallback(){this.internals=this.el.attachInternals()}componentWillLoad(){this.updateFormValue(),this.updateValidity()}componentDidLoad(){}handleChange=r=>{this.disabled||this.readonly?r.preventDefault():(this.checked=r.target.checked,this.radioChange.emit({checked:this.checked,value:this.value}),this.updateFormValue(),this.updateValidity(),this.haptic&&this.checked&&this.triggerHaptic(this.hapticIntensity),this.analyticsEvent.emit({checked:this.checked,value:this.value}))};triggerHaptic(r="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===r?[50,20,50]:"md"===r?[30]:[10])}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.radioFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.radioBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=r=>{this.disabled||this.readonly||" "!==r.key&&"Enter"!==r.key||(r.preventDefault(),this.checked||(this.checked=!0,this.radioChange.emit({checked:this.checked,value:this.value})))};updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}updateValidity(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}renderDot(){return a("div",{class:{"radio-dot-container":!0,"radio-dot-visible":this.checked}},this.customImage?a("img",{src:this.customImage,class:"custom-radio-image"}):this.customIcon?a("span",{class:"custom-icon"},a("ui-icon",{library:this.customIconLibrary,name:this.customIcon})):a("div",{class:"radio-dot"}))}renderLabel(){return this.label||this.description?a("div",{class:`label-section is-${this.descriptionPosition}`},this.label&&a("span",{class:"radio-label-text"},this.label),this.description&&a("span",{class:"radio-description"},this.description)):null}render(){const r=t(this.size,"md"),o={"radio-container":!0,[`radio-${r}`]:!0,[`radio-${this.color}`]:!0,"radio-disabled":this.disabled,"radio-readonly":this.readonly,"radio-invalid":this.invalid,"radio-focused":this.isFocused,"radio-hovered":this.isHovered,[`radio-label-${this.labelPosition}`]:!0,"radio-animate":this.enableAnimation,[`radio-variant-${this.variant}`]:!0,"radio-skeleton":this.skeleton,"radio-is-button":this.isButton,"radio-checked":this.checked,"radio-rtl":this.rtl,"radio-glow":this.glow,[`radio-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},i={"radio-input-wrapper":!0,"radio-checked":this.checked,"radio-ripple":this.rippleEffect&&!this.disabled};return a("div",{key:"3abf98f57fcc73d239e1139500693581f76cb5af",class:o,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},a("label",{key:"1996220a75aed7b29913bffe6ab70fe132702d07",class:"radio-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),a("div",{key:"333a70165b3fcc79587fb722386c1c16ac1ae10c",class:i},a("input",{key:"e314964bafbb1db4f06a1b322ff211a070c50c23",type:"radio",class:"radio-input",checked:this.checked,disabled:this.disabled||this.skeleton,readonly:this.readonly,value:this.value,name:this.name,tabindex:this.radioTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:r=>this.inputElement=r}),a("div",{key:"c1b86631f08cf92e75783527d79b2cff3505ed37",class:"radio-circle"},a("div",{key:"b4da276c391006054977bf87ad772df9d97888a8",class:"glow-layer"}),this.renderDot()),this.badge&&!this.skeleton&&a("span",{key:"088b7d455d8720ea4686b1c8f7395da7add5650c",class:"radio-badge"},this.badge),this.tooltip&&!this.skeleton&&a("div",{key:"be89fae1312be5703e3d74f128da5281e8a93065",class:`radio-tooltip radio-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel(),this.skeleton&&a("div",{key:"9309804190940eef047ac4e349f4cd19dab62861",class:"radio-skeleton-shimmer"})),(this.invalid||!this.internals.validity.valid)&&a("div",{key:"83bde20ce3a0c825c3f7bfe58a963272df6ade2f",class:"radio-error-message",role:"alert"},this.internals.validationMessage||"Selection required"))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}[class*=radio-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.radio-reveal-fade-in{animation:radio-fade-in 0.6s ease-out forwards}.radio-reveal-slide-up{animation:radio-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.radio-reveal-zoom{animation:radio-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes radio-fade-in{from{opacity:0}to{opacity:1}}@keyframes radio-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.radio-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.radio-input-wrapper:hover .radio-tooltip{opacity:1}.radio-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.radio-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:block;overflow:hidden;--ui-radio-border:var(--border-strong, #94a3b8);--ui-radio-bg:var(--bg-primary, #ffffff);--ui-radio-label:var(--label-color, inherit);--ui-radio-description:var(--label-subtitle-color, inherit);--ui-radio-circle-hover:rgba(0, 0, 0, 0.05)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-radio-border:var(--border-default, #64748b);--ui-radio-bg:var(--bg-secondary, #111827);--ui-radio-circle-hover:rgba(255, 255, 255, 0.05);--ui-radio-label:var(--label-color, #f1f5f9);--ui-radio-description:var(--label-subtitle-color, #cbd5e1)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:inherit}.radio-container.radio-rtl{direction:rtl}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box;flex-shrink:0;overflow:visible;}.radio-label *{box-sizing:border-box}.radio-container.radio-disabled .radio-label{cursor:not-allowed;opacity:0.6}.radio-container.radio-readonly .radio-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .radio-description{margin-top:0}.radio-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--ui-radio-description)}.radio-input-wrapper{flex-shrink:0;overflow:visible}.radio-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-radio-border);background:var(--ui-radio-bg);border-radius:50%;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.radio-circle .glow-layer{position:absolute;inset:-4px;background:currentColor;opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.radio-glow.radio-checked .radio-circle .glow-layer{opacity:0.4}.radio-xxxs .radio-circle{width:12px;height:12px}.radio-xxxs .radio-dot{width:6px;height:6px}.radio-xxxs .radio-label-text{font-size:11px;line-height:16px}.radio-xxs .radio-circle{width:14px;height:14px}.radio-xxs .radio-dot{width:7px;height:7px}.radio-xxs .radio-label-text{font-size:12px;line-height:18px}.radio-xs .radio-circle{width:16px;height:16px}.radio-xs .radio-dot{width:8px;height:8px}.radio-xs .radio-label-text{font-size:13px;line-height:20px}.radio-sm .radio-circle{width:18px;height:18px}.radio-sm .radio-dot{width:9px;height:9px}.radio-sm .radio-label-text{font-size:14px;line-height:20px}.radio-md .radio-circle{width:20px;height:20px}.radio-md .radio-dot{width:10px;height:10px}.radio-md .radio-label-text{font-size:15px;line-height:24px}.radio-lg .radio-circle{width:24px;height:24px}.radio-lg .radio-dot{width:12px;height:12px}.radio-lg .radio-label-text{font-size:16px;line-height:28px}.radio-xl .radio-circle{width:28px;height:28px}.radio-xl .radio-dot{width:14px;height:14px}.radio-xl .radio-label-text{font-size:18px;line-height:32px}.radio-xxl .radio-circle{width:32px;height:32px;border-radius:50% !important}.radio-xxl .radio-dot{width:16px;height:16px}.radio-xxl .radio-label-text{font-size:20px;line-height:36px}.radio-xxxl .radio-circle{width:40px;height:40px;border-radius:50% !important}.radio-xxxl .radio-dot{width:20px;height:20px}.radio-xxxl .radio-label-text{font-size:24px;line-height:44px}.radio-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.radio-dot-container.radio-dot-visible{opacity:1;transform:scale(1)}.radio-dot{border-radius:50%;background:currentColor}.custom-radio-image{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:4px}.custom-icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:currentColor}.radio-animate .radio-checked .radio-dot,.radio-animate .radio-checked .custom-icon{animation:radio-pop 0.3s ease}@keyframes radio-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.radio-variant-bordered .radio-label{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;transition:all 0.2s ease;width:100%}.radio-variant-bordered .radio-label:hover:not(.radio-disabled){border-color:currentColor;background:rgba(0, 0, 0, 0.02)}.radio-variant-bordered.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.radio-variant-underlined .radio-label{padding:12px 4px;border-bottom:2px solid transparent;transition:all 0.2s ease;border-radius:0;width:100%;box-sizing:border-box}.radio-variant-underlined.radio-checked .radio-label{border-bottom-color:currentColor}.radio-variant-card .radio-label{padding:20px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box}.radio-variant-card .radio-label:hover:not(.radio-disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);border-color:var(--border-color-hover, #cbd5e1)}.radio-variant-card.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.02);box-shadow:0 12px 32px rgba(0, 0, 0, 0.1)}.radio-variant-card.radio-checked:hover .radio-label{transform:translateY(-2px)}.radio-variant-glass .radio-circle{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.radio-variant-glass.radio-checked .radio-circle{background:currentColor !important;backdrop-filter:none}.radio-variant-raised .radio-circle{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.radio-skeleton{pointer-events:none}.radio-skeleton .radio-circle{background:var(--bg-primary, #e5e7eb);border-color:var(--border-default, #e5e7eb) !important}.radio-skeleton .radio-label-text,.radio-skeleton .radio-description{background:var(--bg-primary, #e5e7eb);color:transparent !important;border-radius:4px;width:fit-content;min-width:120px}.radio-skeleton .radio-description{min-width:180px}.radio-skeleton .radio-label{position:relative;overflow:hidden}.radio-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:radio-shimmer 1.5s infinite}@keyframes radio-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.radio-primary .radio-circle{border-color:var(--color-primary, #93c5fd)}.radio-primary .radio-checked .radio-circle{border-color:var(--primary-color);color:var(--primary-color)}.radio-secondary .radio-circle{border-color:var(--border-strong, #d1d5db)}.radio-secondary .radio-checked .radio-circle{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.radio-success .radio-circle{border-color:var(--color-success, #86efac)}.radio-success .radio-checked .radio-circle{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.radio-danger .radio-circle{border-color:var(--color-danger, #fca5a5)}.radio-danger .radio-checked .radio-circle{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.radio-warning .radio-circle{border-color:var(--color-danger, #fcd34d)}.radio-warning .radio-checked .radio-circle{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.radio-info .radio-circle{border-color:var(--color-primary, #67e8f9)}.radio-info .radio-checked .radio-circle{border-color:var(--color-info-hover, #0891b2);color:var(--color-info-hover, #0891b2)}.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px currentColor}.radio-primary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #3dcd58)}.radio-secondary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-primary, #6b7280)}.radio-success.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #16a34a)}.radio-danger.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-danger-hover, #dc2626)}.radio-warning.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-warning, #f59e0b)}.radio-info.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-info-hover, #0891b2)}.radio-hovered:not(.radio-disabled):not(.radio-readonly) .radio-circle{border-color:currentColor;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.05)}.radio-primary.radio-hovered .radio-circle{border-color:var(--color-success, #3dcd58)}.radio-secondary.radio-hovered .radio-circle{border-color:var(--color-primary, #6b7280)}.radio-success.radio-hovered .radio-circle{border-color:var(--color-success, #16a34a)}.radio-danger.radio-hovered .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-warning.radio-hovered .radio-circle{border-color:var(--color-warning, #f59e0b)}.radio-info.radio-hovered .radio-circle{border-color:var(--color-info-hover, #0891b2)}.radio-ripple .radio-circle::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.radio-ripple .radio-input:active~.radio-circle::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.radio-label-content{display:flex;flex-direction:column;gap:4px}.radio-label-text{color:var(--ui-radio-label);font-weight:500;line-height:1.4}.radio-description{color:var(--ui-radio-description);font-size:0.875rem;line-height:1.4}.radio-invalid .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-is-button{width:100%;height:100%;overflow:inherit}.radio-is-button .radio-label{padding:8px 16px;justify-content:center;background:var(--surface-color);transition:all 0.2s ease;width:100%;height:100%;border-radius:inherit}.radio-is-button .radio-label:hover:not(.radio-disabled){background:var(--bg-secondary, #f3f4f6)}.radio-is-button .radio-circle{margin-inline-end:8px;transform:scale(0.85)}.radio-is-button.radio-checked .radio-label{background:var(--primary-color);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--primary-color)}.radio-is-button.radio-secondary.radio-checked .radio-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.radio-is-button.radio-success.radio-checked .radio-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.radio-is-button.radio-danger.radio-checked .radio-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.radio-is-button.radio-warning.radio-checked .radio-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.radio-is-button.radio-info.radio-checked .radio-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.radio-is-button.radio-disabled .radio-label{background:var(--bg-primary, #f9fafb);color:var(--text-muted, #9ca3af)}'}},[593,"ui-radio",{customClass:[1,"custom-class"],badge:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],checked:[1028],disabled:[4],readonly:[4],invalid:[4],label:[1],description:[1],value:[1],name:[1],required:[4],size:[1],color:[1],labelPosition:[1,"label-position"],showDot:[4,"show-dot"],customIcon:[1,"custom-icon"],customIconLibrary:[1,"custom-icon-library"],customImage:[1,"custom-image"],radioTabIndex:[2,"radio-tab-index"],ariaLabel:[1,"aria-label"],ariaDescribedBy:[1,"aria-described-by"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],skeleton:[4],variant:[1],isButton:[4,"is-button"],rtl:[4],descriptionPosition:[1,"description-position"],glow:[4],haptic:[4],hapticIntensity:[1,"haptic-intensity"],reveal:[1],revealDelay:[2,"reveal-delay"],isFocused:[32],isHovered:[32],setFocus:[64],checkValidity:[64],reportValidity:[64]}]);function l(){"undefined"!=typeof customElements&&["ui-radio","ui-icon","ui-loader"].forEach((r=>{switch(r){case"ui-radio":customElements.get(e(r))||customElements.define(e(r),c);break;case"ui-icon":customElements.get(e(r))||d();break;case"ui-loader":customElements.get(e(r))||s()}}))}export{c as R,l as d}