le-kit 0.3.4 → 0.4.0

package/dist/le-kit/p-e1846fc2.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as t}from"./p-C-Chwj1b.js";const n=()=>`:host{display:contents;--le-tab-panel-radius:var(--le-radius-md);--le-tab-panel-padding:var(--le-spacing-4)}.tab-panel{margin-top:4px;display:none;border-radius:var(--le-tab-panel-radius);padding:var(--le-tab-panel-padding)}.tab-panel.active{display:block}.tab-panel:focus-visible{outline:2px solid var(--le-color-focus);outline-offset:2px}.tab-panel.lazy-hidden{display:none}`;const s=class{constructor(a){e(this,a)}get el(){return a(this)}label;value;iconStart;iconEnd;disabled=false;lazy=false;active=false;hasBeenActive=false;activeChanged(e){if(e&&!this.hasBeenActive){this.hasBeenActive=true}}async getValue(){return this.value??this.label}async getTabConfig(){return{label:this.label,value:this.value??this.label,iconStart:this.iconStart,iconEnd:this.iconEnd,disabled:this.disabled}}async setActive(e){this.active=e}shouldRenderContent(){if(!this.lazy)return true;return this.hasBeenActive}render(){const e=this.shouldRenderContent();return t("le-component",{key:"0e3a7a052446c3643c09b24ef00f75e8510a5222",component:"le-tab-panel"},t("div",{key:"4ee30fa55177f3957195b403ad764808a5df5cf0",class:{"tab-panel":true,active:this.active,"lazy-hidden":this.lazy&&!this.active},role:"tabpanel","aria-hidden":!this.active?"true":undefined,tabIndex:this.active?0:-1},t("le-slot",{key:"825f30d9cf743243ace0555d48f634feafaefe6a",name:"",description:"Tab panel content",type:"slot"},e&&t("slot",{key:"92e6ade3fa4c97ac0579cba0f78f55ddf00f0fba"}))))}static get watchers(){return{active:["activeChanged"]}}};s.style=n();export{s as le_tab_panel};
-//# sourceMappingURL=p-e1846fc2.entry.js.map

package/dist/le-kit/p-ea71f22c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","Host","classnames","leBoxDefaultCss","LeBox","constructor","hostRef","this","el","grow","shrink","basis","width","height","minWidth","maxWidth","minHeight","maxHeight","background","borderRadius","border","alignSelf","alignContent","justifyContent","padding","order","displayFlex","innerDirection","innerGap","getAlignSelf","alignMap","auto","start","center","end","stretch","baseline","getContentAlign","getContentJustify","justifyMap","render","hostStyle","flexGrow","String","flexShrink","flexBasis","undefined","contentStyle","display","flexDirection","alignItems","gap","hostClass","key","style","class","component","part","name","description","type"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/le-kit/p-f8034500.entry.js

@@ -1,2 +0,0 @@
-import{r as t,d as e,c as a,h as i,H as s}from"./p-C-Chwj1b.js";const n=()=>`:host{display:block;--le-tab-bar-background:var(--le-color-surface);--le-tab-bar-border-color:var(--le-color-border);--le-tab-bar-gap:var(--le-spacing-2);--le-tab-bar-padding-y:var(--le-spacing-2);--le-tab-bar-padding-x:var(--le-spacing-1);background:var(--le-tab-bar-background);padding:var(--le-tab-bar-padding-y) var(--le-tab-bar-padding-x)}:host([full-width]){width:100%}:host(.bordered.position-top){border-bottom:1px solid var(--le-tab-bar-border-color)}:host(.bordered.position-bottom){border-top:1px solid var(--le-tab-bar-border-color)}.tablist{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-around;gap:var(--le-tab-bar-gap, var(--le-spacing-1));width:100%}.tab{display:inline-flex;align-items:flex-start;justify-content:space-around;gap:var(--le-spacing-2);position:relative;background:transparent;border:none;cursor:pointer}.tab-disabled{opacity:0.5;cursor:not-allowed}.tab-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:1.1em}.tab-icon img{width:100%;height:100%;object-fit:contain}.tab-description{font-size:var(--le-font-size-xs);font-weight:var(--le-font-weight-normal);color:var(--le-text-tertiary);margin-left:var(--le-spacing-1)}`;const r=class{constructor(a){t(this,a);this.leTabChange=e(this,"leTabChange")}get el(){return a(this)}tabs=[];selected;fullWidth=true;showLabels=false;position="top";size="medium";bordered=true;tabConfigs=[];isDeclarativeMode=false;focusedIndex=0;leTabChange;mutationObserver;selectedChanged(t){const e=this.tabConfigs.findIndex((e=>e.value===t));if(e>=0){this.focusedIndex=e}}tabsChanged(){if(!this.isDeclarativeMode){this.buildTabConfigs()}}handleSlotChange(){this.buildTabConfigs()}componentWillLoad(){this.buildTabConfigs();if(this.selected===undefined&&this.tabs.length>0){const t=this.tabs.find((t=>!t.disabled));if(t){this.selected=this.getTabValue(t)}}if(this.selected!==undefined){const t=this.getTabIndex(this.selected);if(t>=0){this.focusedIndex=t}}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.buildTabConfigs()}));this.mutationObserver.observe(this.el,{attributes:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}async buildTabConfigs(){const t=Array.from(this.el.querySelectorAll(":scope > le-tab"));if(t.length>0){this.isDeclarativeMode=true;const e=[];for(const a of t){const t=await a.getTabConfig();e.push({...t})}this.tabConfigs=e}else if(this.tabs.length>0){this.isDeclarativeMode=false;this.tabConfigs=this.tabs.map((t=>({label:t.label,value:t.value!==undefined?t.value:t.label,iconStart:t.iconStart,iconEnd:t.iconEnd,disabled:t.disabled??false})))}else{this.tabConfigs=[]}if(this.selected===undefined&&this.tabConfigs.length>0){const t=this.tabConfigs.find((t=>!t.disabled));if(t){this.selected=t.value}}if(this.selected!==undefined){const t=this.tabConfigs.findIndex((t=>t.value===this.selected));if(t>=0){this.focusedIndex=t}}}getTabValue(t){return t.value!==undefined?t.value:t.label}getTabIndex(t){return this.tabs.findIndex((e=>this.getTabValue(e)===t))}selectTab(t){if(t.disabled)return;const e=this.getTabValue(t);this.selected=e;this.leTabChange.emit({value:e,option:t})}handleTabClick=t=>{this.selectTab(t)};handleKeyDown=t=>{const{tabConfigs:e}=this;let a=this.focusedIndex;switch(t.key){case"ArrowLeft":t.preventDefault();a=this.findNextEnabledTab(-1);break;case"ArrowRight":t.preventDefault();a=this.findNextEnabledTab(1);break;case"Home":t.preventDefault();a=this.findFirstEnabledTab();break;case"End":t.preventDefault();a=this.findLastEnabledTab();break;case"Enter":case" ":t.preventDefault();if(e[this.focusedIndex]){this.selectTab(e[this.focusedIndex])}return;default:return}if(a!==this.focusedIndex){this.focusedIndex=a;if(e[a]){this.selectTab(e[a])}}};findNextEnabledTab(t){const{tabConfigs:e}=this;let a=this.focusedIndex;const i=e.length;for(let s=0;s<i;s++){a=(a+t+i)%i;if(!e[a].disabled){return a}}return this.focusedIndex}findFirstEnabledTab(){return this.tabConfigs.findIndex((t=>!t.disabled))}findLastEnabledTab(){for(let t=this.tabConfigs.length-1;t>=0;t--){if(!this.tabConfigs[t].disabled)return t}return 0}render(){const{tabConfigs:t,selected:e,size:a,bordered:n}=this;const r={"le-tab-bar":true,bordered:n,"position-top":this.position==="top","position-bottom":this.position==="bottom"};return i(s,{key:"45acb7c7c2c2676f1b7040d59dc56e3ef762a5fb",class:r},i("le-component",{key:"ed3b7eaf5163ebe676b3c830039f689782d6c58b",component:"le-tab-bar"},i("div",{key:"ba0d8f8a6adb511671ab540e7c1f3cdcda86dc05",class:"tablist",role:"tablist","aria-orientation":"horizontal",part:"tablist",onKeyDown:this.handleKeyDown},i("le-slot",{key:"11e4cb848cfb6ede8f65d2d35732f9d7702def26",name:"",type:"slot",allowedComponents:"le-tab"},t.map((t=>{const s=this.getTabValue(t);const n=s===e;return i("le-tab",{key:s,class:"tab",role:"tab",variant:"icon-only",label:t.label,value:t.value,icon:t.icon,href:t.href,selected:n,disabled:t.disabled,showLabel:this.showLabels,size:a,part:n?"tab tab-active":"tab","aria-selected":n?"true":"false","aria-disabled":t.disabled?"true":undefined,tabIndex:-1,onClick:()=>this.handleTabClick(t)},i("span",{class:"tab-label"},t.label))}))))))}static get watchers(){return{selected:["selectedChanged"],tabs:["tabsChanged"]}}};r.style=n();export{r as le_tab_bar};
-//# sourceMappingURL=p-f8034500.entry.js.map