@fluentui/web-components 3.0.0-alpha.14 → 3.0.0-alpha.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -267,7 +267,10 @@ import{composedContains as e,composedParent as t}from"@microsoft/fast-element/ut
267
267
  ${ao("flex")}
268
268
 
269
269
  :host{contain:content}:host::after,:host::before{align-self:center;background:${Ka};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${Ko}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${_r};font-family:${jo};font-size:${Bo};font-weight:${Xo};margin:0;padding:0 12px}:host([align-content='start'])::before,:host([align-content='end'])::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host([orientation='vertical']){height:100%;min-height:84px}:host([orientation='vertical']):empty{min-height:20px}:host([orientation='vertical']){flex-direction:column;align-items:center}:host([orientation='vertical'][inset])::before{margin-top:12px}:host([orientation='vertical'][inset])::after{margin-bottom:12px}:host([orientation='vertical']):empty::before,:host([orientation='vertical']):empty::after{height:10px;min-height:10px;flex-grow:0}:host([orientation='vertical'])::before,:host([orientation='vertical'])::after{width:${Ko};min-height:20px;height:100%}:host([orientation='vertical']) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host([orientation='vertical'][align-content='start'])::before{min-height:8px}:host([orientation='vertical'][align-content='end'])::after{min-height:8px}:host([appearance='strong'])::before,:host([appearance='strong'])::after{background:${Xa}}:host([appearance='strong']) ::slotted(*){color:${Hr}}:host([appearance='brand'])::before,:host([appearance='brand'])::after{background:${rs}}:host([appearance='brand']) ::slotted(*){color:${vi}}:host([appearance='subtle'])::before,:host([appearance='subtle'])::after{background:${Qa}}:host([appearance='subtle']) ::slotted(*){color:${Yr}}`,Nd=Pd.compose({name:ho.prefix+"-divider",template:Td,styles:zd});class Ad extends Ke{}Ze([Le({mode:"boolean"})],Ad.prototype,"block",void 0),Ze([Le({mode:"boolean"})],Ad.prototype,"bordered",void 0),Ze([Le({mode:"boolean"})],Ad.prototype,"shadow",void 0),Ze([Le],Ad.prototype,"fit",void 0),Ze([Le],Ad.prototype,"shape",void 0);const Id={none:"none",center:"center",contain:"contain",cover:"cover",default:"default"},Ld={circular:"circular",rounded:"rounded",square:"square"},Dd=xe`<slot></slot>`,Od=j`
270
- :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${Ko} solid ${Ka}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${pc}}:host([shape='circular']) ::slotted(img){border-radius:${$o}}`,Md=Ad.compose({name:ho.prefix+"-image",template:Dd,styles:Od});class Hd extends hd{}const Vd=ud,Ed=pd,Rd=gd,_d=$t({end:xe.partial('<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path></svg>')}),jd=Hd.compose({name:ho.prefix+"-menu-button",template:_d,styles:vd,shadowOptions:{delegatesFocus:!0}});class Gd extends qt{constructor(){super(...arguments),this.validationState=null}}Ze([Le],Gd.prototype,"thickness",void 0),Ze([Le],Gd.prototype,"shape",void 0),Ze([Le({attribute:"validation-state"})],Gd.prototype,"validationState",void 0);const qd={medium:"medium",large:"large"},Xd={rounded:"rounded",square:"square"},Wd={success:"success",warning:"warning",error:"error"},Ud=j`
270
+ :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${Ko} solid ${Ka}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${pc}}:host([shape='circular']) ::slotted(img){border-radius:${$o}}`,Md=Ad.compose({name:ho.prefix+"-image",template:Dd,styles:Od});class Hd extends Ke{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}Ze([Le],Hd.prototype,"size",void 0),Ze([Le],Hd.prototype,"weight",void 0),Ze([Le({mode:"boolean"})],Hd.prototype,"disabled",void 0),Ze([Le({mode:"boolean"})],Hd.prototype,"required",void 0);const Vd=j`
271
+ ${ao("flex")}
272
+
273
+ :host{font-family:${jo};font-size:${So};line-height:${Do};font-weight:${Xo};color:${Hr}}.asterisk{color:${Ps};margin-left:${or}}:host([size='small']){font-size:${Bo};line-height:${Lo}}:host([size='large']){font-size:${Po};line-height:${Oo};font-weight:${Uo}}:host([weight='semibold']){font-weight:${Uo}}:host([disabled]),:host([disabled]) .asterisk{color:${ri}}`;const Ed=xe`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${e=>!e.required}">*</span>`,Rd=Hd.compose({name:ho.prefix+"-label",template:Ed,styles:Vd});class _d extends hd{}const jd=ud,Gd=pd,qd=gd,Xd=$t({end:xe.partial('<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path></svg>')}),Wd=_d.compose({name:ho.prefix+"-menu-button",template:Xd,styles:vd,shadowOptions:{delegatesFocus:!0}});class Ud extends qt{constructor(){super(...arguments),this.validationState=null}}Ze([Le],Ud.prototype,"thickness",void 0),Ze([Le],Ud.prototype,"shape",void 0),Ze([Le({attribute:"validation-state"})],Ud.prototype,"validationState",void 0);const Yd={medium:"medium",large:"large"},Kd={rounded:"rounded",square:"square"},Qd={success:"success",warning:"warning",error:"error"},Zd=j`
271
274
  ${ao("flex")}
272
275
 
273
276
  :host{align-items:center;height:2px;overflow-x:hidden;border-radius:${yo};contain:content}:host([thickness='large']),:host([thickness='large']) .progress,:host([thickness='large']) .determinate{height:4px}:host([shape='square']),:host([shape='square']) .progress,:host([shape='square']) .determinate{border-radius:0}:host([validation-state='error']) .determinate{background-color:${Ss}}:host([validation-state='error']) .indeterminate-indicator-1,:host([validation-state='error']) .indeterminate-indicator-2{background:linear-gradient(
@@ -280,29 +283,29 @@ import{composedContains as e,composedParent as t}from"@microsoft/fast-element/ut
280
283
  to right,${Ma} 0%,${Ia} 50%,${Ma}
281
284
  );border-radius:${yo};animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:40%;animation:indeterminate-1 3s infinite}.indeterminate-indicator-2{position:absolute;opacity:0;height:100%;background:linear-gradient(
282
285
  to right,${Ma} 0%,${Ia} 50%,${Ma}
283
- );border-radius:${yo};animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:60%;animation:indeterminate-2 3s infinite}@keyframes indeterminate-1{0%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(300%)}70.01%{opacity:0}100%{opacity:0;transform:translateX(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translateX(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translateX(-150%)}100%{transform:translateX(166.66%);opacity:1}}`,Yd=function(e={}){return xe`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${Be(e=>"number"==typeof e.value,xe`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${e=>e.percentComplete}%"></div></div>`)} ${Be(e=>"number"!=typeof e.value,xe`<div class="progress" part="progress" slot="indeterminate"><slot name="indeterminate">${Qe(e.indeterminateIndicator1)} ${Qe(e.indeterminateIndicator2)}</slot></div>`)}</template>`}({indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>'}),Kd=Gd.compose({name:ho.prefix+"-progress-bar",template:Yd,styles:Ud});class Qd extends Qt{handleChange(e,t){switch(t){case"min":case"max":case"step":this.handleStepStyles()}}connectedCallback(){super.connectedCallback(),B.getNotifier(this).subscribe(this,"max"),B.getNotifier(this).subscribe(this,"min"),B.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),B.getNotifier(this).unsubscribe(this,"max"),B.getNotifier(this).unsubscribe(this,"min"),B.getNotifier(this).unsubscribe(this,"step")}handleStepStyles(){if(this.step){const e=100/Math.floor((this.max-this.min)/this.step);void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=j`
284
- :host{--step-rate:${e}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles)}}Ze([Le],Qd.prototype,"size",void 0);const Zd={small:"small",medium:"medium"},Jd=j`
286
+ );border-radius:${yo};animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:60%;animation:indeterminate-2 3s infinite}@keyframes indeterminate-1{0%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(300%)}70.01%{opacity:0}100%{opacity:0;transform:translateX(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translateX(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translateX(-150%)}100%{transform:translateX(166.66%);opacity:1}}`,Jd=function(e={}){return xe`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${Be(e=>"number"==typeof e.value,xe`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${e=>e.percentComplete}%"></div></div>`)} ${Be(e=>"number"!=typeof e.value,xe`<div class="progress" part="progress" slot="indeterminate"><slot name="indeterminate">${Qe(e.indeterminateIndicator1)} ${Qe(e.indeterminateIndicator2)}</slot></div>`)}</template>`}({indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>'}),eh=Ud.compose({name:ho.prefix+"-progress-bar",template:Jd,styles:Zd});class th extends Qt{handleChange(e,t){switch(t){case"min":case"max":case"step":this.handleStepStyles()}}connectedCallback(){super.connectedCallback(),B.getNotifier(this).subscribe(this,"max"),B.getNotifier(this).subscribe(this,"min"),B.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),B.getNotifier(this).unsubscribe(this,"max"),B.getNotifier(this).unsubscribe(this,"min"),B.getNotifier(this).unsubscribe(this,"step")}handleStepStyles(){if(this.step){const e=100/Math.floor((this.max-this.min)/this.step);void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=j`
287
+ :host{--step-rate:${e}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles)}}Ze([Le],th.prototype,"size",void 0);const oh={small:"small",medium:"medium"},rh=j`
285
288
  ${ao("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${mo};touch-action:pan-y;min-width:calc(var(--thumb-size) * 1px);width:100%}:host([size='small']){--thumb-size:14px;--track-width:2px;--thumb-padding:3px}:host([orientation='vertical']){--slider-direction:0deg;height:160px;min-height:var(--thumb-size);touch-action:pan-x;padding:8px 0;width:auto;min-width:auto}:host([disabled]:hover){cursor:initial}:host(:focus-visible){box-shadow:0 0 0 2pt ${gs};outline:1px solid ${ps}}.thumb-cursor:focus{outline:0}.thumb-container{position:absolute;height:var(--thumb-size);width:var(--thumb-size);transition:all 0.2s ease}.thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5))}:host([size='small']) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35))}:host([orientation='vertical']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5))}:host([orientation='vertical'][size='small']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5))}.thumb-cursor{height:var(--thumb-size);width:var(--thumb-size);background-color:${Ta};border-radius:${$o};box-shadow:inset 0 0 0 var(--thumb-padding) ${Mi},0 0 0 1px ${Xa}}.thumb-cursor:hover{background-color:${La}}.thumb-cursor:active{background-color:${Da}}:host([disabled]) .thumb-cursor{background-color:${ri};box-shadow:inset 0 0 0 var(--thumb-padding) ${Mi},0 0 0 1px ${ls}}.positioning-region{position:relative;display:grid}:host([orientation='horizontal']) .positioning-region{margin:0 8px;grid-template-rows:var(--thumb-size) var(--thumb-size)}:host([orientation='vertical']) .positioning-region{margin:8px 0;height:100%;grid-template-columns:var(--thumb-size) var(--thumb-size)}.track{align-self:start;position:absolute;background-color:${_a};border-radius:${yo};overflow:hidden}:host([step]) .track::after{content:'';position:absolute;border-radius:${yo};width:100%;inset:0 2px;background-image:repeating-linear-gradient(
286
289
  var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${Mi} calc(var(--step-rate) - 1px),${Mi} var(--step-rate)
287
- )}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${xa}}:host([orientation='horizontal']) .track{right:var(--track-overhang);left:var(--track-overhang);align-self:start;height:var(--track-width);grid-row:2 / auto}:host([orientation='vertical']) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-width);height:100%;grid-column:2 / auto}.track-start{background-color:${Ia};position:absolute;height:100%;left:0;border-radius:${yo}}:host([disabled]) .track-start{background-color:${ri}}:host(:hover) .track-start{background-color:${La}}:host([disabled]:hover) .track-start{background-color:${ri}}.track-start:active{background-color:${Da}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`,eh=function(e={}){return xe`<template role="slider" tabindex="${e=>e.disabled?null:0}" aria-valuetext="${e=>e.valueTextFormatter(e.value)}" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}" aria-disabled="${e=>!!e.disabled||void 0}" aria-readonly="${e=>!!e.readOnly||void 0}" aria-orientation="${e=>e.orientation}" class="${e=>e.orientation}"><div part="positioning-region" class="positioning-region"><div ${we("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${e=>e.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${we("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}"><slot name="thumb">${Qe(e.thumb)}</slot></div></div></template>`}({thumb:'<div class="thumb-cursor" tabindex="0"></div>'}),th=Qd.compose({name:ho.prefix+"-slider",template:eh,styles:Jd});class oh extends Gt{}Ze([Le],oh.prototype,"size",void 0),Ze([Le],oh.prototype,"appearance",void 0);const rh={primary:"primary",inverted:"inverted"},ih={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"},ah=function(e={}){return xe`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${Be(e=>"number"==typeof e.value,xe`<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="determinate" part="determinate" style="stroke-dasharray: ${e=>44*e.percentComplete/100}px ${44}px" cx="8px" cy="8px" r="7px"></circle></svg>`)} ${Be(e=>"number"!=typeof e.value,xe`<slot name="indeterminate">${Qe(e.indeterminateIndicator)}</slot>`)}</template>`}({indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle\n class="background"\n part="background"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n <circle\n class="indeterminate-indicator-1"\n part="indeterminate-indicator-1"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '}),sh=j`
290
+ )}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${xa}}:host([orientation='horizontal']) .track{right:var(--track-overhang);left:var(--track-overhang);align-self:start;height:var(--track-width);grid-row:2 / auto}:host([orientation='vertical']) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-width);height:100%;grid-column:2 / auto}.track-start{background-color:${Ia};position:absolute;height:100%;left:0;border-radius:${yo}}:host([disabled]) .track-start{background-color:${ri}}:host(:hover) .track-start{background-color:${La}}:host([disabled]:hover) .track-start{background-color:${ri}}.track-start:active{background-color:${Da}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`,ih=function(e={}){return xe`<template role="slider" tabindex="${e=>e.disabled?null:0}" aria-valuetext="${e=>e.valueTextFormatter(e.value)}" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}" aria-disabled="${e=>!!e.disabled||void 0}" aria-readonly="${e=>!!e.readOnly||void 0}" aria-orientation="${e=>e.orientation}" class="${e=>e.orientation}"><div part="positioning-region" class="positioning-region"><div ${we("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${e=>e.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${we("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}"><slot name="thumb">${Qe(e.thumb)}</slot></div></div></template>`}({thumb:'<div class="thumb-cursor" tabindex="0"></div>'}),ah=th.compose({name:ho.prefix+"-slider",template:ih,styles:rh});class sh extends Gt{}Ze([Le],sh.prototype,"size",void 0),Ze([Le],sh.prototype,"appearance",void 0);const nh={primary:"primary",inverted:"inverted"},lh={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"},ch=function(e={}){return xe`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${Be(e=>"number"==typeof e.value,xe`<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="determinate" part="determinate" style="stroke-dasharray: ${e=>44*e.percentComplete/100}px ${44}px" cx="8px" cy="8px" r="7px"></circle></svg>`)} ${Be(e=>"number"!=typeof e.value,xe`<slot name="indeterminate">${Qe(e.indeterminateIndicator)}</slot>`)}</template>`}({indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle\n class="background"\n part="background"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n <circle\n class="indeterminate-indicator-1"\n part="indeterminate-indicator-1"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '}),dh=j`
288
291
  ${ao("flex")}
289
292
 
290
- :host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host([size='tiny']){height:20px;width:20px}:host([size='extra-small']){height:24px;width:24px}:host([size='small']){height:28px;width:28px}:host([size='large']){height:36px;width:36px}:host([size='extra-large']){height:40px;width:40px}:host([size='huge']){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${is};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.determinate{stroke:${rs};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}:host([appearance='inverted']) .determinite{stroke:${Ja}}.indeterminate-indicator-1{stroke:${rs};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 3s cubic-bezier(0.53,0.21,0.29,0.67) infinite}:host([appearance='inverted']) .indeterminate-indicator-1{stroke:${Ja}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`,nh=oh.compose({name:ho.prefix+"-spinner",template:ah,styles:sh});class lh extends eo{}Ze([Le({attribute:"label-position"})],lh.prototype,"labelPosition",void 0);const ch={above:"above",after:"after",before:"before"},dh=function(e={}){return xe`<template role="switch" aria-checked="${e=>e.checked}" aria-disabled="${e=>e.disabled}" aria-readonly="${e=>e.readOnly}" tabindex="${e=>e.disabled?null:0}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" @click="${(e,t)=>e.clickHandler(t.event)}"><label part="label" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Fe("defaultSlottedNodes")}></slot></label><div part="switch" class="switch"><slot name="switch">${Qe(e.switch)}</slot></div></template>`}({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),hh=j`
293
+ :host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host([size='tiny']){height:20px;width:20px}:host([size='extra-small']){height:24px;width:24px}:host([size='small']){height:28px;width:28px}:host([size='large']){height:36px;width:36px}:host([size='extra-large']){height:40px;width:40px}:host([size='huge']){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${is};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.determinate{stroke:${rs};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}:host([appearance='inverted']) .determinite{stroke:${Ja}}.indeterminate-indicator-1{stroke:${rs};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 3s cubic-bezier(0.53,0.21,0.29,0.67) infinite}:host([appearance='inverted']) .indeterminate-indicator-1{stroke:${Ja}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`,hh=sh.compose({name:ho.prefix+"-spinner",template:ch,styles:dh});class uh extends eo{}Ze([Le({attribute:"label-position"})],uh.prototype,"labelPosition",void 0);const ph={above:"above",after:"after",before:"before"},gh=function(e={}){return xe`<template role="switch" aria-checked="${e=>e.checked}" aria-disabled="${e=>e.disabled}" aria-readonly="${e=>e.readOnly}" tabindex="${e=>e.disabled?null:0}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" @click="${(e,t)=>e.clickHandler(t.event)}"><label part="label" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Fe("defaultSlottedNodes")}></slot></label><div part="switch" class="switch"><slot name="switch">${Qe(e.switch)}</slot></div></template>`}({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),bh=j`
291
294
  ${ao("inline-flex")}
292
295
 
293
- :host{align-items:center;flex-direction:row-reverse;outline:none;user-select:none;contain:content}:host([label-position='before']){flex-direction:row}:host([label-position='above']){flex-direction:column;align-items:flex-start}:host([disabled]) .label,:host([readonly]) .label,:host([readonly]) .switch,:host([disabled]) .switch{cursor:not-allowed}.label{position:relative;color:${Hr};line-height:${Do};font-size:${So};font-weight:${Xo};font-family:${jo};padding:${pr} ${or};cursor:pointer}.label__hidden{display:none}.switch{display:flex;align-items:center;padding:0 ${tr};box-sizing:border-box;width:40px;height:20px;background-color:${fa};border:1px solid ${_a};border-radius:${$o};outline:none;cursor:pointer;margin:${br} ${ir}}:host(:hover) .switch{background:none;border-color:${ja}}:host(:active) .switch{border-color:${Ga}}:host([disabled]) .switch,:host([readonly]) .switch{border:1px solid ${ls};background-color:none;pointer:default}:host([aria-checked='true']) .switch{background:${Ia}}:host([aria-checked='true']:hover) .switch{background:${La};border-color:${La}}:host([aria-checked='true']:active) .switch{background:${Da};border-color:${Da}}:host([aria-checked='true'][disabled]) .switch{background:${xa};border-color:${ls}}.checked-indicator{height:14px;width:14px;border-radius:50%;background-color:${Yr};transition-duration:${Sr};transition-timing-function:${Or};transition-property:transform}:host([aria-checked='true']) .checked-indicator{background-color:${ki};transform:translateX(20px)}:host([aria-checked='true']:hover) .checked-indicator{background:${xi}}:host([aria-checked='true']:active) .checked-indicator{background:${$i}}:host(:hover) .checked-indicator{background-color:${Kr}}:host(:active) .checked-indicator{background-color:${Qr}}:host([disabled]) .checked-indicator,:host([readonly]) .checked-indicator{background:${ri}}:host([aria-checked='true'][disabled]) .checked-indicator{background:${ri}}`,uh=lh.compose({name:ho.prefix+"-switch",template:dh,styles:hh}),ph={subtle:"subtle",transparent:"transparent"},gh={small:"small",medium:"medium",large:"large"};class bh extends io{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=ph.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===ro.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===ro.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){var e,t,o,r;if(this.tabs&&this.tabs.length>0){const i=this.tabs,a=this.activetab||i[0],s=null==a?void 0:a.getBoundingClientRect(),n=this.getBoundingClientRect();this.activeTabData={x:s.x-n.x,y:s.y-n.y,height:s.height,width:s.width},(null===(e=this.previousActiveTabData)||void 0===e?void 0:e.x)!==(null===(t=this.activeTabData)||void 0===t?void 0:t.x)&&(null===(o=this.previousActiveTabData)||void 0===o?void 0:o.y)!==(null===(r=this.activeTabData)||void 0===r?void 0:r.y)&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=j`
296
+ :host{align-items:center;flex-direction:row-reverse;outline:none;user-select:none;contain:content}:host([label-position='before']){flex-direction:row}:host([label-position='above']){flex-direction:column;align-items:flex-start}:host([disabled]) .label,:host([readonly]) .label,:host([readonly]) .switch,:host([disabled]) .switch{cursor:not-allowed}.label{position:relative;color:${Hr};line-height:${Do};font-size:${So};font-weight:${Xo};font-family:${jo};padding:${pr} ${or};cursor:pointer}.label__hidden{display:none}.switch{display:flex;align-items:center;padding:0 ${tr};box-sizing:border-box;width:40px;height:20px;background-color:${fa};border:1px solid ${_a};border-radius:${$o};outline:none;cursor:pointer;margin:${br} ${ir}}:host(:hover) .switch{background:none;border-color:${ja}}:host(:active) .switch{border-color:${Ga}}:host([disabled]) .switch,:host([readonly]) .switch{border:1px solid ${ls};background-color:none;pointer:default}:host([aria-checked='true']) .switch{background:${Ia}}:host([aria-checked='true']:hover) .switch{background:${La};border-color:${La}}:host([aria-checked='true']:active) .switch{background:${Da};border-color:${Da}}:host([aria-checked='true'][disabled]) .switch{background:${xa};border-color:${ls}}.checked-indicator{height:14px;width:14px;border-radius:50%;background-color:${Yr};transition-duration:${Sr};transition-timing-function:${Or};transition-property:transform}:host([aria-checked='true']) .checked-indicator{background-color:${ki};transform:translateX(20px)}:host([aria-checked='true']:hover) .checked-indicator{background:${xi}}:host([aria-checked='true']:active) .checked-indicator{background:${$i}}:host(:hover) .checked-indicator{background-color:${Kr}}:host(:active) .checked-indicator{background-color:${Qr}}:host([disabled]) .checked-indicator,:host([readonly]) .checked-indicator{background:${ri}}:host([aria-checked='true'][disabled]) .checked-indicator{background:${ri}}`,vh=uh.compose({name:ho.prefix+"-switch",template:gh,styles:bh}),fh={subtle:"subtle",transparent:"transparent"},mh={small:"small",medium:"medium",large:"large"};class yh extends io{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=fh.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===ro.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===ro.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){var e,t,o,r;if(this.tabs&&this.tabs.length>0){const i=this.tabs,a=this.activetab||i[0],s=null==a?void 0:a.getBoundingClientRect(),n=this.getBoundingClientRect();this.activeTabData={x:s.x-n.x,y:s.y-n.y,height:s.height,width:s.width},(null===(e=this.previousActiveTabData)||void 0===e?void 0:e.x)!==(null===(t=this.activeTabData)||void 0===t?void 0:t.x)&&(null===(o=this.previousActiveTabData)||void 0===o?void 0:o.y)!==(null===(r=this.activeTabData)||void 0===r?void 0:r.y)&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=j`
294
297
  :host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=j`
295
- :host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}Ze([Le],bh.prototype,"appearance",void 0),Ze([Le({mode:"boolean"})],bh.prototype,"disabled",void 0),Ze([Le],bh.prototype,"size",void 0);const vh=function(e={}){return xe` ${ot(e)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${Fe("tabs")}></slot></div>${tt(e)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${Fe("tabpanels")}></slot></div>`}({}),fh=j`
298
+ :host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}Ze([Le],yh.prototype,"appearance",void 0),Ze([Le({mode:"boolean"})],yh.prototype,"disabled",void 0),Ze([Le],yh.prototype,"size",void 0);const kh=function(e={}){return xe` ${ot(e)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${Fe("tabs")}></slot></div>${tt(e)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${Fe("tabpanels")}></slot></div>`}({}),xh=j`
296
299
  ${ao("grid")}
297
300
 
298
- :host{box-sizing:border-box;font-family:${jo};font-size:${So};line-height:${Do};color:${_r};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${ri}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${ri}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${ri}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${ri}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${yo}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${ri}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='vertical']) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${na};color:${Vr};fill:${gi}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${la};fill:${la};color:${Hr}}:host([size='small']) ::slotted(fluent-tab){font-size:${So};line-height:${Do};padding:${gr} ${rr}}:host([size='large']) ::slotted(fluent-tab){font-size:${Po};line-height:${Oo};padding:${mr} ${ar}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Pr};transition-timing-function:${Ar}}:host ::slotted(fluent-tab)::after{height:${Zo};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${Zo};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${Zo};border-radius:${$o};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${Zo};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${Zo};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${Zo}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${gr};padding-bottom:${gr}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${ur};padding-bottom:${ur}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${br};padding-bottom:${br}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${rr};left:${rr}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${ar};left:${ar}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${ar};left:${ar}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${gr};bottom:${gr}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${br};bottom:${br}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${vr};bottom:${vr}}`,mh=bh.compose({name:ho.prefix+"-tabs",template:vh,styles:fh});class yh extends oo{connectedCallback(){super.connectedCallback(),void 0!==this.styles&&this.$fastController.removeStyles(this.styles),this.styles=j`
299
- :host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}const kh=function(e={}){return xe`<template slot="tab" role="tab" aria-disabled="${e=>e.disabled}">${ot(e)}<span class="tab-content"><slot></slot></span>${tt(e)}</template>`}({}),xh=j`
301
+ :host{box-sizing:border-box;font-family:${jo};font-size:${So};line-height:${Do};color:${_r};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${ri}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${ri}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${ri}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${ri}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${yo}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${ri}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='vertical']) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${na};color:${Vr};fill:${gi}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${la};fill:${la};color:${Hr}}:host([size='small']) ::slotted(fluent-tab){font-size:${So};line-height:${Do};padding:${gr} ${rr}}:host([size='large']) ::slotted(fluent-tab){font-size:${Po};line-height:${Oo};padding:${mr} ${ar}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Pr};transition-timing-function:${Ar}}:host ::slotted(fluent-tab)::after{height:${Zo};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${Zo};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${Zo};border-radius:${$o};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${Zo};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${Zo};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${Zo}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${gr};padding-bottom:${gr}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${ur};padding-bottom:${ur}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${br};padding-bottom:${br}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${rr};left:${rr}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${ar};left:${ar}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${ar};left:${ar}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${gr};bottom:${gr}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${br};bottom:${br}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${vr};bottom:${vr}}`,$h=yh.compose({name:ho.prefix+"-tabs",template:kh,styles:xh});class wh extends oo{connectedCallback(){super.connectedCallback(),void 0!==this.styles&&this.$fastController.removeStyles(this.styles),this.styles=j`
302
+ :host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}const Bh=function(e={}){return xe`<template slot="tab" role="tab" aria-disabled="${e=>e.disabled}">${ot(e)}<span class="tab-content"><slot></slot></span>${tt(e)}</template>`}({}),Sh=j`
300
303
  ${ao("inline-flex")}
301
304
 
302
- :host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${Do};font-family:${jo};font-size:${So};color:${_r};fill:currentcolor;grid-row:1;padding:${sr} ${ar};border-radius:${yo}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${Hr};font-weight:${Uo}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${Do};font-weight:${Uo}}:host([aria-selected='true'])::after{background-color:${as};border-radius:${$o};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${Wa};border-radius:${$o};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${ri}}::slotted([slot='start']),::slotted([slot='end']){display:flex}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}:host([disabled]){cursor:not-allowed;fill:${ri};color:${ri}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${mo};box-shadow:0 0 0 3px ${gs};outline:1px solid ${ps}}`,$h=yh.compose({name:ho.prefix+"-tab",template:kh,styles:xh});class wh extends to{}const Bh=xe`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,Sh=j`
305
+ :host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${Do};font-family:${jo};font-size:${So};color:${_r};fill:currentcolor;grid-row:1;padding:${sr} ${ar};border-radius:${yo}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${Hr};font-weight:${Uo}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${Do};font-weight:${Uo}}:host([aria-selected='true'])::after{background-color:${as};border-radius:${$o};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${Wa};border-radius:${$o};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${ri}}::slotted([slot='start']),::slotted([slot='end']){display:flex}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}:host([disabled]){cursor:not-allowed;fill:${ri};color:${ri}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${mo};box-shadow:0 0 0 3px ${gs};outline:1px solid ${ps}}`,Ph=wh.compose({name:ho.prefix+"-tab",template:Bh,styles:Sh});class Ch extends to{}const Fh=xe`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,Th=j`
303
306
  ${ao("block")}
304
307
 
305
- :host{box-sizing:border-box;padding:${sr} ${ar}}`,Ph=wh.compose({name:ho.prefix+"-tab-panel",template:Bh,styles:Sh});class Ch extends Ke{constructor(){super(...arguments),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}}Ze([Le({mode:"boolean"})],Ch.prototype,"nowrap",void 0),Ze([Le({mode:"boolean"})],Ch.prototype,"truncate",void 0),Ze([Le({mode:"boolean"})],Ch.prototype,"italic",void 0),Ze([Le({mode:"boolean"})],Ch.prototype,"underline",void 0),Ze([Le({mode:"boolean"})],Ch.prototype,"strikethrough",void 0),Ze([Le({mode:"boolean"})],Ch.prototype,"block",void 0),Ze([Le],Ch.prototype,"size",void 0),Ze([Le],Ch.prototype,"font",void 0),Ze([Le],Ch.prototype,"weight",void 0),Ze([Le],Ch.prototype,"align",void 0);const Fh={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},Th={base:"base",numeric:"numeric",monospace:"monospace"},zh={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},Nh={start:"start",end:"end",center:"center",justify:"justify"},Ah=xe`<slot></slot>`,Ih=j`
308
+ :host{box-sizing:border-box;padding:${sr} ${ar}}`,zh=Ch.compose({name:ho.prefix+"-tab-panel",template:Fh,styles:Th});class Nh extends Ke{constructor(){super(...arguments),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}}Ze([Le({mode:"boolean"})],Nh.prototype,"nowrap",void 0),Ze([Le({mode:"boolean"})],Nh.prototype,"truncate",void 0),Ze([Le({mode:"boolean"})],Nh.prototype,"italic",void 0),Ze([Le({mode:"boolean"})],Nh.prototype,"underline",void 0),Ze([Le({mode:"boolean"})],Nh.prototype,"strikethrough",void 0),Ze([Le({mode:"boolean"})],Nh.prototype,"block",void 0),Ze([Le],Nh.prototype,"size",void 0),Ze([Le],Nh.prototype,"font",void 0),Ze([Le],Nh.prototype,"weight",void 0),Ze([Le],Nh.prototype,"align",void 0);const Ah={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},Ih={base:"base",numeric:"numeric",monospace:"monospace"},Lh={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},Dh={start:"start",end:"end",center:"center",justify:"justify"},Oh=xe`<slot></slot>`,Mh=j`
306
309
  ${ao("inline")}
307
310
 
308
- :host{contain:content}::slotted(*){font-family:${jo};font-size:${So};line-height:${Do};font-weight:${Xo};text-align:start;white-space:normal;overflow:visible;text-overflow:clip;margin:0;display:inline}:host([nowrap]) ::slotted(*){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*){text-overflow:ellipsis}:host([block]),:host([block]) ::slotted(*){display:block}:host([italic]) ::slotted(*){font-style:italic}:host([underline]) ::slotted(*){text-decoration-line:underline}:host([strikethrough]) ::slotted(*){text-decoration-line:line-through}:host([underline][strikethrough]) ::slotted(*){text-decoration-line:line-through underline}:host([size='100']) ::slotted(*){font-size:${wo};line-height:${Io}}:host([size='200']) ::slotted(*){font-size:${Bo};line-height:${Lo}}:host([size='400']) ::slotted(*){font-size:${Po};line-height:${Oo}}:host([size='500']) ::slotted(*){font-size:${Co};line-height:${Mo}}:host([size='600']) ::slotted(*){font-size:${Fo};line-height:${Ho}}:host([size='700']) ::slotted(*){font-size:${To};line-height:${Vo}}:host([size='800']) ::slotted(*){font-size:${zo};line-height:${Eo}}:host([size='900']) ::slotted(*){font-size:${No};line-height:${Ro}}:host([size='1000']) ::slotted(*){font-size:${Ao};line-height:${_o}}:host([font='monospace']) ::slotted(*){font-family:${Go}}:host([font='numeric']) ::slotted(*){font-family:${qo}}:host([weight='medium']) ::slotted(*){font-weight:${Wo}}:host([weight='semibold']) ::slotted(*){font-weight:${Uo}}:host([weight='bold']) ::slotted(*){font-weight:${Yo}}:host([align='center']) ::slotted(*){text-align:center}:host([align='end']) ::slotted(*){text-align:end}:host([align='justify']) ::slotted(*){text-align:justify}`,Lh=Ch.compose({name:ho.prefix+"-text",template:Ah,styles:Ih}),Dh=Object.keys(Bc),Oh=e=>{for(const t of Dh)Bc[t].withDefault(e[t])};export{so as Accordion,po as AccordionItem,bo as AccordionItemExpandIconPosition,go as AccordionItemSize,Ec as Avatar,Lc as AvatarActive,Oc as AvatarAppearance,Hc as AvatarColor,Uc as AvatarDefinition,Mc as AvatarNamedColor,Dc as AvatarShape,Vc as AvatarSize,Wc as AvatarStyles,jc as AvatarTemplate,Jc as Badge,Yc as BadgeAppearance,Kc as BadgeColor,dd as BadgeDefinition,Qc as BadgeShape,Zc as BadgeSize,cd as BadgeStyles,td as BadgeTemplate,hd as Button,ud as ButtonAppearance,fd as ButtonDefinition,pd as ButtonShape,gd as ButtonSize,vd as ButtonStyles,bd as ButtonTemplate,md as CounterBadge,yd as CounterBadgeAppearance,kd as CounterBadgeColor,Sd as CounterBadgeDefinition,xd as CounterBadgeShape,$d as CounterBadgeSize,Bd as CounterBadgeStyles,wd as CounterBadgeTemplate,Pd as Divider,Cd as DividerAlignContent,Fd as DividerAppearance,Nd as DividerDefinition,Rt as DividerOrientation,Et as DividerRole,zd as DividerStyles,Td as DividerTemplate,Ad as Image,Md as ImageDefinition,Id as ImageFit,Ld as ImageShape,Od as ImageStyles,Dd as ImageTemplate,Hd as MenuButton,Vd as MenuButtonAppearance,jd as MenuButtonDefinition,Ed as MenuButtonShape,Rd as MenuButtonSize,vd as MenuButtonStyles,_d as MenuButtonTemplate,Gd as ProgressBar,Kd as ProgressBarDefinition,Xd as ProgressBarShape,Ud as ProgressBarStyles,Yd as ProgressBarTemplate,qd as ProgressBarThickness,Wd as ProgressBarValidationState,Qd as Slider,th as SliderDefinition,Xt as SliderOrientation,Zd as SliderSize,Jd as SliderStyles,eh as SliderTemplate,oh as Spinner,rh as SpinnerAppearance,nh as SpinnerDefinition,ih as SpinnerSize,sh as SpinnerStyles,ah as SpinnerTemplate,lh as Switch,ch as SwitchLabelPosition,yh as Tab,$h as TabDefinition,wh as TabPanel,Ph as TabPanelDefinition,Sh as TabPanelStyles,Bh as TabPanelTemplate,xh as TabStyles,kh as TabTemplate,bh as Tabs,ph as TabsAppearance,mh as TabsDefinition,ro as TabsOrientation,gh as TabsSize,fh as TabsStyles,vh as TabsTemplate,Ch as Text,Nh as TextAlign,Lh as TextDefinition,Th as TextFont,Fh as TextSize,Ih as TextStyles,Ah as TextTemplate,zh as TextWeight,uo as accordionDefinition,Cc as accordionItemDefinition,Sc as accordionItemStyles,Pc as accordionItemTemplate,co as accordionStyles,no as accordionTemplate,$o as borderRadiusCircular,ko as borderRadiusLarge,yo as borderRadiusMedium,fo as borderRadiusNone,mo as borderRadiusSmall,xo as borderRadiusXLarge,Ca as colorBackgroundOverlay,Ta as colorBrandBackground,Ma as colorBrandBackground2,za as colorBrandBackgroundHover,Ha as colorBrandBackgroundInverted,Va as colorBrandBackgroundInvertedHover,Ea as colorBrandBackgroundInvertedPressed,Ra as colorBrandBackgroundInvertedSelected,Na as colorBrandBackgroundPressed,Aa as colorBrandBackgroundSelected,Oa as colorBrandBackgroundStatic,vi as colorBrandForeground1,fi as colorBrandForeground2,zi as colorBrandForegroundInverted,Ni as colorBrandForegroundInvertedHover,Ai as colorBrandForegroundInvertedPressed,ai as colorBrandForegroundLink,si as colorBrandForegroundLinkHover,ni as colorBrandForegroundLinkPressed,li as colorBrandForegroundLinkSelected,Ii as colorBrandForegroundOnLight,Li as colorBrandForegroundOnLightHover,Di as colorBrandForegroundOnLightPressed,Oi as colorBrandForegroundOnLightSelected,xs as colorBrandShadowAmbient,$s as colorBrandShadowKey,rs as colorBrandStroke1,is as colorBrandStroke2,Ia as colorCompoundBrandBackground,La as colorCompoundBrandBackgroundHover,Da as colorCompoundBrandBackgroundPressed,pi as colorCompoundBrandForeground1,gi as colorCompoundBrandForeground1Hover,bi as colorCompoundBrandForeground1Pressed,as as colorCompoundBrandStroke,ss as colorCompoundBrandStrokeHover,ns as colorCompoundBrandStrokePressed,Mi as colorNeutralBackground1,Hi as colorNeutralBackground1Hover,Vi as colorNeutralBackground1Pressed,Ei as colorNeutralBackground1Selected,Ri as colorNeutralBackground2,_i as colorNeutralBackground2Hover,ji as colorNeutralBackground2Pressed,Gi as colorNeutralBackground2Selected,qi as colorNeutralBackground3,Xi as colorNeutralBackground3Hover,Wi as colorNeutralBackground3Pressed,Ui as colorNeutralBackground3Selected,Yi as colorNeutralBackground4,Ki as colorNeutralBackground4Hover,Qi as colorNeutralBackground4Pressed,Zi as colorNeutralBackground4Selected,Ji as colorNeutralBackground5,ea as colorNeutralBackground5Hover,ta as colorNeutralBackground5Pressed,oa as colorNeutralBackground5Selected,ra as colorNeutralBackground6,xa as colorNeutralBackgroundDisabled,ia as colorNeutralBackgroundInverted,$a as colorNeutralBackgroundInvertedDisabled,aa as colorNeutralBackgroundStatic,Hr as colorNeutralForeground1,Vr as colorNeutralForeground1Hover,Er as colorNeutralForeground1Pressed,Rr as colorNeutralForeground1Selected,mi as colorNeutralForeground1Static,_r as colorNeutralForeground2,Xr as colorNeutralForeground2BrandHover,Wr as colorNeutralForeground2BrandPressed,Ur as colorNeutralForeground2BrandSelected,jr as colorNeutralForeground2Hover,ci as colorNeutralForeground2Link,di as colorNeutralForeground2LinkHover,hi as colorNeutralForeground2LinkPressed,ui as colorNeutralForeground2LinkSelected,Gr as colorNeutralForeground2Pressed,qr as colorNeutralForeground2Selected,Yr as colorNeutralForeground3,Jr as colorNeutralForeground3BrandHover,ei as colorNeutralForeground3BrandPressed,ti as colorNeutralForeground3BrandSelected,Kr as colorNeutralForeground3Hover,Qr as colorNeutralForeground3Pressed,Zr as colorNeutralForeground3Selected,oi as colorNeutralForeground4,ri as colorNeutralForegroundDisabled,ki as colorNeutralForegroundInverted,Bi as colorNeutralForegroundInverted2,ii as colorNeutralForegroundInvertedDisabled,xi as colorNeutralForegroundInvertedHover,Pi as colorNeutralForegroundInvertedLink,Ci as colorNeutralForegroundInvertedLinkHover,Fi as colorNeutralForegroundInvertedLinkPressed,Ti as colorNeutralForegroundInvertedLinkSelected,$i as colorNeutralForegroundInvertedPressed,wi as colorNeutralForegroundInvertedSelected,Si as colorNeutralForegroundOnBrand,yi as colorNeutralForegroundStaticInverted,bs as colorNeutralShadowAmbient,ys as colorNeutralShadowAmbientDarker,fs as colorNeutralShadowAmbientLighter,vs as colorNeutralShadowKey,ks as colorNeutralShadowKeyDarker,ms as colorNeutralShadowKeyLighter,wa as colorNeutralStencil1,Sa as colorNeutralStencil1Alpha,Ba as colorNeutralStencil2,Pa as colorNeutralStencil2Alpha,Xa as colorNeutralStroke1,Wa as colorNeutralStroke1Hover,Ua as colorNeutralStroke1Pressed,Ya as colorNeutralStroke1Selected,Ka as colorNeutralStroke2,Qa as colorNeutralStroke3,_a as colorNeutralStrokeAccessible,ja as colorNeutralStrokeAccessibleHover,Ga as colorNeutralStrokeAccessiblePressed,qa as colorNeutralStrokeAccessibleSelected,ls as colorNeutralStrokeDisabled,cs as colorNeutralStrokeInvertedDisabled,Za as colorNeutralStrokeOnBrand,Ja as colorNeutralStrokeOnBrand2,es as colorNeutralStrokeOnBrand2Hover,ts as colorNeutralStrokeOnBrand2Pressed,os as colorNeutralStrokeOnBrand2Selected,sc as colorPaletteAnchorBackground2,lc as colorPaletteAnchorBorderActive,nc as colorPaletteAnchorForeground2,Ql as colorPaletteBeigeBackground2,Jl as colorPaletteBeigeBorderActive,Zl as colorPaletteBeigeForeground2,sn as colorPaletteBerryBackground1,nn as colorPaletteBerryBackground2,ln as colorPaletteBerryBackground3,pn as colorPaletteBerryBorder1,gn as colorPaletteBerryBorder2,un as colorPaletteBerryBorderActive,cn as colorPaletteBerryForeground1,dn as colorPaletteBerryForeground2,hn as colorPaletteBerryForeground3,ml as colorPaletteBlueBackground2,kl as colorPaletteBlueBorderActive,yl as colorPaletteBlueForeground2,Un as colorPaletteBrassBackground2,Kn as colorPaletteBrassBorderActive,Yn as colorPaletteBrassForeground2,Qn as colorPaletteBrownBackground2,Jn as colorPaletteBrownBorderActive,Zn as colorPaletteBrownForeground2,Bl as colorPaletteCornflowerBackground2,Pl as colorPaletteCornflowerBorderActive,Sl as colorPaletteCornflowerForeground2,On as colorPaletteCranberryBackground2,Hn as colorPaletteCranberryBorderActive,Mn as colorPaletteCranberryForeground2,sl as colorPaletteDarkGreenBackground2,ll as colorPaletteDarkGreenBorderActive,nl as colorPaletteDarkGreenForeground2,Rs as colorPaletteDarkOrangeBackground1,_s as colorPaletteDarkOrangeBackground2,js as colorPaletteDarkOrangeBackground3,Us as colorPaletteDarkOrangeBorder1,Ys as colorPaletteDarkOrangeBorder2,Ws as colorPaletteDarkOrangeBorderActive,Gs as colorPaletteDarkOrangeForeground1,qs as colorPaletteDarkOrangeForeground2,Xs as colorPaletteDarkOrangeForeground3,In as colorPaletteDarkRedBackground2,Dn as colorPaletteDarkRedBorderActive,Ln as colorPaletteDarkRedForeground2,el as colorPaletteForestBackground2,ol as colorPaletteForestBorderActive,tl as colorPaletteForestForeground2,qn as colorPaletteGoldBackground2,Wn as colorPaletteGoldBorderActive,Xn as colorPaletteGoldForeground2,Ol as colorPaletteGrapeBackground2,Hl as colorPaletteGrapeBorderActive,Ml as colorPaletteGrapeForeground2,As as colorPaletteGreenBackground1,Is as colorPaletteGreenBackground2,Ls as colorPaletteGreenBackground3,Vs as colorPaletteGreenBorder1,Es as colorPaletteGreenBorder2,Hs as colorPaletteGreenBorderActive,Ds as colorPaletteGreenForeground1,Os as colorPaletteGreenForeground2,Ms as colorPaletteGreenForeground3,dc as colorPaletteGreenForegroundInverted,zl as colorPaletteLavenderBackground2,Al as colorPaletteLavenderBorderActive,Nl as colorPaletteLavenderForeground2,bn as colorPaletteLightGreenBackground1,vn as colorPaletteLightGreenBackground2,fn as colorPaletteLightGreenBackground3,$n as colorPaletteLightGreenBorder1,wn as colorPaletteLightGreenBorder2,xn as colorPaletteLightGreenBorderActive,mn as colorPaletteLightGreenForeground1,yn as colorPaletteLightGreenForeground2,kn as colorPaletteLightGreenForeground3,cl as colorPaletteLightTealBackground2,hl as colorPaletteLightTealBorderActive,dl as colorPaletteLightTealForeground2,Vl as colorPaletteLilacBackground2,Rl as colorPaletteLilacBorderActive,El as colorPaletteLilacForeground2,ql as colorPaletteMagentaBackground2,Wl as colorPaletteMagentaBorderActive,Xl as colorPaletteMagentaForeground2,Bn as colorPaletteMarigoldBackground1,Sn as colorPaletteMarigoldBackground2,Pn as colorPaletteMarigoldBackground3,Nn as colorPaletteMarigoldBorder1,An as colorPaletteMarigoldBorder2,zn as colorPaletteMarigoldBorderActive,Cn as colorPaletteMarigoldForeground1,Fn as colorPaletteMarigoldForeground2,Tn as colorPaletteMarigoldForeground3,ec as colorPaletteMinkBackground2,oc as colorPaletteMinkBorderActive,tc as colorPaletteMinkForeground2,Cl as colorPaletteNavyBackground2,Tl as colorPaletteNavyBorderActive,Fl as colorPaletteNavyForeground2,_n as colorPalettePeachBackground2,Gn as colorPalettePeachBorderActive,jn as colorPalettePeachForeground2,_l as colorPalettePinkBackground2,Gl as colorPalettePinkBorderActive,jl as colorPalettePinkForeground2,rc as colorPalettePlatinumBackground2,ac as colorPalettePlatinumBorderActive,ic as colorPalettePlatinumForeground2,Ul as colorPalettePlumBackground2,Kl as colorPalettePlumBorderActive,Yl as colorPalettePlumForeground2,Vn as colorPalettePumpkinBackground2,Rn as colorPalettePumpkinBorderActive,En as colorPalettePumpkinForeground2,Il as colorPalettePurpleBackground2,Dl as colorPalettePurpleBorderActive,Ll as colorPalettePurpleForeground2,ws as colorPaletteRedBackground1,Bs as colorPaletteRedBackground2,Ss as colorPaletteRedBackground3,zs as colorPaletteRedBorder1,Ns as colorPaletteRedBorder2,Ts as colorPaletteRedBorderActive,Ps as colorPaletteRedForeground1,Cs as colorPaletteRedForeground2,Fs as colorPaletteRedForeground3,cc as colorPaletteRedForegroundInverted,xl as colorPaletteRoyalBlueBackground2,wl as colorPaletteRoyalBlueBorderActive,$l as colorPaletteRoyalBlueForeground2,rl as colorPaletteSeafoamBackground2,al as colorPaletteSeafoamBorderActive,il as colorPaletteSeafoamForeground2,bl as colorPaletteSteelBackground2,fl as colorPaletteSteelBorderActive,vl as colorPaletteSteelForeground2,ul as colorPaletteTealBackground2,gl as colorPaletteTealBorderActive,pl as colorPaletteTealForeground2,Ks as colorPaletteYellowBackground1,Qs as colorPaletteYellowBackground2,Zs as colorPaletteYellowBackground3,rn as colorPaletteYellowBorder1,an as colorPaletteYellowBorder2,on as colorPaletteYellowBorderActive,Js as colorPaletteYellowForeground1,en as colorPaletteYellowForeground2,tn as colorPaletteYellowForeground3,hc as colorPaletteYellowForegroundInverted,Fa as colorScrollbarOverlay,ps as colorStrokeFocus1,gs as colorStrokeFocus2,sa as colorSubtleBackground,na as colorSubtleBackgroundHover,pa as colorSubtleBackgroundInverted,ga as colorSubtleBackgroundInvertedHover,ba as colorSubtleBackgroundInvertedPressed,va as colorSubtleBackgroundInvertedSelected,da as colorSubtleBackgroundLightAlphaHover,ha as colorSubtleBackgroundLightAlphaPressed,ua as colorSubtleBackgroundLightAlphaSelected,la as colorSubtleBackgroundPressed,ca as colorSubtleBackgroundSelected,fa as colorTransparentBackground,ma as colorTransparentBackgroundHover,ya as colorTransparentBackgroundPressed,ka as colorTransparentBackgroundSelected,ds as colorTransparentStroke,us as colorTransparentStrokeDisabled,hs as colorTransparentStrokeInteractive,Tr as curveAccelerateMax,zr as curveAccelerateMid,Nr as curveAccelerateMin,Ar as curveDecelerateMax,Ir as curveDecelerateMid,Lr as curveDecelerateMin,Or as curveEasyEase,Dr as curveEasyEaseMax,Mr as curveLinear,uh as definition,Br as durationFast,wr as durationFaster,Sr as durationNormal,Pr as durationSlow,Cr as durationSlower,$r as durationUltraFast,Fr as durationUltraSlow,jo as fontFamilyBase,Go as fontFamilyMonospace,qo as fontFamilyNumeric,wo as fontSizeBase100,Bo as fontSizeBase200,So as fontSizeBase300,Po as fontSizeBase400,Co as fontSizeBase500,Fo as fontSizeBase600,Ao as fontSizeHero1000,To as fontSizeHero700,zo as fontSizeHero800,No as fontSizeHero900,Yo as fontWeightBold,Wo as fontWeightMedium,Xo as fontWeightRegular,Uo as fontWeightSemibold,Io as lineHeightBase100,Lo as lineHeightBase200,Do as lineHeightBase300,Oo as lineHeightBase400,Mo as lineHeightBase500,Ho as lineHeightBase600,_o as lineHeightHero1000,Vo as lineHeightHero700,Eo as lineHeightHero800,Ro as lineHeightHero900,Oh as setTheme,bc as shadow16,xc as shadow16Brand,uc as shadow2,vc as shadow28,$c as shadow28Brand,mc as shadow2Brand,pc as shadow4,yc as shadow4Brand,fc as shadow64,wc as shadow64Brand,gc as shadow8,kc as shadow8Brand,nr as spacingHorizontalL,sr as spacingHorizontalM,ar as spacingHorizontalMNudge,er as spacingHorizontalNone,ir as spacingHorizontalS,rr as spacingHorizontalSNudge,lr as spacingHorizontalXL,or as spacingHorizontalXS,cr as spacingHorizontalXXL,tr as spacingHorizontalXXS,dr as spacingHorizontalXXXL,mr as spacingVerticalL,fr as spacingVerticalM,vr as spacingVerticalMNudge,hr as spacingVerticalNone,br as spacingVerticalS,gr as spacingVerticalSNudge,yr as spacingVerticalXL,pr as spacingVerticalXS,kr as spacingVerticalXXL,ur as spacingVerticalXXS,xr as spacingVerticalXXXL,Qo as strokeWidthThick,Zo as strokeWidthThicker,Jo as strokeWidthThickest,Ko as strokeWidthThin,hh as switchStyles,dh as switchTemplate};
311
+ :host{contain:content}::slotted(*){font-family:${jo};font-size:${So};line-height:${Do};font-weight:${Xo};text-align:start;white-space:normal;overflow:visible;text-overflow:clip;margin:0;display:inline}:host([nowrap]) ::slotted(*){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*){text-overflow:ellipsis}:host([block]),:host([block]) ::slotted(*){display:block}:host([italic]) ::slotted(*){font-style:italic}:host([underline]) ::slotted(*){text-decoration-line:underline}:host([strikethrough]) ::slotted(*){text-decoration-line:line-through}:host([underline][strikethrough]) ::slotted(*){text-decoration-line:line-through underline}:host([size='100']) ::slotted(*){font-size:${wo};line-height:${Io}}:host([size='200']) ::slotted(*){font-size:${Bo};line-height:${Lo}}:host([size='400']) ::slotted(*){font-size:${Po};line-height:${Oo}}:host([size='500']) ::slotted(*){font-size:${Co};line-height:${Mo}}:host([size='600']) ::slotted(*){font-size:${Fo};line-height:${Ho}}:host([size='700']) ::slotted(*){font-size:${To};line-height:${Vo}}:host([size='800']) ::slotted(*){font-size:${zo};line-height:${Eo}}:host([size='900']) ::slotted(*){font-size:${No};line-height:${Ro}}:host([size='1000']) ::slotted(*){font-size:${Ao};line-height:${_o}}:host([font='monospace']) ::slotted(*){font-family:${Go}}:host([font='numeric']) ::slotted(*){font-family:${qo}}:host([weight='medium']) ::slotted(*){font-weight:${Wo}}:host([weight='semibold']) ::slotted(*){font-weight:${Uo}}:host([weight='bold']) ::slotted(*){font-weight:${Yo}}:host([align='center']) ::slotted(*){text-align:center}:host([align='end']) ::slotted(*){text-align:end}:host([align='justify']) ::slotted(*){text-align:justify}`,Hh=Nh.compose({name:ho.prefix+"-text",template:Oh,styles:Mh}),Vh=Object.keys(Bc),Eh=e=>{for(const t of Vh)Bc[t].withDefault(e[t])};export{so as Accordion,po as AccordionItem,bo as AccordionItemExpandIconPosition,go as AccordionItemSize,Ec as Avatar,Lc as AvatarActive,Oc as AvatarAppearance,Hc as AvatarColor,Uc as AvatarDefinition,Mc as AvatarNamedColor,Dc as AvatarShape,Vc as AvatarSize,Wc as AvatarStyles,jc as AvatarTemplate,Jc as Badge,Yc as BadgeAppearance,Kc as BadgeColor,dd as BadgeDefinition,Qc as BadgeShape,Zc as BadgeSize,cd as BadgeStyles,td as BadgeTemplate,hd as Button,ud as ButtonAppearance,fd as ButtonDefinition,pd as ButtonShape,gd as ButtonSize,vd as ButtonStyles,bd as ButtonTemplate,md as CounterBadge,yd as CounterBadgeAppearance,kd as CounterBadgeColor,Sd as CounterBadgeDefinition,xd as CounterBadgeShape,$d as CounterBadgeSize,Bd as CounterBadgeStyles,wd as CounterBadgeTemplate,Pd as Divider,Cd as DividerAlignContent,Fd as DividerAppearance,Nd as DividerDefinition,Rt as DividerOrientation,Et as DividerRole,zd as DividerStyles,Td as DividerTemplate,Ad as Image,Md as ImageDefinition,Id as ImageFit,Ld as ImageShape,Od as ImageStyles,Dd as ImageTemplate,Hd as Label,Rd as LabelDefinition,Vd as LabelStyles,Ed as LabelTemplate,_d as MenuButton,jd as MenuButtonAppearance,Wd as MenuButtonDefinition,Gd as MenuButtonShape,qd as MenuButtonSize,vd as MenuButtonStyles,Xd as MenuButtonTemplate,Ud as ProgressBar,eh as ProgressBarDefinition,Kd as ProgressBarShape,Zd as ProgressBarStyles,Jd as ProgressBarTemplate,Yd as ProgressBarThickness,Qd as ProgressBarValidationState,th as Slider,ah as SliderDefinition,Xt as SliderOrientation,oh as SliderSize,rh as SliderStyles,ih as SliderTemplate,sh as Spinner,nh as SpinnerAppearance,hh as SpinnerDefinition,lh as SpinnerSize,dh as SpinnerStyles,ch as SpinnerTemplate,uh as Switch,ph as SwitchLabelPosition,wh as Tab,Ph as TabDefinition,Ch as TabPanel,zh as TabPanelDefinition,Th as TabPanelStyles,Fh as TabPanelTemplate,Sh as TabStyles,Bh as TabTemplate,yh as Tabs,fh as TabsAppearance,$h as TabsDefinition,ro as TabsOrientation,mh as TabsSize,xh as TabsStyles,kh as TabsTemplate,Nh as Text,Dh as TextAlign,Hh as TextDefinition,Ih as TextFont,Ah as TextSize,Mh as TextStyles,Oh as TextTemplate,Lh as TextWeight,uo as accordionDefinition,Cc as accordionItemDefinition,Sc as accordionItemStyles,Pc as accordionItemTemplate,co as accordionStyles,no as accordionTemplate,$o as borderRadiusCircular,ko as borderRadiusLarge,yo as borderRadiusMedium,fo as borderRadiusNone,mo as borderRadiusSmall,xo as borderRadiusXLarge,Ca as colorBackgroundOverlay,Ta as colorBrandBackground,Ma as colorBrandBackground2,za as colorBrandBackgroundHover,Ha as colorBrandBackgroundInverted,Va as colorBrandBackgroundInvertedHover,Ea as colorBrandBackgroundInvertedPressed,Ra as colorBrandBackgroundInvertedSelected,Na as colorBrandBackgroundPressed,Aa as colorBrandBackgroundSelected,Oa as colorBrandBackgroundStatic,vi as colorBrandForeground1,fi as colorBrandForeground2,zi as colorBrandForegroundInverted,Ni as colorBrandForegroundInvertedHover,Ai as colorBrandForegroundInvertedPressed,ai as colorBrandForegroundLink,si as colorBrandForegroundLinkHover,ni as colorBrandForegroundLinkPressed,li as colorBrandForegroundLinkSelected,Ii as colorBrandForegroundOnLight,Li as colorBrandForegroundOnLightHover,Di as colorBrandForegroundOnLightPressed,Oi as colorBrandForegroundOnLightSelected,xs as colorBrandShadowAmbient,$s as colorBrandShadowKey,rs as colorBrandStroke1,is as colorBrandStroke2,Ia as colorCompoundBrandBackground,La as colorCompoundBrandBackgroundHover,Da as colorCompoundBrandBackgroundPressed,pi as colorCompoundBrandForeground1,gi as colorCompoundBrandForeground1Hover,bi as colorCompoundBrandForeground1Pressed,as as colorCompoundBrandStroke,ss as colorCompoundBrandStrokeHover,ns as colorCompoundBrandStrokePressed,Mi as colorNeutralBackground1,Hi as colorNeutralBackground1Hover,Vi as colorNeutralBackground1Pressed,Ei as colorNeutralBackground1Selected,Ri as colorNeutralBackground2,_i as colorNeutralBackground2Hover,ji as colorNeutralBackground2Pressed,Gi as colorNeutralBackground2Selected,qi as colorNeutralBackground3,Xi as colorNeutralBackground3Hover,Wi as colorNeutralBackground3Pressed,Ui as colorNeutralBackground3Selected,Yi as colorNeutralBackground4,Ki as colorNeutralBackground4Hover,Qi as colorNeutralBackground4Pressed,Zi as colorNeutralBackground4Selected,Ji as colorNeutralBackground5,ea as colorNeutralBackground5Hover,ta as colorNeutralBackground5Pressed,oa as colorNeutralBackground5Selected,ra as colorNeutralBackground6,xa as colorNeutralBackgroundDisabled,ia as colorNeutralBackgroundInverted,$a as colorNeutralBackgroundInvertedDisabled,aa as colorNeutralBackgroundStatic,Hr as colorNeutralForeground1,Vr as colorNeutralForeground1Hover,Er as colorNeutralForeground1Pressed,Rr as colorNeutralForeground1Selected,mi as colorNeutralForeground1Static,_r as colorNeutralForeground2,Xr as colorNeutralForeground2BrandHover,Wr as colorNeutralForeground2BrandPressed,Ur as colorNeutralForeground2BrandSelected,jr as colorNeutralForeground2Hover,ci as colorNeutralForeground2Link,di as colorNeutralForeground2LinkHover,hi as colorNeutralForeground2LinkPressed,ui as colorNeutralForeground2LinkSelected,Gr as colorNeutralForeground2Pressed,qr as colorNeutralForeground2Selected,Yr as colorNeutralForeground3,Jr as colorNeutralForeground3BrandHover,ei as colorNeutralForeground3BrandPressed,ti as colorNeutralForeground3BrandSelected,Kr as colorNeutralForeground3Hover,Qr as colorNeutralForeground3Pressed,Zr as colorNeutralForeground3Selected,oi as colorNeutralForeground4,ri as colorNeutralForegroundDisabled,ki as colorNeutralForegroundInverted,Bi as colorNeutralForegroundInverted2,ii as colorNeutralForegroundInvertedDisabled,xi as colorNeutralForegroundInvertedHover,Pi as colorNeutralForegroundInvertedLink,Ci as colorNeutralForegroundInvertedLinkHover,Fi as colorNeutralForegroundInvertedLinkPressed,Ti as colorNeutralForegroundInvertedLinkSelected,$i as colorNeutralForegroundInvertedPressed,wi as colorNeutralForegroundInvertedSelected,Si as colorNeutralForegroundOnBrand,yi as colorNeutralForegroundStaticInverted,bs as colorNeutralShadowAmbient,ys as colorNeutralShadowAmbientDarker,fs as colorNeutralShadowAmbientLighter,vs as colorNeutralShadowKey,ks as colorNeutralShadowKeyDarker,ms as colorNeutralShadowKeyLighter,wa as colorNeutralStencil1,Sa as colorNeutralStencil1Alpha,Ba as colorNeutralStencil2,Pa as colorNeutralStencil2Alpha,Xa as colorNeutralStroke1,Wa as colorNeutralStroke1Hover,Ua as colorNeutralStroke1Pressed,Ya as colorNeutralStroke1Selected,Ka as colorNeutralStroke2,Qa as colorNeutralStroke3,_a as colorNeutralStrokeAccessible,ja as colorNeutralStrokeAccessibleHover,Ga as colorNeutralStrokeAccessiblePressed,qa as colorNeutralStrokeAccessibleSelected,ls as colorNeutralStrokeDisabled,cs as colorNeutralStrokeInvertedDisabled,Za as colorNeutralStrokeOnBrand,Ja as colorNeutralStrokeOnBrand2,es as colorNeutralStrokeOnBrand2Hover,ts as colorNeutralStrokeOnBrand2Pressed,os as colorNeutralStrokeOnBrand2Selected,sc as colorPaletteAnchorBackground2,lc as colorPaletteAnchorBorderActive,nc as colorPaletteAnchorForeground2,Ql as colorPaletteBeigeBackground2,Jl as colorPaletteBeigeBorderActive,Zl as colorPaletteBeigeForeground2,sn as colorPaletteBerryBackground1,nn as colorPaletteBerryBackground2,ln as colorPaletteBerryBackground3,pn as colorPaletteBerryBorder1,gn as colorPaletteBerryBorder2,un as colorPaletteBerryBorderActive,cn as colorPaletteBerryForeground1,dn as colorPaletteBerryForeground2,hn as colorPaletteBerryForeground3,ml as colorPaletteBlueBackground2,kl as colorPaletteBlueBorderActive,yl as colorPaletteBlueForeground2,Un as colorPaletteBrassBackground2,Kn as colorPaletteBrassBorderActive,Yn as colorPaletteBrassForeground2,Qn as colorPaletteBrownBackground2,Jn as colorPaletteBrownBorderActive,Zn as colorPaletteBrownForeground2,Bl as colorPaletteCornflowerBackground2,Pl as colorPaletteCornflowerBorderActive,Sl as colorPaletteCornflowerForeground2,On as colorPaletteCranberryBackground2,Hn as colorPaletteCranberryBorderActive,Mn as colorPaletteCranberryForeground2,sl as colorPaletteDarkGreenBackground2,ll as colorPaletteDarkGreenBorderActive,nl as colorPaletteDarkGreenForeground2,Rs as colorPaletteDarkOrangeBackground1,_s as colorPaletteDarkOrangeBackground2,js as colorPaletteDarkOrangeBackground3,Us as colorPaletteDarkOrangeBorder1,Ys as colorPaletteDarkOrangeBorder2,Ws as colorPaletteDarkOrangeBorderActive,Gs as colorPaletteDarkOrangeForeground1,qs as colorPaletteDarkOrangeForeground2,Xs as colorPaletteDarkOrangeForeground3,In as colorPaletteDarkRedBackground2,Dn as colorPaletteDarkRedBorderActive,Ln as colorPaletteDarkRedForeground2,el as colorPaletteForestBackground2,ol as colorPaletteForestBorderActive,tl as colorPaletteForestForeground2,qn as colorPaletteGoldBackground2,Wn as colorPaletteGoldBorderActive,Xn as colorPaletteGoldForeground2,Ol as colorPaletteGrapeBackground2,Hl as colorPaletteGrapeBorderActive,Ml as colorPaletteGrapeForeground2,As as colorPaletteGreenBackground1,Is as colorPaletteGreenBackground2,Ls as colorPaletteGreenBackground3,Vs as colorPaletteGreenBorder1,Es as colorPaletteGreenBorder2,Hs as colorPaletteGreenBorderActive,Ds as colorPaletteGreenForeground1,Os as colorPaletteGreenForeground2,Ms as colorPaletteGreenForeground3,dc as colorPaletteGreenForegroundInverted,zl as colorPaletteLavenderBackground2,Al as colorPaletteLavenderBorderActive,Nl as colorPaletteLavenderForeground2,bn as colorPaletteLightGreenBackground1,vn as colorPaletteLightGreenBackground2,fn as colorPaletteLightGreenBackground3,$n as colorPaletteLightGreenBorder1,wn as colorPaletteLightGreenBorder2,xn as colorPaletteLightGreenBorderActive,mn as colorPaletteLightGreenForeground1,yn as colorPaletteLightGreenForeground2,kn as colorPaletteLightGreenForeground3,cl as colorPaletteLightTealBackground2,hl as colorPaletteLightTealBorderActive,dl as colorPaletteLightTealForeground2,Vl as colorPaletteLilacBackground2,Rl as colorPaletteLilacBorderActive,El as colorPaletteLilacForeground2,ql as colorPaletteMagentaBackground2,Wl as colorPaletteMagentaBorderActive,Xl as colorPaletteMagentaForeground2,Bn as colorPaletteMarigoldBackground1,Sn as colorPaletteMarigoldBackground2,Pn as colorPaletteMarigoldBackground3,Nn as colorPaletteMarigoldBorder1,An as colorPaletteMarigoldBorder2,zn as colorPaletteMarigoldBorderActive,Cn as colorPaletteMarigoldForeground1,Fn as colorPaletteMarigoldForeground2,Tn as colorPaletteMarigoldForeground3,ec as colorPaletteMinkBackground2,oc as colorPaletteMinkBorderActive,tc as colorPaletteMinkForeground2,Cl as colorPaletteNavyBackground2,Tl as colorPaletteNavyBorderActive,Fl as colorPaletteNavyForeground2,_n as colorPalettePeachBackground2,Gn as colorPalettePeachBorderActive,jn as colorPalettePeachForeground2,_l as colorPalettePinkBackground2,Gl as colorPalettePinkBorderActive,jl as colorPalettePinkForeground2,rc as colorPalettePlatinumBackground2,ac as colorPalettePlatinumBorderActive,ic as colorPalettePlatinumForeground2,Ul as colorPalettePlumBackground2,Kl as colorPalettePlumBorderActive,Yl as colorPalettePlumForeground2,Vn as colorPalettePumpkinBackground2,Rn as colorPalettePumpkinBorderActive,En as colorPalettePumpkinForeground2,Il as colorPalettePurpleBackground2,Dl as colorPalettePurpleBorderActive,Ll as colorPalettePurpleForeground2,ws as colorPaletteRedBackground1,Bs as colorPaletteRedBackground2,Ss as colorPaletteRedBackground3,zs as colorPaletteRedBorder1,Ns as colorPaletteRedBorder2,Ts as colorPaletteRedBorderActive,Ps as colorPaletteRedForeground1,Cs as colorPaletteRedForeground2,Fs as colorPaletteRedForeground3,cc as colorPaletteRedForegroundInverted,xl as colorPaletteRoyalBlueBackground2,wl as colorPaletteRoyalBlueBorderActive,$l as colorPaletteRoyalBlueForeground2,rl as colorPaletteSeafoamBackground2,al as colorPaletteSeafoamBorderActive,il as colorPaletteSeafoamForeground2,bl as colorPaletteSteelBackground2,fl as colorPaletteSteelBorderActive,vl as colorPaletteSteelForeground2,ul as colorPaletteTealBackground2,gl as colorPaletteTealBorderActive,pl as colorPaletteTealForeground2,Ks as colorPaletteYellowBackground1,Qs as colorPaletteYellowBackground2,Zs as colorPaletteYellowBackground3,rn as colorPaletteYellowBorder1,an as colorPaletteYellowBorder2,on as colorPaletteYellowBorderActive,Js as colorPaletteYellowForeground1,en as colorPaletteYellowForeground2,tn as colorPaletteYellowForeground3,hc as colorPaletteYellowForegroundInverted,Fa as colorScrollbarOverlay,ps as colorStrokeFocus1,gs as colorStrokeFocus2,sa as colorSubtleBackground,na as colorSubtleBackgroundHover,pa as colorSubtleBackgroundInverted,ga as colorSubtleBackgroundInvertedHover,ba as colorSubtleBackgroundInvertedPressed,va as colorSubtleBackgroundInvertedSelected,da as colorSubtleBackgroundLightAlphaHover,ha as colorSubtleBackgroundLightAlphaPressed,ua as colorSubtleBackgroundLightAlphaSelected,la as colorSubtleBackgroundPressed,ca as colorSubtleBackgroundSelected,fa as colorTransparentBackground,ma as colorTransparentBackgroundHover,ya as colorTransparentBackgroundPressed,ka as colorTransparentBackgroundSelected,ds as colorTransparentStroke,us as colorTransparentStrokeDisabled,hs as colorTransparentStrokeInteractive,Tr as curveAccelerateMax,zr as curveAccelerateMid,Nr as curveAccelerateMin,Ar as curveDecelerateMax,Ir as curveDecelerateMid,Lr as curveDecelerateMin,Or as curveEasyEase,Dr as curveEasyEaseMax,Mr as curveLinear,vh as definition,Br as durationFast,wr as durationFaster,Sr as durationNormal,Pr as durationSlow,Cr as durationSlower,$r as durationUltraFast,Fr as durationUltraSlow,jo as fontFamilyBase,Go as fontFamilyMonospace,qo as fontFamilyNumeric,wo as fontSizeBase100,Bo as fontSizeBase200,So as fontSizeBase300,Po as fontSizeBase400,Co as fontSizeBase500,Fo as fontSizeBase600,Ao as fontSizeHero1000,To as fontSizeHero700,zo as fontSizeHero800,No as fontSizeHero900,Yo as fontWeightBold,Wo as fontWeightMedium,Xo as fontWeightRegular,Uo as fontWeightSemibold,Io as lineHeightBase100,Lo as lineHeightBase200,Do as lineHeightBase300,Oo as lineHeightBase400,Mo as lineHeightBase500,Ho as lineHeightBase600,_o as lineHeightHero1000,Vo as lineHeightHero700,Eo as lineHeightHero800,Ro as lineHeightHero900,Eh as setTheme,bc as shadow16,xc as shadow16Brand,uc as shadow2,vc as shadow28,$c as shadow28Brand,mc as shadow2Brand,pc as shadow4,yc as shadow4Brand,fc as shadow64,wc as shadow64Brand,gc as shadow8,kc as shadow8Brand,nr as spacingHorizontalL,sr as spacingHorizontalM,ar as spacingHorizontalMNudge,er as spacingHorizontalNone,ir as spacingHorizontalS,rr as spacingHorizontalSNudge,lr as spacingHorizontalXL,or as spacingHorizontalXS,cr as spacingHorizontalXXL,tr as spacingHorizontalXXS,dr as spacingHorizontalXXXL,mr as spacingVerticalL,fr as spacingVerticalM,vr as spacingVerticalMNudge,hr as spacingVerticalNone,br as spacingVerticalS,gr as spacingVerticalSNudge,yr as spacingVerticalXL,pr as spacingVerticalXS,kr as spacingVerticalXXL,ur as spacingVerticalXXS,xr as spacingVerticalXXXL,Qo as strokeWidthThick,Zo as strokeWidthThicker,Jo as strokeWidthThickest,Ko as strokeWidthThin,bh as switchStyles,gh as switchTemplate};
@@ -1553,6 +1553,25 @@ export const ImageStyles: ElementStyles;
1553
1553
  // @public
1554
1554
  export const ImageTemplate: ElementViewTemplate<Image_2>;
1555
1555
 
1556
+ // @public
1557
+ export class Label extends FASTElement {
1558
+ disabled: boolean;
1559
+ required: boolean;
1560
+ // Warning: (ae-forgotten-export) The symbol "LabelSize" needs to be exported by the entry point index.d.ts
1561
+ size?: LabelSize;
1562
+ // Warning: (ae-forgotten-export) The symbol "LabelWeight" needs to be exported by the entry point index.d.ts
1563
+ weight?: LabelWeight;
1564
+ }
1565
+
1566
+ // @public
1567
+ export const LabelDefinition: FASTElementDefinition<typeof Label>;
1568
+
1569
+ // @public
1570
+ export const LabelStyles: ElementStyles;
1571
+
1572
+ // @public (undocumented)
1573
+ export const LabelTemplate: ElementViewTemplate<Label>;
1574
+
1556
1575
  // @public (undocumented)
1557
1576
  export const lineHeightBase100: CSSDesignToken<string>;
1558
1577
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fluentui/web-components",
3
3
  "description": "A library of Fluent Web Components",
4
4
  "sideEffects": false,
5
- "version": "3.0.0-alpha.14",
5
+ "version": "3.0.0-alpha.16",
6
6
  "author": {
7
7
  "name": "Microsoft",
8
8
  "url": "https://discord.gg/FcSNfg4"
@@ -56,6 +56,10 @@
56
56
  "types": "./dist/esm/image/define.d.ts",
57
57
  "default": "./dist/esm/image/define.js"
58
58
  },
59
+ "./label": {
60
+ "types": "./dist/esm/label/define.d.ts",
61
+ "default": "./dist/esm/label/define.js"
62
+ },
59
63
  "./menu-button": {
60
64
  "types": "./dist/esm/menu-button/define.d.ts",
61
65
  "default": "./dist/esm/menu-button/define.js"
@@ -76,6 +80,18 @@
76
80
  "types": "./dist/esm/switch/define.d.ts",
77
81
  "default": "./dist/esm/switch/define.js"
78
82
  },
83
+ "./tabs": {
84
+ "types": "./dist/esm/tabs/define.d.ts",
85
+ "default": "./dist/esm/tabs/define.js"
86
+ },
87
+ "./tab": {
88
+ "types": "./dist/esm/tab/define.d.ts",
89
+ "default": "./dist/esm/tab/define.js"
90
+ },
91
+ "./tab-panel": {
92
+ "types": "./dist/esm/tab-panel/define.d.ts",
93
+ "default": "./dist/esm/tab-panel/define.js"
94
+ },
79
95
  "./text": {
80
96
  "types": "./dist/esm/text/define.d.ts",
81
97
  "default": "./dist/esm/text/define.js"