@ebrains/vue 0.7.0-alpha.0 → 0.8.0-alpha.0

package/{eds-tabs.entry-DJKEg0Gs.js → eds-tabs.entry-CxValIYM.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-D4alMZtT.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./index-39c58238-SQ-JC-LH.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=`@font-face {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-QKKBbj1_.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./index-39c58238-SQ-JC-LH.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=`@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -5781,15 +5781,6 @@ video {
 .cols-container > .ml-0 {
   margin-left: 0;
 }
-.w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.cols-container > .w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.w-12-cols > * {
-  --container-grid-columns: 12;
-}
 .border-inside {
   position: relative;
 
@@ -6237,6 +6228,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-8 {
   right: 0.5rem;
 }
+.right-\\[4px\\] {
+  right: 4px;
+}
 .right-\\[6px\\] {
   right: 6px;
 }
@@ -6536,15 +6530,15 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-full {
   min-height: 100%;
 }
-.min-h-screen {
-  min-height: 100vh;
-}
 .w-1\\/2 {
   width: 50%;
 }
 .w-20 {
   width: 1.25rem;
 }
+.w-24 {
+  width: 1.5rem;
+}
 .w-28 {
   width: 1.75rem;
 }
@@ -6888,9 +6882,6 @@ input[type="range"]::-webkit-slider-thumb {
 .border-transparent {
   border-color: var(--transparent);
 }
-.border-b-softer {
-  border-bottom-color: rgba(0, 0, 0, .1 );
-}
 .\\!bg-accent-dark {
   background-color: var(--green-600) !important;
 }
@@ -6900,6 +6891,10 @@ input[type="range"]::-webkit-slider-thumb {
 .\\!bg-strong-dark {
   background-color: var(--grey-800) !important;
 }
+.bg-\\[\\#00A595\\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 165 149 / var(--tw-bg-opacity));
+}
 .bg-accent {
   background-color: var(--green-500);
 }
@@ -6995,6 +6990,9 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
+.p-24 {
+  padding: 1.5rem;
+}
 .p-32 {
   padding: 2rem;
 }
@@ -7080,9 +7078,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pb-28 {
   padding-bottom: 1.75rem;
 }
-.pb-60 {
-  padding-bottom: 3.75rem;
-}
 .pb-8 {
   padding-bottom: 0.5rem;
 }
@@ -7116,6 +7111,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pr-4 {
   padding-right: 0.25rem;
 }
+.pr-40 {
+  padding-right: 2.5rem;
+}
 .pr-8 {
   padding-right: 0.5rem;
 }
@@ -7131,9 +7129,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
-.pt-40 {
-  padding-top: 2.5rem;
-}
 .pt-48 {
   padding-top: 3rem;
 }
@@ -7273,6 +7268,13 @@ input[type="range"]::-webkit-slider-thumb {
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7286,6 +7288,9 @@ input[type="range"]::-webkit-slider-thumb {
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-75 {
+  transition-duration: 75ms;
+}
 [class*="keyline-"] {
   position: relative;
 }
@@ -7380,15 +7385,6 @@ input[type="range"]::-webkit-slider-thumb {
     --container-grid-columns: 6;
     grid-column: span 6 / span 6;
   }
-  .md\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .md\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .md\\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 @media (min-width: 900px) {
   .lg\\:grid-col-span-5 {
@@ -7402,24 +7398,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:grid-col-start-7 {
     grid-column-start: 7;
   }
-  .lg\\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\\:w-8-cols > * {
-    --container-grid-columns: 8;
-  }
-  .lg\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 .even\\:bg-inverse-softer:nth-child(even) {
   background-color: rgba(255, 255, 255, .15);
@@ -7517,6 +7495,9 @@ input[type="range"]::-webkit-slider-thumb {
 .aria-disabled\\:line-through[aria-disabled="true"] {
   text-decoration-line: line-through;
 }
+.aria-disabled\\:no-underline[aria-disabled="true"] {
+  text-decoration-line: none;
+}
 .aria-disabled\\:shadow-none[aria-disabled="true"] {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -7708,6 +7689,9 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:gap-y-12 {
     row-gap: 0.75rem;
   }
+  .md\\:p-48 {
+    padding: 3rem;
+  }
   .md\\:pt-28 {
     padding-top: 1.75rem;
   }
@@ -7772,4 +7756,4 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`,c=a,t=class{constructor(n){i.registerInstance(this,n),this.tab=i.createEvent(this,"tab",7),this.tabCva=d.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.id,index:0})}parseTabs(){this.parsedTabs=s.parseData(this.tabs)}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(n=>n.active)}scrollToActiveTab(){var n;const e=(n=this.tabContainer)===null||n===void 0?void 0:n.querySelector("[data-tab-active]");e&&setTimeout(()=>{e.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(n,e){const r=n?"center":this.activeIndex===-1&&e===0?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:n,position:r}),style:{zIndex:`${n?this.parsedTabs.length+99:r==="left"?e:this.parsedTabs.length+1-e}`}},n?{"data-tab-active":"true"}:{})}handleTabClick(n,e){this.activeIndex=n,this.parsedTabs=this.parsedTabs.map((r,l)=>Object.assign(Object.assign({},r),{active:l===n})),this.tab.emit({tabId:this.id,index:n,name:e}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(e==null?void 0:e.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"684231fc874298248db4aaf41f7845343b16ab3c",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"4083dc93dae192eb61b12a37864b1b12bdf048a6",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"0d0a707908275bc2e95ebcb0ec07fb24f12664c2",ref:n=>this.tabContainer=n,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((n,e)=>{const r=n.active?"span":"a",l=this.getTabOptions(n.active,e);return i.h(r,Object.assign({},l,{"aria-label":n.label,"aria-current":e===this.activeIndex,onClick:()=>this.handleTabClick(e,n.label)}),n.label||n.ariaLabel)}))))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};t.style=c;exports.eds_tabs=t;
+`,c=a,t=class{constructor(n){i.registerInstance(this,n),this.tab=i.createEvent(this,"tab",7),this.tabCva=d.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.id,index:0})}parseTabs(){this.parsedTabs=s.parseData(this.tabs)}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(n=>n.active)}scrollToActiveTab(){var n;const e=(n=this.tabContainer)===null||n===void 0?void 0:n.querySelector("[data-tab-active]");e&&setTimeout(()=>{e.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(n,e){const r=n?"center":this.activeIndex===-1&&e===0?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:n,position:r}),style:{zIndex:`${n?this.parsedTabs.length+99:r==="left"?e:this.parsedTabs.length+1-e}`}},n?{"data-tab-active":"true"}:{})}handleTabClick(n,e){this.activeIndex=n,this.parsedTabs=this.parsedTabs.map((r,l)=>Object.assign(Object.assign({},r),{active:l===n})),this.tab.emit({tabId:this.id,index:n,name:e}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(e==null?void 0:e.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"217bdc60c3b3089fb3e16e4b18214b3ed4096118",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"c8f10440cbc52e4b6c93c8512e011da343290e4b",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"cc8375d321a7116dcda08a0174ad941382d0ba43",ref:n=>this.tabContainer=n,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((n,e)=>{const r=n.active?"span":"a",l=this.getTabOptions(n.active,e);return i.h(r,Object.assign({},l,{"aria-label":n.label,"aria-current":e===this.activeIndex,onClick:()=>this.handleTabClick(e,n.label)}),n.label||n.ariaLabel)}))))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};t.style=c;exports.eds_tabs=t;