From d1f119654b4d88ed7a029d4f5443155442f294e4 Mon Sep 17 00:00:00 2001 From: Emilio Mariscal Date: Mon, 14 Oct 2024 16:51:35 -0300 Subject: [PATCH] Working on fix for Header > Nav --- .storybook/stories/header.stories.ts | 10 ++-------- .../{chunk.PCS4XLCJ.js => chunk.4SB2ERYH.js} | 15 +++++++-------- .../{chunk.N7EMTT26.js => chunk.HG7UATLC.js} | 2 +- .../{chunk.6NA5HMIF.js => chunk.OZAMUC24.js} | 3 --- dist/components/header/header.component.js | 2 +- dist/components/header/header.js | 2 +- dist/components/header/header.styles.js | 2 +- dist/hotosm-ui.js | 2 +- dist/react/header/index.js | 2 +- dist/react/index.js | 2 +- src/components/header/header.component.ts | 3 +-- src/components/header/header.styles.ts | 3 --- 12 files changed, 17 insertions(+), 31 deletions(-) rename dist/chunks/{chunk.PCS4XLCJ.js => chunk.4SB2ERYH.js} (66%) rename dist/chunks/{chunk.N7EMTT26.js => chunk.HG7UATLC.js} (70%) rename dist/chunks/{chunk.6NA5HMIF.js => chunk.OZAMUC24.js} (97%) diff --git a/.storybook/stories/header.stories.ts b/.storybook/stories/header.stories.ts index 00dc196..fa49ff7 100644 --- a/.storybook/stories/header.stories.ts +++ b/.storybook/stories/header.stories.ts @@ -18,17 +18,11 @@ const oneTab = [ const twoTab = [ { label: 'GO TO HEADER PAGE', - clickEvent: async () => { - const url = await hrefTo('Button', 'Template'); - window.location.href = url; - } + clickEvent: async () => {} }, { label: 'GO TO TRACKING PAGE', - clickEvent: async () => { - const url = await hrefTo('Tracking', 'Template'); - window.location.href = url; - } + clickEvent: async () => {} } ]; const threeTab = Array.from({ length: 3 }, (_, index) => ({ diff --git a/dist/chunks/chunk.PCS4XLCJ.js b/dist/chunks/chunk.4SB2ERYH.js similarity index 66% rename from dist/chunks/chunk.PCS4XLCJ.js rename to dist/chunks/chunk.4SB2ERYH.js index cb0ea5d..c37485e 100644 --- a/dist/chunks/chunk.PCS4XLCJ.js +++ b/dist/chunks/chunk.4SB2ERYH.js @@ -1,4 +1,4 @@ -import{a as d}from"./chunk.WPXUR5EI.js";import{a as h,b as g}from"./chunk.6NA5HMIF.js";import{a as t,b as s,c as l,d as o}from"./chunk.FWYUHKRF.js";import"@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";import"@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";import"@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";import"@shoelace-style/shoelace/dist/components/tab/tab.js";import{LitElement as E,html as i}from"lit";import{property as a}from"lit/decorators.js";d();var p,b,m,v,u,y,$,e=class extends E{constructor(){super(...arguments);this.name="hot-header";l(this,p,"");l(this,b,"");l(this,m,!0);l(this,v,[]);l(this,u,"small");l(this,y,!0);l(this,$,0)}get title(){return s(this,p)}set title(c){o(this,p,c)}get logo(){return s(this,b)}set logo(c){o(this,b,c)}get drawer(){return s(this,m)}set drawer(c){o(this,m,c)}get tabs(){return s(this,v)}set tabs(c){o(this,v,c)}get size(){return s(this,u)}set size(c){o(this,u,c)}get borderBottom(){return s(this,y)}set borderBottom(c){o(this,y,c)}get selectedTab(){return s(this,$)}set selectedTab(c){o(this,$,c)}render(){let c=typeof this.logo=="string"||this.logo instanceof URL?typeof this.logo=="string"?this.logo:this.logo.href:"";return i` +import{a as d}from"./chunk.WPXUR5EI.js";import{a as h,b as g}from"./chunk.OZAMUC24.js";import{a as t,b as s,c as l,d as o}from"./chunk.FWYUHKRF.js";import"@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";import"@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";import"@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";import"@shoelace-style/shoelace/dist/components/tab/tab.js";import{LitElement as E,html as i}from"lit";import{property as r}from"lit/decorators.js";d();var p,m,b,v,u,y,$,e=class extends E{constructor(){super(...arguments);this.name="hot-header";l(this,p,"");l(this,m,"");l(this,b,!0);l(this,v,[]);l(this,u,"small");l(this,y,!0);l(this,$,0)}get title(){return s(this,p)}set title(c){o(this,p,c)}get logo(){return s(this,m)}set logo(c){o(this,m,c)}get drawer(){return s(this,b)}set drawer(c){o(this,b,c)}get tabs(){return s(this,v)}set tabs(c){o(this,v,c)}get size(){return s(this,u)}set size(c){o(this,u,c)}get borderBottom(){return s(this,y)}set borderBottom(c){o(this,y,c)}get selectedTab(){return s(this,$)}set selectedTab(c){o(this,$,c)}render(){let c=typeof this.logo=="string"||this.logo instanceof URL?typeof this.logo=="string"?this.logo:this.logo.href:"";return i`
${c.length>0?i` @@ -26,16 +26,15 @@ import{a as d}from"./chunk.WPXUR5EI.js";import{a as h,b as g}from"./chunk.6NA5HM class="header--nav" > - ${this.tabs.map((r,n)=>i` + ${this.tabs.map((a,n)=>i` {this._selectTab(f,r.clickEvent,n)}} - ?active=${this.selectedTab===n} + @click=${f=>{this._selectTab(f,a.clickEvent,n)}} + active=${this.selectedTab===n} > - ${r.label} - ${this.selectedTab} + ${a.label} `)} @@ -53,7 +52,7 @@ import{a as d}from"./chunk.WPXUR5EI.js";import{a as h,b as g}from"./chunk.6NA5HM library="hot-icons" class="header--person-circle" label="login" - @click=${r=>{this._handleLogin(r)}} + @click=${a=>{this._handleLogin(a)}} > ${this.drawer?i`
- `}_selectTab(c,r,n){this.selectedTab=n,r()}_handleLogin(c){this.dispatchEvent(new Event("login"))}};p=new WeakMap,b=new WeakMap,m=new WeakMap,v=new WeakMap,u=new WeakMap,y=new WeakMap,$=new WeakMap,e.styles=[g],t([a({type:String})],e.prototype,"title",1),t([a({type:String})],e.prototype,"logo",1),t([a({type:Boolean})],e.prototype,"drawer",1),t([a({type:Array})],e.prototype,"tabs",1),t([a({type:String})],e.prototype,"size",1),t([a({type:Boolean})],e.prototype,"borderBottom",1),t([a({type:Number})],e.prototype,"selectedTab",1);var x=e;customElements.define("hot-header",e);export{e as a,x as b}; + `}_selectTab(c,a,n){this.selectedTab=n,a()}_handleLogin(c){this.dispatchEvent(new Event("login"))}};p=new WeakMap,m=new WeakMap,b=new WeakMap,v=new WeakMap,u=new WeakMap,y=new WeakMap,$=new WeakMap,e.styles=[g],t([r({type:String})],e.prototype,"title",1),t([r({type:String})],e.prototype,"logo",1),t([r({type:Boolean})],e.prototype,"drawer",1),t([r({type:Array})],e.prototype,"tabs",1),t([r({type:String})],e.prototype,"size",1),t([r({type:Boolean})],e.prototype,"borderBottom",1),t([r({type:Number})],e.prototype,"selectedTab",1);var x=e;customElements.define("hot-header",e);export{e as a,x as b}; diff --git a/dist/chunks/chunk.N7EMTT26.js b/dist/chunks/chunk.HG7UATLC.js similarity index 70% rename from dist/chunks/chunk.N7EMTT26.js rename to dist/chunks/chunk.HG7UATLC.js index 3d65c45..a220568 100644 --- a/dist/chunks/chunk.N7EMTT26.js +++ b/dist/chunks/chunk.HG7UATLC.js @@ -1 +1 @@ -import{b as e}from"./chunk.PCS4XLCJ.js";import*as t from"react";import{createComponent as a}from"@lit/react";var o="hot-header",r=a({tagName:o,elementClass:e,react:t,events:{},displayName:"Header"}),n=r;export{n as a}; +import{b as e}from"./chunk.4SB2ERYH.js";import*as t from"react";import{createComponent as a}from"@lit/react";var o="hot-header",r=a({tagName:o,elementClass:e,react:t,events:{},displayName:"Header"}),n=r;export{n as a}; diff --git a/dist/chunks/chunk.6NA5HMIF.js b/dist/chunks/chunk.OZAMUC24.js similarity index 97% rename from dist/chunks/chunk.6NA5HMIF.js rename to dist/chunks/chunk.OZAMUC24.js index 34cfb41..3c756b4 100644 --- a/dist/chunks/chunk.6NA5HMIF.js +++ b/dist/chunks/chunk.OZAMUC24.js @@ -78,8 +78,5 @@ import{css as e}from"lit";import{cva as a}from"class-variance-authority";var o=a .header--logo-img { } - .header--hidden { - font-size: .1px; - } } `;export{o as a,i as b}; diff --git a/dist/components/header/header.component.js b/dist/components/header/header.component.js index b8de2a9..9d84fd5 100644 --- a/dist/components/header/header.component.js +++ b/dist/components/header/header.component.js @@ -1 +1 @@ -import{a,b}from"../../chunks/chunk.PCS4XLCJ.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.6NA5HMIF.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as Header,b as default}; +import{a,b}from"../../chunks/chunk.4SB2ERYH.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.OZAMUC24.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as Header,b as default}; diff --git a/dist/components/header/header.js b/dist/components/header/header.js index a7e5eef..a3d26ee 100644 --- a/dist/components/header/header.js +++ b/dist/components/header/header.js @@ -1 +1 @@ -import{a,b as e}from"../../chunks/chunk.PCS4XLCJ.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.6NA5HMIF.js";import"../../chunks/chunk.FWYUHKRF.js";var o=e;export{a as Header,o as default}; +import{a,b as e}from"../../chunks/chunk.4SB2ERYH.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.OZAMUC24.js";import"../../chunks/chunk.FWYUHKRF.js";var o=e;export{a as Header,o as default}; diff --git a/dist/components/header/header.styles.js b/dist/components/header/header.styles.js index ff3cda3..62104ee 100644 --- a/dist/components/header/header.styles.js +++ b/dist/components/header/header.styles.js @@ -1 +1 @@ -import{a,b}from"../../chunks/chunk.6NA5HMIF.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as headerVariants,b as styles}; +import{a,b}from"../../chunks/chunk.OZAMUC24.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as headerVariants,b as styles}; diff --git a/dist/hotosm-ui.js b/dist/hotosm-ui.js index 485acd0..842a3f0 100644 --- a/dist/hotosm-ui.js +++ b/dist/hotosm-ui.js @@ -1 +1 @@ -import{b as e}from"./chunks/chunk.R73PKLI4.js";import"./chunks/chunk.KTVXG6ZT.js";import{b as t}from"./chunks/chunk.GVYEHPTU.js";import"./chunks/chunk.PUMXQ24J.js";import{b as r}from"./chunks/chunk.NZIJQUIE.js";import{b as a}from"./chunks/chunk.GY32O3WU.js";import"./chunks/chunk.Q5SXKMUN.js";import{b as o}from"./chunks/chunk.PCS4XLCJ.js";import"./chunks/chunk.WPXUR5EI.js";import"./chunks/chunk.6NA5HMIF.js";import"./chunks/chunk.FWYUHKRF.js";import{setBasePath as uo}from"@shoelace-style/shoelace/dist/utilities/base-path.js";import i from"@shoelace-style/shoelace/dist/components/alert/alert.component.js";import m from"@shoelace-style/shoelace/dist/components/animated-image/animated-image.component.js";import l from"@shoelace-style/shoelace/dist/components/animation/animation.component.js";import n from"@shoelace-style/shoelace/dist/components/avatar/avatar.component.js";import p from"@shoelace-style/shoelace/dist/components/badge/badge.component.js";import d from"@shoelace-style/shoelace/dist/components/breadcrumb/breadcrumb.component.js";import s from"@shoelace-style/shoelace/dist/components/breadcrumb-item/breadcrumb-item.component.js";import S from"@shoelace-style/shoelace/dist/components/button/button.component.js";import f from"@shoelace-style/shoelace/dist/components/button-group/button-group.component.js";import h from"@shoelace-style/shoelace/dist/components/card/card.component.js";import u from"@shoelace-style/shoelace/dist/components/carousel/carousel.component.js";import b from"@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.component.js";import c from"@shoelace-style/shoelace/dist/components/checkbox/checkbox.component.js";import g from"@shoelace-style/shoelace/dist/components/color-picker/color-picker.component.js";import T from"@shoelace-style/shoelace/dist/components/copy-button/copy-button.component.js";import B from"@shoelace-style/shoelace/dist/components/details/details.component.js";import I from"@shoelace-style/shoelace/dist/components/dialog/dialog.component.js";import v from"@shoelace-style/shoelace/dist/components/divider/divider.component.js";import R from"@shoelace-style/shoelace/dist/components/drawer/drawer.component.js";import C from"@shoelace-style/shoelace/dist/components/dropdown/dropdown.component.js";import P from"@shoelace-style/shoelace/dist/components/format-bytes/format-bytes.component.js";import D from"@shoelace-style/shoelace/dist/components/format-date/format-date.component.js";import k from"@shoelace-style/shoelace/dist/components/format-number/format-number.component.js";import w from"@shoelace-style/shoelace/dist/components/icon/icon.component.js";import y from"@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js";import M from"@shoelace-style/shoelace/dist/components/image-comparer/image-comparer.component.js";import A from"@shoelace-style/shoelace/dist/components/include/include.component.js";import x from"@shoelace-style/shoelace/dist/components/input/input.component.js";import H from"@shoelace-style/shoelace/dist/components/menu/menu.component.js";import F from"@shoelace-style/shoelace/dist/components/menu-item/menu-item.component.js";import G from"@shoelace-style/shoelace/dist/components/menu-label/menu-label.component.js";import O from"@shoelace-style/shoelace/dist/components/mutation-observer/mutation-observer.component.js";import L from"@shoelace-style/shoelace/dist/components/option/option.component.js";import z from"@shoelace-style/shoelace/dist/components/popup/popup.component.js";import N from"@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.component.js";import V from"@shoelace-style/shoelace/dist/components/progress-ring/progress-ring.component.js";import E from"@shoelace-style/shoelace/dist/components/radio/radio.component.js";import j from"@shoelace-style/shoelace/dist/components/radio-button/radio-button.component.js";import q from"@shoelace-style/shoelace/dist/components/radio-group/radio-group.component.js";import J from"@shoelace-style/shoelace/dist/components/range/range.component.js";import K from"@shoelace-style/shoelace/dist/components/rating/rating.component.js";import Q from"@shoelace-style/shoelace/dist/components/relative-time/relative-time.component.js";import U from"@shoelace-style/shoelace/dist/components/resize-observer/resize-observer.component.js";import W from"@shoelace-style/shoelace/dist/components/select/select.component.js";import X from"@shoelace-style/shoelace/dist/components/skeleton/skeleton.component.js";import Y from"@shoelace-style/shoelace/dist/components/spinner/spinner.component.js";import Z from"@shoelace-style/shoelace/dist/components/split-panel/split-panel.component.js";import _ from"@shoelace-style/shoelace/dist/components/switch/switch.component.js";import $ from"@shoelace-style/shoelace/dist/components/tab/tab.component.js";import oo from"@shoelace-style/shoelace/dist/components/tab-group/tab-group.component.js";import eo from"@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.component.js";import to from"@shoelace-style/shoelace/dist/components/tag/tag.component.js";import ro from"@shoelace-style/shoelace/dist/components/textarea/textarea.component.js";import ao from"@shoelace-style/shoelace/dist/components/tooltip/tooltip.component.js";import io from"@shoelace-style/shoelace/dist/components/tree/tree.component.js";import mo from"@shoelace-style/shoelace/dist/components/tree-item/tree-item.component.js";import lo from"@shoelace-style/shoelace/dist/components/visually-hidden/visually-hidden.component.js";i.define("hot-alert");m.define("hot-animated-image");l.define("hot-animation");n.define("hot-avatar");p.define("hot-badge");d.define("hot-breadcrumb");s.define("hot-breadcrumb-item");S.define("hot-button");f.define("hot-button-group");h.define("hot-card");u.define("hot-carousel");b.define("hot-carousel-item");c.define("hot-checkbox");g.define("hot-color-picker");T.define("hot-copy-button");B.define("hot-details");I.define("hot-dialog");v.define("hot-divider");R.define("hot-drawer");C.define("hot-dropdown");P.define("hot-format-bytes");D.define("hot-format-date");k.define("hot-format-number");w.define("hot-icon");y.define("hot-icon-button");M.define("hot-image-comparer");A.define("hot-include");x.define("hot-input");H.define("hot-menu");F.define("hot-menu-item");G.define("hot-menu-label");O.define("hot-mutation-observer");L.define("hot-option");z.define("hot-popup");N.define("hot-progress-bar");V.define("hot-progress-ring");E.define("hot-radio");j.define("hot-radio-button");q.define("hot-radio-group");J.define("hot-range");K.define("hot-rating");Q.define("hot-relative-time");U.define("hot-resize-observer");W.define("hot-select");X.define("hot-skeleton");Y.define("hot-spinner");Z.define("hot-split-panel");_.define("hot-switch");$.define("hot-tab");oo.define("hot-tab-group");eo.define("hot-tab-panel");to.define("hot-tag");ro.define("hot-textarea");ao.define("hot-tooltip");io.define("hot-tree");mo.define("hot-tree-item");lo.define("hot-visually-hidden");export{i as Alert,m as AnimatedImage,l as Animation,n as Avatar,p as Badge,d as Breadcrumb,s as BreadcrumbItem,S as Button,f as ButtonGroup,h as Card,u as Carousel,b as CarouselItem,c as Checkbox,g as ColorPicker,a as Consent,T as CopyButton,B as Details,I as Dialog,v as Divider,R as Drawer,C as Dropdown,P as FormatBytes,D as FormatDate,k as FormatNumber,o as Header,w as Icon,y as IconButton,M as ImageComparer,A as Include,x as Input,e as Logo,H as Menu,F as MenuItem,G as MenuLabel,O as MutationObserver,L as Option,z as Popup,N as ProgressBar,V as ProgressRing,E as Radio,j as RadioButton,q as RadioGroup,J as Range,K as Rating,Q as RelativeTime,U as ResizeObserver,W as Select,X as Skeleton,Y as Spinner,Z as SplitPanel,_ as Switch,$ as Tab,oo as TabGroup,eo as TabPanel,to as Tag,ro as Textarea,t as Toolbar,ao as Tooltip,r as Tracking,io as Tree,mo as TreeItem,lo as VisuallyHidden,uo as setBasePath}; +import{b as e}from"./chunks/chunk.R73PKLI4.js";import"./chunks/chunk.KTVXG6ZT.js";import{b as t}from"./chunks/chunk.GVYEHPTU.js";import"./chunks/chunk.PUMXQ24J.js";import{b as r}from"./chunks/chunk.NZIJQUIE.js";import{b as a}from"./chunks/chunk.GY32O3WU.js";import"./chunks/chunk.Q5SXKMUN.js";import{b as o}from"./chunks/chunk.4SB2ERYH.js";import"./chunks/chunk.WPXUR5EI.js";import"./chunks/chunk.OZAMUC24.js";import"./chunks/chunk.FWYUHKRF.js";import{setBasePath as uo}from"@shoelace-style/shoelace/dist/utilities/base-path.js";import i from"@shoelace-style/shoelace/dist/components/alert/alert.component.js";import m from"@shoelace-style/shoelace/dist/components/animated-image/animated-image.component.js";import l from"@shoelace-style/shoelace/dist/components/animation/animation.component.js";import n from"@shoelace-style/shoelace/dist/components/avatar/avatar.component.js";import p from"@shoelace-style/shoelace/dist/components/badge/badge.component.js";import d from"@shoelace-style/shoelace/dist/components/breadcrumb/breadcrumb.component.js";import s from"@shoelace-style/shoelace/dist/components/breadcrumb-item/breadcrumb-item.component.js";import S from"@shoelace-style/shoelace/dist/components/button/button.component.js";import f from"@shoelace-style/shoelace/dist/components/button-group/button-group.component.js";import h from"@shoelace-style/shoelace/dist/components/card/card.component.js";import u from"@shoelace-style/shoelace/dist/components/carousel/carousel.component.js";import b from"@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.component.js";import c from"@shoelace-style/shoelace/dist/components/checkbox/checkbox.component.js";import g from"@shoelace-style/shoelace/dist/components/color-picker/color-picker.component.js";import T from"@shoelace-style/shoelace/dist/components/copy-button/copy-button.component.js";import B from"@shoelace-style/shoelace/dist/components/details/details.component.js";import I from"@shoelace-style/shoelace/dist/components/dialog/dialog.component.js";import v from"@shoelace-style/shoelace/dist/components/divider/divider.component.js";import R from"@shoelace-style/shoelace/dist/components/drawer/drawer.component.js";import C from"@shoelace-style/shoelace/dist/components/dropdown/dropdown.component.js";import P from"@shoelace-style/shoelace/dist/components/format-bytes/format-bytes.component.js";import D from"@shoelace-style/shoelace/dist/components/format-date/format-date.component.js";import k from"@shoelace-style/shoelace/dist/components/format-number/format-number.component.js";import w from"@shoelace-style/shoelace/dist/components/icon/icon.component.js";import y from"@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js";import M from"@shoelace-style/shoelace/dist/components/image-comparer/image-comparer.component.js";import A from"@shoelace-style/shoelace/dist/components/include/include.component.js";import x from"@shoelace-style/shoelace/dist/components/input/input.component.js";import H from"@shoelace-style/shoelace/dist/components/menu/menu.component.js";import F from"@shoelace-style/shoelace/dist/components/menu-item/menu-item.component.js";import G from"@shoelace-style/shoelace/dist/components/menu-label/menu-label.component.js";import O from"@shoelace-style/shoelace/dist/components/mutation-observer/mutation-observer.component.js";import L from"@shoelace-style/shoelace/dist/components/option/option.component.js";import z from"@shoelace-style/shoelace/dist/components/popup/popup.component.js";import N from"@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.component.js";import V from"@shoelace-style/shoelace/dist/components/progress-ring/progress-ring.component.js";import E from"@shoelace-style/shoelace/dist/components/radio/radio.component.js";import j from"@shoelace-style/shoelace/dist/components/radio-button/radio-button.component.js";import q from"@shoelace-style/shoelace/dist/components/radio-group/radio-group.component.js";import J from"@shoelace-style/shoelace/dist/components/range/range.component.js";import K from"@shoelace-style/shoelace/dist/components/rating/rating.component.js";import Q from"@shoelace-style/shoelace/dist/components/relative-time/relative-time.component.js";import U from"@shoelace-style/shoelace/dist/components/resize-observer/resize-observer.component.js";import W from"@shoelace-style/shoelace/dist/components/select/select.component.js";import X from"@shoelace-style/shoelace/dist/components/skeleton/skeleton.component.js";import Y from"@shoelace-style/shoelace/dist/components/spinner/spinner.component.js";import Z from"@shoelace-style/shoelace/dist/components/split-panel/split-panel.component.js";import _ from"@shoelace-style/shoelace/dist/components/switch/switch.component.js";import $ from"@shoelace-style/shoelace/dist/components/tab/tab.component.js";import oo from"@shoelace-style/shoelace/dist/components/tab-group/tab-group.component.js";import eo from"@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.component.js";import to from"@shoelace-style/shoelace/dist/components/tag/tag.component.js";import ro from"@shoelace-style/shoelace/dist/components/textarea/textarea.component.js";import ao from"@shoelace-style/shoelace/dist/components/tooltip/tooltip.component.js";import io from"@shoelace-style/shoelace/dist/components/tree/tree.component.js";import mo from"@shoelace-style/shoelace/dist/components/tree-item/tree-item.component.js";import lo from"@shoelace-style/shoelace/dist/components/visually-hidden/visually-hidden.component.js";i.define("hot-alert");m.define("hot-animated-image");l.define("hot-animation");n.define("hot-avatar");p.define("hot-badge");d.define("hot-breadcrumb");s.define("hot-breadcrumb-item");S.define("hot-button");f.define("hot-button-group");h.define("hot-card");u.define("hot-carousel");b.define("hot-carousel-item");c.define("hot-checkbox");g.define("hot-color-picker");T.define("hot-copy-button");B.define("hot-details");I.define("hot-dialog");v.define("hot-divider");R.define("hot-drawer");C.define("hot-dropdown");P.define("hot-format-bytes");D.define("hot-format-date");k.define("hot-format-number");w.define("hot-icon");y.define("hot-icon-button");M.define("hot-image-comparer");A.define("hot-include");x.define("hot-input");H.define("hot-menu");F.define("hot-menu-item");G.define("hot-menu-label");O.define("hot-mutation-observer");L.define("hot-option");z.define("hot-popup");N.define("hot-progress-bar");V.define("hot-progress-ring");E.define("hot-radio");j.define("hot-radio-button");q.define("hot-radio-group");J.define("hot-range");K.define("hot-rating");Q.define("hot-relative-time");U.define("hot-resize-observer");W.define("hot-select");X.define("hot-skeleton");Y.define("hot-spinner");Z.define("hot-split-panel");_.define("hot-switch");$.define("hot-tab");oo.define("hot-tab-group");eo.define("hot-tab-panel");to.define("hot-tag");ro.define("hot-textarea");ao.define("hot-tooltip");io.define("hot-tree");mo.define("hot-tree-item");lo.define("hot-visually-hidden");export{i as Alert,m as AnimatedImage,l as Animation,n as Avatar,p as Badge,d as Breadcrumb,s as BreadcrumbItem,S as Button,f as ButtonGroup,h as Card,u as Carousel,b as CarouselItem,c as Checkbox,g as ColorPicker,a as Consent,T as CopyButton,B as Details,I as Dialog,v as Divider,R as Drawer,C as Dropdown,P as FormatBytes,D as FormatDate,k as FormatNumber,o as Header,w as Icon,y as IconButton,M as ImageComparer,A as Include,x as Input,e as Logo,H as Menu,F as MenuItem,G as MenuLabel,O as MutationObserver,L as Option,z as Popup,N as ProgressBar,V as ProgressRing,E as Radio,j as RadioButton,q as RadioGroup,J as Range,K as Rating,Q as RelativeTime,U as ResizeObserver,W as Select,X as Skeleton,Y as Spinner,Z as SplitPanel,_ as Switch,$ as Tab,oo as TabGroup,eo as TabPanel,to as Tag,ro as Textarea,t as Toolbar,ao as Tooltip,r as Tracking,io as Tree,mo as TreeItem,lo as VisuallyHidden,uo as setBasePath}; diff --git a/dist/react/header/index.js b/dist/react/header/index.js index 6ad0c2a..25c0bbe 100644 --- a/dist/react/header/index.js +++ b/dist/react/header/index.js @@ -1 +1 @@ -import{a}from"../../chunks/chunk.N7EMTT26.js";import"../../chunks/chunk.PCS4XLCJ.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.6NA5HMIF.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default}; +import{a}from"../../chunks/chunk.HG7UATLC.js";import"../../chunks/chunk.4SB2ERYH.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.OZAMUC24.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default}; diff --git a/dist/react/index.js b/dist/react/index.js index b00634b..0280aa7 100644 --- a/dist/react/index.js +++ b/dist/react/index.js @@ -1 +1 @@ -import{a as t}from"../chunks/chunk.KGPID6RT.js";import{a as e}from"../chunks/chunk.N7EMTT26.js";import{a}from"../chunks/chunk.N5M5RY5M.js";import{a as o}from"../chunks/chunk.AFGPUO4H.js";import{a as r}from"../chunks/chunk.3FANZE43.js";import"../chunks/chunk.R73PKLI4.js";import"../chunks/chunk.KTVXG6ZT.js";import"../chunks/chunk.GVYEHPTU.js";import"../chunks/chunk.PUMXQ24J.js";import"../chunks/chunk.NZIJQUIE.js";import"../chunks/chunk.GY32O3WU.js";import"../chunks/chunk.Q5SXKMUN.js";import"../chunks/chunk.PCS4XLCJ.js";import"../chunks/chunk.WPXUR5EI.js";import"../chunks/chunk.6NA5HMIF.js";import"../chunks/chunk.FWYUHKRF.js";import{default as x}from"@shoelace-style/shoelace/dist/react/alert/index.js";import{default as i}from"@shoelace-style/shoelace/dist/react/animated-image/index.js";import{default as b}from"@shoelace-style/shoelace/dist/react/animation/index.js";import{default as c}from"@shoelace-style/shoelace/dist/react/avatar/index.js";import{default as I}from"@shoelace-style/shoelace/dist/react/badge/index.js";import{default as R}from"@shoelace-style/shoelace/dist/react/breadcrumb/index.js";import{default as P}from"@shoelace-style/shoelace/dist/react/breadcrumb-item/index.js";import{default as S}from"@shoelace-style/shoelace/dist/react/button/index.js";import{default as A}from"@shoelace-style/shoelace/dist/react/button-group/index.js";import{default as w}from"@shoelace-style/shoelace/dist/react/card/index.js";import{default as F}from"@shoelace-style/shoelace/dist/react/carousel/index.js";import{default as O}from"@shoelace-style/shoelace/dist/react/carousel-item/index.js";import{default as H}from"@shoelace-style/shoelace/dist/react/checkbox/index.js";import{default as z}from"@shoelace-style/shoelace/dist/react/color-picker/index.js";import{default as V}from"@shoelace-style/shoelace/dist/react/copy-button/index.js";import{default as q}from"@shoelace-style/shoelace/dist/react/details/index.js";import{default as J}from"@shoelace-style/shoelace/dist/react/dialog/index.js";import{default as Q}from"@shoelace-style/shoelace/dist/react/divider/index.js";import{default as W}from"@shoelace-style/shoelace/dist/react/drawer/index.js";import{default as Y}from"@shoelace-style/shoelace/dist/react/dropdown/index.js";import{default as _}from"@shoelace-style/shoelace/dist/react/format-bytes/index.js";import{default as ee}from"@shoelace-style/shoelace/dist/react/format-date/index.js";import{default as oe}from"@shoelace-style/shoelace/dist/react/format-number/index.js";import{default as te}from"@shoelace-style/shoelace/dist/react/icon/index.js";import{default as ue}from"@shoelace-style/shoelace/dist/react/icon-button/index.js";import{default as me}from"@shoelace-style/shoelace/dist/react/image-comparer/index.js";import{default as pe}from"@shoelace-style/shoelace/dist/react/include/index.js";import{default as xe}from"@shoelace-style/shoelace/dist/react/input/index.js";import{default as ie}from"@shoelace-style/shoelace/dist/react/menu/index.js";import{default as be}from"@shoelace-style/shoelace/dist/react/menu-item/index.js";import{default as ce}from"@shoelace-style/shoelace/dist/react/menu-label/index.js";import{default as Ie}from"@shoelace-style/shoelace/dist/react/mutation-observer/index.js";import{default as Re}from"@shoelace-style/shoelace/dist/react/option/index.js";import{default as Pe}from"@shoelace-style/shoelace/dist/react/popup/index.js";import{default as Se}from"@shoelace-style/shoelace/dist/react/progress-bar/index.js";import{default as Ae}from"@shoelace-style/shoelace/dist/react/progress-ring/index.js";import{default as we}from"@shoelace-style/shoelace/dist/react/radio/index.js";import{default as Fe}from"@shoelace-style/shoelace/dist/react/radio-button/index.js";import{default as Oe}from"@shoelace-style/shoelace/dist/react/radio-group/index.js";import{default as He}from"@shoelace-style/shoelace/dist/react/range/index.js";import{default as ze}from"@shoelace-style/shoelace/dist/react/rating/index.js";import{default as Ve}from"@shoelace-style/shoelace/dist/react/relative-time/index.js";import{default as qe}from"@shoelace-style/shoelace/dist/react/resize-observer/index.js";import{default as Je}from"@shoelace-style/shoelace/dist/react/select/index.js";import{default as Qe}from"@shoelace-style/shoelace/dist/react/skeleton/index.js";import{default as We}from"@shoelace-style/shoelace/dist/react/spinner/index.js";import{default as Ye}from"@shoelace-style/shoelace/dist/react/split-panel/index.js";import{default as _e}from"@shoelace-style/shoelace/dist/react/switch/index.js";import{default as ea}from"@shoelace-style/shoelace/dist/react/tab/index.js";import{default as oa}from"@shoelace-style/shoelace/dist/react/tab-group/index.js";import{default as ta}from"@shoelace-style/shoelace/dist/react/tab-panel/index.js";import{default as ua}from"@shoelace-style/shoelace/dist/react/tag/index.js";import{default as ma}from"@shoelace-style/shoelace/dist/react/textarea/index.js";import{default as pa}from"@shoelace-style/shoelace/dist/react/tooltip/index.js";import{default as xa}from"@shoelace-style/shoelace/dist/react/tree/index.js";import{default as ia}from"@shoelace-style/shoelace/dist/react/tree-item/index.js";import{default as ba}from"@shoelace-style/shoelace/dist/react/visually-hidden/index.js";export{x as Alert,i as AnimatedImage,b as Animation,c as Avatar,I as Badge,R as Breadcrumb,P as BreadcrumbItem,S as Button,A as ButtonGroup,w as Card,F as Carousel,O as CarouselItem,H as Checkbox,z as ColorPicker,t as Consent,V as CopyButton,q as Details,J as Dialog,Q as Divider,W as Drawer,Y as Dropdown,_ as FormatBytes,ee as FormatDate,oe as FormatNumber,e as Header,te as Icon,ue as IconButton,me as ImageComparer,pe as Include,xe as Input,a as Logo,ie as Menu,be as MenuItem,ce as MenuLabel,Ie as MutationObserver,Re as Option,Pe as Popup,Se as ProgressBar,Ae as ProgressRing,we as Radio,Fe as RadioButton,Oe as RadioGroup,He as Range,ze as Rating,Ve as RelativeTime,qe as ResizeObserver,Je as Select,Qe as Skeleton,We as Spinner,Ye as SplitPanel,_e as Switch,ea as Tab,oa as TabGroup,ta as TabPanel,ua as Tag,ma as Textarea,o as Toolbar,pa as Tooltip,r as Tracking,xa as Tree,ia as TreeItem,ba as VisuallyHidden}; +import{a as t}from"../chunks/chunk.KGPID6RT.js";import{a as e}from"../chunks/chunk.HG7UATLC.js";import{a}from"../chunks/chunk.N5M5RY5M.js";import{a as o}from"../chunks/chunk.AFGPUO4H.js";import{a as r}from"../chunks/chunk.3FANZE43.js";import"../chunks/chunk.R73PKLI4.js";import"../chunks/chunk.KTVXG6ZT.js";import"../chunks/chunk.GVYEHPTU.js";import"../chunks/chunk.PUMXQ24J.js";import"../chunks/chunk.NZIJQUIE.js";import"../chunks/chunk.GY32O3WU.js";import"../chunks/chunk.Q5SXKMUN.js";import"../chunks/chunk.4SB2ERYH.js";import"../chunks/chunk.WPXUR5EI.js";import"../chunks/chunk.OZAMUC24.js";import"../chunks/chunk.FWYUHKRF.js";import{default as x}from"@shoelace-style/shoelace/dist/react/alert/index.js";import{default as i}from"@shoelace-style/shoelace/dist/react/animated-image/index.js";import{default as b}from"@shoelace-style/shoelace/dist/react/animation/index.js";import{default as c}from"@shoelace-style/shoelace/dist/react/avatar/index.js";import{default as I}from"@shoelace-style/shoelace/dist/react/badge/index.js";import{default as R}from"@shoelace-style/shoelace/dist/react/breadcrumb/index.js";import{default as P}from"@shoelace-style/shoelace/dist/react/breadcrumb-item/index.js";import{default as S}from"@shoelace-style/shoelace/dist/react/button/index.js";import{default as A}from"@shoelace-style/shoelace/dist/react/button-group/index.js";import{default as w}from"@shoelace-style/shoelace/dist/react/card/index.js";import{default as F}from"@shoelace-style/shoelace/dist/react/carousel/index.js";import{default as O}from"@shoelace-style/shoelace/dist/react/carousel-item/index.js";import{default as H}from"@shoelace-style/shoelace/dist/react/checkbox/index.js";import{default as z}from"@shoelace-style/shoelace/dist/react/color-picker/index.js";import{default as V}from"@shoelace-style/shoelace/dist/react/copy-button/index.js";import{default as q}from"@shoelace-style/shoelace/dist/react/details/index.js";import{default as J}from"@shoelace-style/shoelace/dist/react/dialog/index.js";import{default as Q}from"@shoelace-style/shoelace/dist/react/divider/index.js";import{default as W}from"@shoelace-style/shoelace/dist/react/drawer/index.js";import{default as Y}from"@shoelace-style/shoelace/dist/react/dropdown/index.js";import{default as _}from"@shoelace-style/shoelace/dist/react/format-bytes/index.js";import{default as ee}from"@shoelace-style/shoelace/dist/react/format-date/index.js";import{default as oe}from"@shoelace-style/shoelace/dist/react/format-number/index.js";import{default as te}from"@shoelace-style/shoelace/dist/react/icon/index.js";import{default as ue}from"@shoelace-style/shoelace/dist/react/icon-button/index.js";import{default as me}from"@shoelace-style/shoelace/dist/react/image-comparer/index.js";import{default as pe}from"@shoelace-style/shoelace/dist/react/include/index.js";import{default as xe}from"@shoelace-style/shoelace/dist/react/input/index.js";import{default as ie}from"@shoelace-style/shoelace/dist/react/menu/index.js";import{default as be}from"@shoelace-style/shoelace/dist/react/menu-item/index.js";import{default as ce}from"@shoelace-style/shoelace/dist/react/menu-label/index.js";import{default as Ie}from"@shoelace-style/shoelace/dist/react/mutation-observer/index.js";import{default as Re}from"@shoelace-style/shoelace/dist/react/option/index.js";import{default as Pe}from"@shoelace-style/shoelace/dist/react/popup/index.js";import{default as Se}from"@shoelace-style/shoelace/dist/react/progress-bar/index.js";import{default as Ae}from"@shoelace-style/shoelace/dist/react/progress-ring/index.js";import{default as we}from"@shoelace-style/shoelace/dist/react/radio/index.js";import{default as Fe}from"@shoelace-style/shoelace/dist/react/radio-button/index.js";import{default as Oe}from"@shoelace-style/shoelace/dist/react/radio-group/index.js";import{default as He}from"@shoelace-style/shoelace/dist/react/range/index.js";import{default as ze}from"@shoelace-style/shoelace/dist/react/rating/index.js";import{default as Ve}from"@shoelace-style/shoelace/dist/react/relative-time/index.js";import{default as qe}from"@shoelace-style/shoelace/dist/react/resize-observer/index.js";import{default as Je}from"@shoelace-style/shoelace/dist/react/select/index.js";import{default as Qe}from"@shoelace-style/shoelace/dist/react/skeleton/index.js";import{default as We}from"@shoelace-style/shoelace/dist/react/spinner/index.js";import{default as Ye}from"@shoelace-style/shoelace/dist/react/split-panel/index.js";import{default as _e}from"@shoelace-style/shoelace/dist/react/switch/index.js";import{default as ea}from"@shoelace-style/shoelace/dist/react/tab/index.js";import{default as oa}from"@shoelace-style/shoelace/dist/react/tab-group/index.js";import{default as ta}from"@shoelace-style/shoelace/dist/react/tab-panel/index.js";import{default as ua}from"@shoelace-style/shoelace/dist/react/tag/index.js";import{default as ma}from"@shoelace-style/shoelace/dist/react/textarea/index.js";import{default as pa}from"@shoelace-style/shoelace/dist/react/tooltip/index.js";import{default as xa}from"@shoelace-style/shoelace/dist/react/tree/index.js";import{default as ia}from"@shoelace-style/shoelace/dist/react/tree-item/index.js";import{default as ba}from"@shoelace-style/shoelace/dist/react/visually-hidden/index.js";export{x as Alert,i as AnimatedImage,b as Animation,c as Avatar,I as Badge,R as Breadcrumb,P as BreadcrumbItem,S as Button,A as ButtonGroup,w as Card,F as Carousel,O as CarouselItem,H as Checkbox,z as ColorPicker,t as Consent,V as CopyButton,q as Details,J as Dialog,Q as Divider,W as Drawer,Y as Dropdown,_ as FormatBytes,ee as FormatDate,oe as FormatNumber,e as Header,te as Icon,ue as IconButton,me as ImageComparer,pe as Include,xe as Input,a as Logo,ie as Menu,be as MenuItem,ce as MenuLabel,Ie as MutationObserver,Re as Option,Pe as Popup,Se as ProgressBar,Ae as ProgressRing,we as Radio,Fe as RadioButton,Oe as RadioGroup,He as Range,ze as Rating,Ve as RelativeTime,qe as ResizeObserver,Je as Select,Qe as Skeleton,We as Spinner,Ye as SplitPanel,_e as Switch,ea as Tab,oa as TabGroup,ta as TabPanel,ua as Tag,ma as Textarea,o as Toolbar,pa as Tooltip,r as Tracking,xa as Tree,ia as TreeItem,ba as VisuallyHidden}; diff --git a/src/components/header/header.component.ts b/src/components/header/header.component.ts index 0d18d92..0bececa 100644 --- a/src/components/header/header.component.ts +++ b/src/components/header/header.component.ts @@ -100,10 +100,9 @@ export class Header extends LitElement { @click=${(e: MouseEvent) => { this._selectTab(e, item.clickEvent, index); }} - ?active=${this.selectedTab === index} + active=${this.selectedTab === index} > ${item.label} - ${this.selectedTab} ` )} diff --git a/src/components/header/header.styles.ts b/src/components/header/header.styles.ts index d32c649..4c4d2e4 100644 --- a/src/components/header/header.styles.ts +++ b/src/components/header/header.styles.ts @@ -100,8 +100,5 @@ export const styles = css` .header--logo-img { } - .header--hidden { - font-size: .1px; - } } `