@sky.ui/core 0.0.1

package/dist/sky-tab/sky-tab.js

@@ -0,0 +1,390 @@
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as s,html as r}from"lit";import{property as o,state as n,customElement as a}from"lit/decorators.js";import{when as l}from"lit/directives/when.js";import{classMap as h}from"lit/directives/class-map.js";import{styleMap as d}from"lit/directives/style-map.js";import{resolveColor as c,resolveTextColorForToken as p}from"../helper/utils/color-resolver.js";import{SkyIcon as b}from"../sky-icon/sky-icon.js";let u=class extends i{constructor(){super(...arguments),this.selectedIndex=0,this.tabBarPosition="top",this.panelHeight="auto",this.panelWidth="auto",this.gutter="0",this.mountStrategy="lazy",this.keepAlive=!0,this.overflowButton=!1,this.scrollMode="tab",this.scrollPx=120,this.edgePad=12,this.holdDelay=250,this.holdInterval=120,this.neighbors=1,this.neighborPad=8,this.keyNavDebounce=140,this.navSelectOnButtons=!1,this._ready=!1,this.color="primary",this._cache=new Map,this._canBack=!1,this._canFwd=!1,this._holdTimer=null,this._holdStartTimer=null,this._held=!1,this._keyNavLocked=!1,this._keyNavTimer=null,this._keyNavDebouncing=!1,this._keyQueuedDir=null,this.#t=()=>{this.#e(),requestAnimationFrame(()=>{this.#i(),this.#s(),this.#r()})},this.#o=t=>{const e=this.#n().indexOf(t.currentTarget);e>=0&&this.selectTab(e)},this.#a=()=>{this.#i(),this.#s(),this.#r()},this.#l=t=>{if(!this.overflowButton)return;const e=this._tray;if(!e)return;if(t.ctrlKey)return;if("left"===this.tabBarPosition||"right"===this.tabBarPosition){if(Math.abs(t.deltaY)<Math.abs(t.deltaX))return;const i=Math.max(0,e.scrollHeight-e.clientHeight);if(i<=0)return;const s=e.scrollTop+t.deltaY;if(!(t.deltaY<0?e.scrollTop>0:e.scrollTop<i)||s===e.scrollTop)return;t.preventDefault(),e.scrollBy({top:t.deltaY,behavior:"auto"})}else{const i=t.shiftKey&&Math.abs(t.deltaY)>=Math.abs(t.deltaX)?t.deltaY:Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:0;if(!i)return;const s=Math.max(0,e.scrollWidth-e.clientWidth);if(s<=0)return;if(!(i<0?e.scrollLeft>0:e.scrollLeft<s))return;t.preventDefault(),e.scrollBy({left:i,behavior:"auto"})}},this.#h=()=>this.#r(),this.#d=t=>{const e=t.composedPath();if(!(e.some(t=>"tab"===t?.getAttribute?.("role"))||e.includes(this)))return;const i=this.#n().length;if(!i)return;const s="top"===this.tabBarPosition||"bottom"===this.tabBarPosition;let r=0;switch(t.key){case"ArrowRight":if(!s)return;t.preventDefault(),r=1;break;case"ArrowLeft":if(!s)return;t.preventDefault(),r=-1;break;case"ArrowDown":if(s)return;t.preventDefault(),r=1;break;case"ArrowUp":if(s)return;t.preventDefault(),r=-1;break;case"Home":return t.preventDefault(),void this.#c(0);case"End":return t.preventDefault(),void this.#c(i-1);default:return}this.#p(r)}}static{this.dependencies={"sky-icon":b}}static{this.styles=s`
+    :host {
+      --sky-tab-anim-ms: 280ms;
+      --sky-tab-anim-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
+      width: 100%;
+    }
+
+    .tabs {
+      position: relative;
+      display: inline-flex;
+      gap: 4px;
+      padding: 4px;
+      align-items: center;
+     
+      background: var(--sky-glass-primary);
+      border: var(--sky-border-primary);
+      box-shadow: var(--sky-box-shadow-inset);
+      border-radius: var(--sky-radius-full);
+      /* Add these: */
+      flex-shrink: 0; /* Don't shrink */
+      white-space: nowrap; /* Prevent tabs from wrapping */
+    }
+
+    .tabs.top,
+    .tabs.bottom {
+      flex-direction: row;
+      width: max-content;
+      align-items: center;
+    }
+    .tabs.left,
+    .tabs.right {
+      flex-direction: column;
+      align-items: center;
+      width: max-content;
+      border-radius: var(--sky-radius-tertiary);
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    .thumb {
+      position: absolute;
+      border-radius: var(--sky-radius-full);
+      top: 4px;
+      left: 4px;
+      width: var(--thumb-w, 0px);
+      height: var(--thumb-h, 0px);
+      transform: translate(var(--thumb-x, 0px), var(--thumb-y, 0px));
+      background: var(--sky-tab-color, #111);
+      box-shadow: var(--sky-box-shadow-inset);
+      transition: none;
+      z-index: 0;
+      pointer-events: none;
+    }
+
+    /* Fallback for reduced motion – use CSS transitions */
+    @media (prefers-reduced-motion: reduce) {
+      .tabs[data-ready="true"] .thumb {
+        transition:
+          transform var(--sky-tab-anim-ms) var(--sky-tab-anim-ease),
+          width var(--sky-tab-anim-ms) var(--sky-tab-anim-ease),
+          height var(--sky-tab-anim-ms) var(--sky-tab-anim-ease);
+      }
+    }
+
+    .tabs.left .thumb,
+    .tabs.right .thumb {
+      border-radius: var(--sky-radius-tertiary);
+    }
+
+    ::slotted([slot="tab"]) {
+      position: relative;
+      z-index: 1;
+      appearance: none;
+      border: 0;
+      background: transparent;
+      padding: 8px 14px;
+      font: inherit;
+      border-radius: var(--sky-radius-full);
+      color: currentColor;
+      cursor: pointer;
+      white-space: nowrap;
+      outline: none;
+      transition:
+        color 0.18s ease,
+        transform 0.18s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .tabs.left ::slotted([slot="tab"]),
+    .tabs.right ::slotted([slot="tab"]) {
+      width: var(--sky-seg-vert-item-width, auto);
+      border-radius: var(--sky-radius-tertiary);
+      align-self: flex-start;
+      justify-content: flex-start;
+      text-align: left;
+    }
+
+    ::slotted([slot="tab"][aria-selected="true"]) {
+      color: var(--sky-tab-text-color-active, currentColor);
+    }
+
+    .tabbtn {
+      position: relative;
+      z-index: 1;
+      appearance: none;
+      border: 0;
+      background: transparent;
+      padding: 8px 14px;
+      font: inherit;
+      border-radius: var(--sky-radius-full);
+      color: currentColor;
+      cursor: pointer;
+      white-space: nowrap;
+      outline: none;
+      transition:
+        color 0.18s ease,
+        transform 0.18s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .tabs.left .tabbtn,
+    .tabs.right .tabbtn {
+      width: var(--sky-seg-vert-item-width, auto);
+      align-self: flex-start;
+      justify-content: flex-start;
+      text-align: left;
+    }
+
+    .tabbtn[aria-selected="true"] {
+      color: var(--sky-text-primary, currentColor);
+    }
+
+    .tabbtn:focus-visible {
+      box-shadow: 0 0 0 2px var(--sky-tab-color);
+    }
+
+    .rails {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      /* Add these: */
+      overflow: hidden; /* This is likely what's missing! */
+
+    }
+    .rails.top,
+    .rails.bottom {
+      width: 100%;
+      justify-content: center;
+      align-items: center;
+      width: 100%; /* Take full width of parent */
+      flex-shrink: 0; /* Don't shrink */
+    }
+    .rails.left,
+    .rails.right {
+      height: 100%;
+      flex-direction: column;
+      justify-content: start;
+      align-items: center;
+      flex: 0 0 auto;
+      flex-shrink: 0;
+      width: max-content;
+      min-width: min-content;
+    }
+
+    .rails.left .tray,
+    .rails.right .tray {
+      flex: 1 1 auto;
+      flex-shrink: 0;
+      min-height: 0;
+    }
+
+    .tray {
+      max-width: 100%;
+      max-height: 100%;
+      overflow: clip;
+      contain: content;
+      padding: 5px;
+      border-radius: inherit;
+      box-sizing: border-box;
+    }
+
+    .tray--buttons {
+      overflow: hidden;
+      scrollbar-width: none;
+    }
+    .tray--buttons::-webkit-scrollbar {
+      width: 0;
+      height: 0;
+    }
+
+    .tray--native {
+      overflow: auto;
+      scrollbar-width: auto;
+    }
+
+    .tray > .tabs {
+      display: inline-flex;
+      will-change: transform;
+      /* Add these: */
+      flex-shrink: 0; /* Prevent tabs from shrinking */
+      flex-wrap: nowrap; /* Ensure tabs stay in a single line */
+      height: 100%; /* Match tray height */
+      align-items: center; /* Center vertically for horizontal tabs */
+    }
+
+    .navbtn {
+      appearance: none;
+      border: 0;
+      border-radius: var(--sky-radius-full);
+      display: inline-flex;
+      font-size: 24px;
+      align-items: center;
+      justify-content: center;
+      background: var(--sky-glass-primary);
+      border: var(--sky-border-primary);
+      color: var(--sky-tab-color);
+      box-shadow: var(--sky-box-shadow-primary);
+      cursor: pointer;
+     
+      transition:
+        opacity 0.15s ease,
+        transform 0.15s ease;
+    }
+
+    .navbtn::before,
+    .tabs::before {
+      content: "";
+      inset: 0;
+      position: absolute;
+      border-radius: inherit;
+      z-index: -1;
+      pointer-events: none;
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+    }
+
+    .rails.top .navbtn,
+    .rails.bottom .navbtn {
+      width: auto;
+      height: calc(100% - 10px);
+      aspect-ratio: 1;
+    }
+
+    .rails.left .navbtn,
+    .rails.right .navbtn {
+      width: calc(100% - 10px);
+      min-height: 45px;
+      aspect-ratio: auto;
+    }
+
+    .navbtn:disabled {
+      opacity: 0.6;
+      cursor: default;
+    }
+    .navbtn:active {
+      transform: scale(0.98);
+    }
+
+    .tabs .thumb {
+      position: absolute;
+      z-index: 1;
+    }
+    .tabs .tabbtn {
+      z-index: 2;
+    }
+
+    .wrapper.top,
+    .wrapper.bottom {
+      flex-direction: column;
+    }
+    .wrapper.left,
+    .wrapper.right {
+      flex-direction: row;
+      gap: var(--sky-tab-gap, 12px);
+      align-items: stretch;
+    }
+    .wrapper {
+      display: flex;
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+    }
+
+    .content {
+      position: relative;
+      flex: 1 1 auto;
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+      contain: layout paint;
+      /* Allow scroll chaining to the page (avoid scroll-trapping). */
+      overscroll-behavior: auto;
+    }
+
+    ::slotted([slot="tab-content"]) {
+      display: none;
+      position: relative;
+      inset: auto;
+      width: 100%;
+      height: 100%;
+      transition: none !important;
+      will-change: auto;
+    }
+
+    ::slotted([slot="tab-content"][selected]) {
+      display: block;
+    }
+
+    .navbtn[hidden] {
+      display: none;
+    }
+
+    sky-icon {
+      display: inline-block;
+      width: 1em;
+      height: 1em;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .thumb,
+      ::slotted([slot="tab-content"]) {
+        transition: none !important;
+      }
+    }
+  `}firstUpdated(){this._resizeObs=new ResizeObserver(()=>{this.#i(),this.#s(),this.#r()}),this._tray=this.renderRoot.querySelector(".tray"),this._labelSlot=this.renderRoot.querySelector('slot[name="tab"]'),this._tabsEl=this.renderRoot.querySelector(".tabs"),this._contentSlot=this.renderRoot.querySelector('slot[name="tab-content"]');const t=this.renderRoot.querySelector(".wrapper");t&&this._resizeObs?.observe(t),this._tabsEl&&this._resizeObs?.observe(this._tabsEl),this._tray&&(this._tray.addEventListener("scroll",this.#h,{passive:!0}),this._tray.addEventListener("wheel",this.#l,{passive:!1})),window.addEventListener("resize",this.#a,{passive:!0}),this.#e(),this.addEventListener("keydown",this.#d,{capture:!0});const e=this.renderRoot.querySelector(".tabs");if(e){const t=parseFloat(getComputedStyle(e).getPropertyValue("--sky-tab-anim-ms"))||280;this.keyNavDebounce=Math.round(.5*t)}this._btnPrev=this.renderRoot.querySelector(".navbtn.prev"),this._btnNext=this.renderRoot.querySelector(".navbtn.next"),this.#b(),queueMicrotask(()=>{this.#u(),this.#i(),this.#s(),this.#y(!1),this.#r(),this._ready=!0})}#m(){return this._contentSlot?.assignedElements({flatten:!0})??[]}#f(t,e){if(null==t||""===t)return`__index:${e}`;const i=t.match(/^tab-(\d+)$/);return i?`__index:${i[1]}`:t}#g(t,e){if(null==t||""===t)return`__index:${e}`;if(t.startsWith("panel-unpaired-"))return`__index:${e}`;const i=t.match(/^panel-(\d+)$/);return i?`__index:${i[1]}`:t}#v(){const t=this.#n(),e=new Set;return t.map((t,i)=>{const s=this.#f(t.id??null,i);return s.startsWith("__index:")?s:e.has(s)?`__index:${i}`:(e.add(s),s)})}#w(){const t=this.#m(),e=new Map;return t.forEach((t,i)=>{const s=this.#g(t.id??null,i);e.has(s)||e.set(s,t)}),e}#x(){const t=this.#v(),e=this.#w();return t.map(t=>e.get(t))}#u(){const t=this.#x(),e=new Set(t.filter(t=>null!=t)),i=this.#n();t.forEach((t,e)=>{if(!t)return;const s=String(e);(!t.id||t.id.startsWith("panel-unpaired-")||/^panel-\d+$/.test(t.id))&&(t.id=`panel-${s}`);const r=this.selectedIndex===e;t.toggleAttribute("selected",r),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby",i[e]?.id??`tab-${s}`)}),i.forEach((e,i)=>{e.setAttribute("aria-controls",t[i]?.id??`panel-${i}`)}),this.#m().forEach(t=>{e.has(t)||(t.toggleAttribute("selected",!1),t.setAttribute("role","tabpanel"),t.id&&!t.id.startsWith("panel-")||(t.id=`panel-unpaired-${Math.random().toString(36).slice(2)}`))})}#t;#e(){const t=this.#n();t.forEach((t,e)=>{const i=String(e);t.setAttribute("role","tab"),t.id||(t.id=`tab-${i}`),t.setAttribute("aria-controls",`panel-${i}`);const s=e===this.selectedIndex;t.setAttribute("aria-selected",String(s)),t.setAttribute("tabindex",s?"0":"-1"),"number"==typeof t.tabIndex&&t.tabIndex<0&&(t.tabIndex=s?0:-1),t.removeEventListener("click",this.#o),t.addEventListener("click",this.#o)});const e=t.map(t=>t.id);new Set(e).size!==e.length&&t.forEach((t,e)=>{const i=String(e);t.id=`tab-${i}`,t.setAttribute("aria-controls",`panel-${i}`)})}#n(){return this._labelSlot?.assignedElements({flatten:!0})??[]}#o;disconnectedCallback(){super.disconnectedCallback(),this._thumbAnimation?.cancel(),this._resizeObs?.disconnect(),window.removeEventListener("resize",this.#a),this._tray?.removeEventListener("scroll",this.#h),this._tray?.removeEventListener("wheel",this.#l),this._holdTimer&&(window.clearInterval(this._holdTimer),this._holdTimer=null),this._holdStartTimer&&(window.clearTimeout(this._holdStartTimer),this._holdStartTimer=null),this._keyNavTimer&&(window.clearTimeout(this._keyNavTimer),this._keyNavTimer=null)}updated(t){if(t.has("color")){const t=c(this.color),e=p(this.color);this.style.setProperty("--sky-tab-color",t),this.style.setProperty("--sky-tab-text-color-active",e)}(t.has("selectedIndex")||t.has("tabBarPosition")||t.has("overflowButton"))&&(this.#i(),this.#s(),requestAnimationFrame(()=>{this.#y(!0),this.#r()}))}#a;#r(t=!1){if(!this.overflowButton)return;const e=this._tray;if(!e)return;const i="left"===this.tabBarPosition||"right"===this.tabBarPosition,s=i?e.scrollHeight:e.scrollWidth,r=i?e.clientHeight:e.clientWidth,o=i?e.scrollTop:e.scrollLeft,n=o>0,a=o+r<s-1,l=this._canBack!==n||this._canFwd!==a;this._canBack=n,this._canFwd=a,!t&&l&&(this.#b(),this.requestUpdate())}#l;#h;#k(t){if(!this.overflowButton)return;const e=this._tray;if(!e)return;if(this.navSelectOnButtons&&"tab"===this.scrollMode)return void this.#_(t);const i="left"===this.tabBarPosition||"right"===this.tabBarPosition;if("px"===this.scrollMode){const s=t*this.scrollPx;return void e.scrollBy({left:i?0:s,top:i?s:0,behavior:"smooth"})}if("page"===this.scrollMode){const{start:s,end:r}=this.#S(),o=(i?e.clientHeight:e.clientWidth)-(s+r),n=.8*Math.max(0,o);return void e.scrollBy({left:i?0:t*n,top:i?t*n:0,behavior:"smooth"})}const s=this.#n();if(!s.length)return;const r=i?e.scrollTop:e.scrollLeft,o=s.map(t=>({el:t,start:i?t.offsetTop:t.offsetLeft,end:i?t.offsetTop+t.offsetHeight:t.offsetLeft+t.offsetWidth}));let n=o.findIndex(t=>t.start>=r-1);-1===n&&(n=o.length-1);const a=o[t>0?Math.min(n+1,o.length-1):Math.max(n-1,0)].el;this.#P(a,i),requestAnimationFrame(()=>this.#r())}#B(t){this.overflowButton&&(this._held=!1,this._holdSign=t,this._holdStartTimer=window.setTimeout(()=>{this._held=!0,this.#k(t),this._holdTimer=window.setInterval(()=>this.#k(t),this.holdInterval)},this.holdDelay))}#T(){this.overflowButton&&(this._holdStartTimer&&(window.clearTimeout(this._holdStartTimer),this._holdStartTimer=null),this._holdTimer&&(window.clearInterval(this._holdTimer),this._holdTimer=null),!this._held&&this._holdSign&&this.#k(this._holdSign),this._held=!1,this._holdSign=void 0)}#P(t,e){const i=this._tray,s=e?t.offsetTop:t.offsetLeft;i.scrollTo({left:e?0:s,top:e?s:0,behavior:"smooth"})}#y(t=!0){const e=this._tray,i=this._tabsEl,s=this.#n(),r=this.selectedIndex,o=s[r];if(!(e&&i&&o&&s.length))return;const n="left"===this.tabBarPosition||"right"===this.tabBarPosition,a=n?e.scrollTop:e.scrollLeft,l=n?e.clientHeight:e.clientWidth,{start:h,end:d}=this.#S(),c=a,p=Math.max(0,l-(h+d)),b=c+h,u=b+p,y=n?e.scrollHeight:e.scrollWidth;if(y<=l+1)return;const m=this.neighborPad??8,f=t=>{const e=n?t.offsetTop:t.offsetLeft,i=n?t.offsetHeight:t.offsetWidth;return{start:e,end:e+i,size:i}},g=f(o),v=r>0?f(s[r-1]):null,w=r<s.length-1?f(s[r+1]):null,x=v?Math.min(v.size+m,Math.floor(.35*p)):0,k=w?Math.min(w.size+m,Math.floor(.35*p)):0;let _=c;g.start<b+x&&(_=g.start-x-h),g.end>u-k&&(_=g.end-(p-k)-h),_=Math.max(0,Math.min(_,y-l));{const t=Math.max(0,g.end-(p-k)-h),e=Math.min(y-l,g.start-x-h);_<t&&(_=t),_>e&&(_=e),_=Math.max(0,Math.min(_,y-l))}e.scrollTo({left:n?0:_,top:n?_:0,behavior:t?"smooth":"auto"}),requestAnimationFrame(()=>this.#r())}#s(){const t=this.renderRoot.querySelector(".tabs"),e=this.#n()[this.selectedIndex],i=t?.querySelector(".thumb");if(!t||!e||!i)return;const s=getComputedStyle(t),r=parseFloat(s.paddingLeft||"4"),o=parseFloat(s.paddingTop||"4"),n=t.getBoundingClientRect(),a=e.getBoundingClientRect(),l=n.width/t.clientWidth||1,h=n.height/t.clientHeight||1,d=(a.left-n.left-r*l)/l,c=(a.top-n.top-o*h)/h,p=`translate(${d}px, ${c}px)`,b=`${a.width/l}px`,u=`${a.height/h}px`;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||!this._ready)return t.style.setProperty("--thumb-x",`${d}px`),t.style.setProperty("--thumb-y",`${c}px`),t.style.setProperty("--thumb-w",b),void t.style.setProperty("--thumb-h",u);const y=getComputedStyle(i),m=[{transform:y.transform||"translate(0, 0)",width:y.width||"0px",height:y.height||"0px"},{transform:p,width:b,height:u}],f=parseFloat(getComputedStyle(t).getPropertyValue("--sky-tab-anim-ms"))||280,g=getComputedStyle(t).getPropertyValue("--sky-tab-anim-ease")||"cubic-bezier(0.2, 0.8, 0.2, 1)";this._thumbAnimation?.cancel(),this._thumbAnimation=i.animate(m,{duration:f,easing:g,fill:"forwards"}),t.style.setProperty("--thumb-x",`${d}px`),t.style.setProperty("--thumb-y",`${c}px`),t.style.setProperty("--thumb-w",b),t.style.setProperty("--thumb-h",u)}#i(){const t=this.renderRoot.querySelector(".tabs");if(!t)return;if(!("left"===this.tabBarPosition||"right"===this.tabBarPosition))return void t.style.removeProperty("--sky-seg-vert-item-width");const e=this.#n();if(!e.length)return;const i=e.map(t=>{const e=t.style.alignSelf,i=t.style.width;t.style.alignSelf="flex-start",t.style.width="auto";const s=Math.ceil(t.getBoundingClientRect().width);return t.style.alignSelf=e,t.style.width=i,s}),s=Math.max(...i);t.style.setProperty("--sky-seg-vert-item-width",`${s}px`)}#S(){if(!this.overflowButton||!this._tray)return{start:0,end:0};const t="left"===this.tabBarPosition||"right"===this.tabBarPosition,e=this._btnPrev&&!this._btnPrev.hasAttribute("hidden")&&!this._btnPrev.disabled,i=this._btnNext&&!this._btnNext.hasAttribute("hidden")&&!this._btnNext.disabled;let s=0,r=0;if(e){const e=this._btnPrev.getBoundingClientRect();s=t?e.height:e.width}if(i){const e=this._btnNext.getBoundingClientRect();r=t?e.height:e.width}const o=getComputedStyle(this._tray);return{start:s+(t?parseFloat(o.paddingTop||"0"):parseFloat(o.paddingLeft||"0"))+20,end:r+(t?parseFloat(o.paddingBottom||"0"):parseFloat(o.paddingRight||"0"))+20}}#b(){const t=this._tray;if(!t)return;const e="left"===this.tabBarPosition||"right"===this.tabBarPosition,{start:i,end:s}=this.#S();e?(t.style.scrollPaddingBlockStart=`${i}px`,t.style.scrollPaddingBlockEnd=`${s}px`,t.style.scrollPaddingInlineStart="",t.style.scrollPaddingInlineEnd=""):(t.style.scrollPaddingInlineStart=`${i}px`,t.style.scrollPaddingInlineEnd=`${s}px`,t.style.scrollPaddingBlockStart="",t.style.scrollPaddingBlockEnd="")}selectTab(t){if(t===this.selectedIndex)return;const e=this.#x(),i=this.#n(),s=this.selectedIndex;if("unmount"===this.mountStrategy&&e[s]){const t=document.createDocumentFragment();t.append(...Array.from(e[s].childNodes)),this.keepAlive&&this._cache.set(s,t)}if(this.selectedIndex=t,"unmount"===this.mountStrategy&&e[t]){const i=e[t],s=this._cache.get(t);s&&i&&i.append(s)}e.forEach((e,i)=>{e&&e.toggleAttribute("selected",i===t)}),i.forEach((e,i)=>{e.setAttribute("aria-selected",String(i===t)),e.setAttribute("tabindex",i===t?"0":"-1")}),this.updateComplete.then(()=>{this.#s(),this.#y(!0),this.#r(),this.dispatchEvent(new CustomEvent("tab-change",{detail:{activeIndex:this.selectedIndex},bubbles:!1,composed:!1}))})}activate(t=this.selectedIndex){const e=this.#n().length-1;if(e<0)return;const i=Math.max(0,Math.min(t,e));this.selectTab(i)}#d;#c(t){this._keyNavLocked||(this._keyNavLocked=!0,this.selectTab(t),this.#y(!0),requestAnimationFrame(()=>{this.#n()[this.selectedIndex]?.focus({preventScroll:!0}),this._keyNavLocked=!1}))}#p(t){this._keyNavDebouncing?this._keyQueuedDir=t:(this.#_(t),this._keyNavDebouncing=!0,this._keyQueuedDir=null,this._keyNavTimer&&window.clearTimeout(this._keyNavTimer),this._keyNavTimer=window.setTimeout(()=>{this._keyNavDebouncing=!1;const t=this._keyQueuedDir;this._keyQueuedDir=null,t&&this.#p(t)},Math.max(0,this.keyNavDebounce)))}#_(t){const e=this.#n().length;if(!e)return;const i=(this.selectedIndex+t+e)%e;this.#c(i)}renderTabs(){const t="top"===this.tabBarPosition||"bottom"===this.tabBarPosition,e=l(t,()=>r`<sky-icon icon="ion:chevron-back" aria-hidden="true"></sky-icon>`,()=>r`<sky-icon icon="ion:chevron-up" aria-hidden="true"></sky-icon>`),i=l(t,()=>r`<sky-icon icon="ion:chevron-forward" aria-hidden="true"></sky-icon>`,()=>r`<sky-icon icon="ion:chevron-down" aria-hidden="true"></sky-icon>`),s=this.overflowButton,o=s&&(this._canBack||this._canFwd),n=h({rails:!0,top:"top"===this.tabBarPosition,bottom:"bottom"===this.tabBarPosition,left:"left"===this.tabBarPosition,right:"right"===this.tabBarPosition}),a=h({tray:!0,"tray--buttons":s,"tray--native":!s}),d=h({tabs:!0,top:"top"===this.tabBarPosition,bottom:"bottom"===this.tabBarPosition,left:"left"===this.tabBarPosition,right:"right"===this.tabBarPosition});return r`
+      <div class=${n} part="rails">
+        <button
+          class="navbtn prev"
+          ?hidden=${!s||!o}
+          .disabled=${!this._canBack&&!this.navSelectOnButtons}
+          @pointerdown=${()=>this.#B(-1)}
+          @pointerup=${this.#T}
+          @pointerleave=${this.#T}
+          @pointercancel=${this.#T}
+          aria-label=${t?"Scroll tabs left":"Scroll tabs up"}
+        >
+          ${e}
+        </button>
+
+        <div class=${a} part="tray">
+          <div
+            class=${d}
+            part="tabs"
+            role="tablist"
+            tabindex="-1"
+            data-ready=${String(this._ready)}
+            aria-orientation=${t?"horizontal":"vertical"}
+          >
+            <span class="thumb" part="indicator" aria-hidden="true"></span>
+            <slot name="tab" @slotchange=${this.#t}></slot>
+          </div>
+        </div>
+
+        <button
+          class="navbtn next"
+          ?hidden=${!s||!o}
+          .disabled=${!this._canFwd&&!this.navSelectOnButtons}
+          @pointerdown=${()=>this.#B(1)}
+          @pointerup=${this.#T}
+          @pointerleave=${this.#T}
+          @pointercancel=${this.#T}
+          aria-label=${t?"Scroll tabs right":"Scroll tabs down"}
+        >
+          ${i}
+        </button>
+      </div>
+    `}renderContent(){return this.#u(),r`
+      <div
+        class="content"
+        part="content"
+        style=${d({...this.panelWidth?{width:this.panelWidth}:{},...this.panelHeight?{height:this.panelHeight}:{}})}
+      >
+        <slot
+          name="tab-content"
+          @slotchange=${()=>{this.#u(),this.#i(),this.#s()}}
+        ></slot>
+      </div>
+    `}render(){const t=h({wrapper:!0,top:"top"===this.tabBarPosition,bottom:"bottom"===this.tabBarPosition,left:"left"===this.tabBarPosition,right:"right"===this.tabBarPosition}),e="left"===this.tabBarPosition||"top"===this.tabBarPosition,i="right"===this.tabBarPosition||"bottom"===this.tabBarPosition;return r`
+      <div class=${t} style=${d({gap:this.gutter})}>
+        ${l(e,()=>this.renderTabs())}
+        ${this.renderContent()}
+        ${l(i,()=>this.renderTabs())}
+      </div>
+    `}};t([o({type:Number}),e("design:type",Object)],u.prototype,"selectedIndex",void 0),t([o({type:String}),e("design:type",String)],u.prototype,"tabBarPosition",void 0),t([o({type:String}),e("design:type",Object)],u.prototype,"panelHeight",void 0),t([o({type:String}),e("design:type",Object)],u.prototype,"panelWidth",void 0),t([o({type:String}),e("design:type",Object)],u.prototype,"gutter",void 0),t([o({type:String}),e("design:type",String)],u.prototype,"mountStrategy",void 0),t([o({type:Boolean}),e("design:type",Object)],u.prototype,"keepAlive",void 0),t([o({type:Boolean}),e("design:type",Object)],u.prototype,"overflowButton",void 0),t([o({type:String}),e("design:type",String)],u.prototype,"scrollMode",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"scrollPx",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"edgePad",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"holdDelay",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"holdInterval",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"neighbors",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"neighborPad",void 0),t([o({type:Number}),e("design:type",Object)],u.prototype,"keyNavDebounce",void 0),t([o({type:Boolean}),e("design:type",Object)],u.prototype,"navSelectOnButtons",void 0),t([n(),e("design:type",Object)],u.prototype,"_ready",void 0),t([o({type:String}),e("design:type",Object)],u.prototype,"color",void 0),u=t([a("sky-tab")],u);export{u as SkyTab};
+//# sourceMappingURL=sky-tab.js.map

package/dist/sky-tab/sky-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sky-tab.js","sources":["../../src/sky-tab/sky-tab.ts"],"sourcesContent":[null],"names":["SkyTab","LitElement","constructor","this","selectedIndex","tabBarPosition","panelHeight","panelWidth","gutter","mountStrategy","keepAlive","overflowButton","scrollMode","scrollPx","edgePad","holdDelay","holdInterval","neighbors","neighborPad","keyNavDebounce","navSelectOnButtons","_ready","color","_cache","Map","_canBack","_canFwd","_holdTimer","_holdStartTimer","_held","_keyNavLocked","_keyNavTimer","_keyNavDebouncing","_keyQueuedDir","onLabelSlotChange","hydrateLabels","requestAnimationFrame","syncVertWidth","positionThumb","updateOverflowState","onLabelClick","e","idx","labels","indexOf","currentTarget","selectTab","onResize","onWheel","tray","_tray","ctrlKey","Math","abs","deltaY","deltaX","max","scrollHeight","clientHeight","next","scrollTop","preventDefault","scrollBy","top","behavior","delta","shiftKey","scrollWidth","clientWidth","scrollLeft","left","onScroll","onHostKeydown","path","composedPath","some","n","getAttribute","includes","count","length","horiz","dir","key","goToIndex","scheduleKeyNav","dependencies","SkyIcon","styles","css","firstUpdated","_resizeObs","ResizeObserver","renderRoot","querySelector","_labelSlot","_tabsEl","_contentSlot","wrapper","observe","addEventListener","passive","window","capture","tabs","ms","parseFloat","getComputedStyle","getPropertyValue","round","_btnPrev","_btnNext","applyScrollPadding","queueMicrotask","hydratePanels","scrollActiveIntoView","panels","assignedElements","flatten","labelKey","id","i","m","match","panelKey","startsWith","getLabelKeys","used","Set","map","el","has","add","panelByKey","forEach","p","set","orderedPanels","keys","byKey","k","get","pairedSet","filter","fallbackId","String","test","isSelected","toggleAttribute","setAttribute","random","toString","slice","selected","tabIndex","removeEventListener","tabIds","size","disconnectedCallback","super","_thumbAnimation","cancel","disconnect","clearInterval","clearTimeout","updated","changed","baseColor","resolveColor","activeTextColor","resolveTextColorForToken","style","setProperty","isVertical","extent","viewport","pos","canBack","canFwd","requestUpdate","scrollStep","sign","stepOnce","vertical","start","end","getInsets","usable","page","btns","viewStart","positions","b","offsetTop","offsetLeft","offsetHeight","offsetWidth","leftIndex","findIndex","target","min","scrollToElement","holdStart","_holdSign","setTimeout","setInterval","holdStop","undefined","offset","scrollTo","smooth","tabsEl","active","rawStart","rawSize","insetStart","insetEnd","effSize","effStart","effEnd","contentExtent","pad","a","prev","minLead","floor","minTrail","targetStart","windowStartAllowed","windowEndAllowed","wrap","thumb","wrapStyles","padL","paddingLeft","padT","paddingTop","wr","getBoundingClientRect","ar","scaleX","width","scaleY","height","xLocal","yLocal","targetTransform","targetWidth","targetHeight","matchMedia","matches","cs","keyframes","transform","animMs","animEase","animate","duration","easing","fill","removeProperty","widths","prevAlign","alignSelf","prevWidth","w","ceil","maxW","prevVisible","hasAttribute","disabled","nextVisible","r","trayStyles","paddingBottom","paddingRight","scrollPaddingBlockStart","scrollPaddingBlockEnd","scrollPaddingInlineStart","scrollPaddingInlineEnd","index","oldIdx","frag","document","createDocumentFragment","append","Array","from","childNodes","cached","updateComplete","then","dispatchEvent","CustomEvent","detail","activeIndex","bubbles","composed","activate","focus","preventScroll","queued","renderTabs","prevIcon","when","html","nextIcon","useButtons","showNav","railsClasses","classMap","rails","bottom","right","trayClasses","tabsClasses","renderContent","styleMap","render","wrapperClasses","tabsFirst","tabsLast","gap","__decorate","property","type","Number","prototype","Boolean","state","customElement"],"mappings":"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"}

package/dist/sky-tab-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./sky-tab-button";

package/dist/sky-tab-button/index.js

@@ -0,0 +1 @@
+export * from './sky-tab-button.js';

package/dist/sky-tab-button/sky-tab-button.d.ts

@@ -0,0 +1,114 @@
+import { LitElement, PropertyValues } from "lit";
+export type Size = "xs" | "sm" | "md" | "lg" | "xl";
+export type RadiusSize = "none" | "sm" | "md" | "lg" | "full";
+export type SwitchItem = string | {
+    value: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    color?: string;
+};
+type NormalizedItem = {
+    value: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    color?: string;
+};
+export type SkyTabButtonStateChangeDetail = {
+    value: string;
+    index: number;
+    item: NormalizedItem;
+};
+/**
+ * `<sky-tab-button>` — A segmented tab/switch-style button group with smooth animated thumb indicator.
+ * Supports icons, labels, keyboard navigation, dynamic resizing, and accessibility features.
+ *
+ * @element sky-tab-button
+ * @status stable
+ * @since 1.0.0
+ *
+ * @summary Segmented tab-button control with animated thumb and keyboard navigation.
+ *
+ * @documentation https://library.sky-ui.com/components/tab-button
+ * @dependency sky-icon
+ *
+ * @uiVModel value state-change
+ *
+ * @slot - Default slot for additional content (not typically used).
+ *
+ * @csspart wrap - The outer wrapper of the control (radiogroup).
+ * @csspart thumb - The animated highlight element behind the active button.
+ * @csspart btn - Each individual button element.
+ * @csspart label - The optional label span inside each button.
+ * @csspart icon - The optional icon inside each button.
+ *
+ * @property {Array<string|{value:string,label?:string,icon?:string,disabled?:boolean,color?:string}>} states - List of states. Each can be a string or an object with `value`, optional `label`, optional `icon`, optional `disabled`, and optional `color`. Default: []
+ * @property {string} value - Currently selected state value. Reflected as attribute. Default: ""
+ * @property {boolean} disabled - If true, disables all buttons. Reflected as attribute. Default: false
+ * @property {"xs"|"sm"|"md"|"lg"|"xl"} size - Size of the control. Affects padding, font size, and dimensions. Default: "sm"
+ * @property {"none"|"sm"|"md"|"lg"|"full"} radius - Border radius of the control. Default: "full"
+ * @property {boolean} showCurrentLabelOnly - If true, only the currently selected label is shown. Otherwise, all labels are shown. Default: false
+ * @property {string} color - Base color for the active thumb indicator. Supports CSS tokens like "primary", "success", etc. Default: "primary"
+ *
+ * @fires {CustomEvent<SkyTabButtonStateChangeDetail>} state-change - Fired when the selected value changes.
+ * @method focusButton Focuses the currently active tab button.
+ *
+ * @Behavior
+ * - Normalizes string/object states into a single selectable item model.
+ * - Animates active thumb position and optional label visibility.
+ * - Supports keyboard navigation and per-item disabled states.
+ *
+ * @example
+ * ```html
+ * <sky-tab-button size="md" radius="full" color="primary" value="active"></sky-tab-button>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-tab-button :states="states" size="md" radius="full" color="primary" value="active" show-current-label-only></sky-tab-button>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return <sky-tab-button states={[{ value: "draft", label: "Draft" }, { value: "active", label: "Active", icon: "mdi:check" }, { value: "archived", label: "Archived" }]} size="md" radius="full" color="primary" value="active" showCurrentLabelOnly></sky-tab-button>;
+ * }
+ * ```
+ */
+export declare class SkyTabButton extends LitElement {
+    #private;
+    static dependencies: Record<string, CustomElementConstructor>;
+    states: SwitchItem[];
+    value: string;
+    disabled: boolean;
+    size: Size;
+    radius: RadiusSize;
+    showCurrentLabelOnly: boolean;
+    color: string;
+    private _labelWidths;
+    private _ready;
+    private _containerWidth;
+    /** Cached normalized items; updated in willUpdate to avoid repeated array creation. */
+    private _itemsCache;
+    private _canvasContext?;
+    private _thumbAnimation?;
+    private _labelAnimations;
+    private _updateScheduled;
+    private _resizeTimeout?;
+    private _windowResizeTimeout?;
+    private _visibilityRetryTimer?;
+    private _visibilityRetryAttempts;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changed: PropertyValues): void;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: Map<string, unknown>): void;
+    get items(): NormalizedItem[];
+    get index(): number;
+    set index(i: number);
+    /** Re-measure and reposition the active thumb (e.g. after parent layout/visibility changes). */
+    refresh(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    focusButton(): void;
+}
+export {};