@vonage/vivid 5.17.0 → 5.19.0

package/bundled/definition3.cjs

@@ -1 +1 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./decorate.cjs`),r=require(`./delegates-aria.cjs`),i=require(`./aria.cjs`),a=require(`./key-codes.cjs`),o=require(`./numbers.cjs`),s=require(`./form-associated.cjs`),c=require(`./definition8.cjs`),l=require(`./slider.template.cjs`);var u;(function(e){e.ltr=`ltr`,e.rtl=`rtl`})(u||={});var d=`:host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary:var(--vvd-slider-cta-primary,var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-slider-accent-primary,var(--vvd-color-canvas-text))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;--_thumb-size:12px;--_thumb-interaction-indicator-size:36px;--_track-start-inset-inline-start:0;--_track-start-inset-block-start:0;cursor:pointer;user-select:none;outline:none}.control .positioning-region{position:relative}.control .track{background:var(--_track-background-color);border-radius:4px;position:absolute}.control .track-start{border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;position:absolute;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));min-inline-size:var(--_thumb-size);margin-inline-start:calc(var(--_thumb-size) / 2)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:2px;left:0;right:0}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start:1px;border-top-left-radius:0;border-bottom-left-radius:0}.control.horizontal .track .mark{block-size:6px;inline-size:100%;position:absolute;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{block-size:100%;inline-size:6px;position:absolute;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start:1px;border-radius:0}.control.disabled{--_track-background-color:var(--vvd-color-neutral-100);--_track-start-background-color:var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color:var(--vvd-color-neutral-300);--_track-start-background-color:var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);touch-action:none;border-radius:50%;outline:none;position:absolute}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--_thumb-interaction-indicator-alpha:.05;border-radius:50%}.control.horizontal .thumb-container{transform:translateX(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover:hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha:.12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha:.25}.thumb-container:before{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:"";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha,0);transition:opacity .2s ease-out;display:block;position:absolute}.thumb-container:after{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:"";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2);display:block;position:absolute}.popup{pointer-events:none}.tooltip{width:auto;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);padding:8px 12px}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s}:host([internal-part]) .control.horizontal .track{block-size:4px;top:16px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover:hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}`,f=e=>{let t=e.closest(`[dir]`);return t!==null&&t.dir===`rtl`?u.rtl:u.ltr},p={singleValue:`single-value`},m=class extends e.t(r.t(s.n(t.t))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.direction=u.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=e=>parseFloat(e).toLocaleString(this.locale.lang),this.min=0,this.max=10,this.step=1,this.orientation=i.t.horizontal,this.mode=p.singleValue,this.keypressHandler=e=>{if(this._focusVisible=!0,!this.readOnly)if(e.key===`Home`)e.preventDefault(),this.value=`${this.min}`;else if(e.key===`End`)e.preventDefault(),this.value=`${this.max}`;else{if(e.shiftKey)return;switch(e.key){case a.r:case a.i:e.preventDefault(),this.increment();break;case a.n:case a.t:e.preventDefault(),this.decrement();break}}},this.setupTrackConstraints=()=>{let e=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=e.bottom,this.trackMinHeight=e.top,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(e=!1)=>{let t=e?`removeEventListener`:`addEventListener`;this[t](`keydown`,this.keypressHandler),this[t](`mousedown`,this.handleMouseDown),this.thumb[t](`mousedown`,this.handleThumbMouseDown,{passive:!0}),this.thumb[t](`touchstart`,this.handleThumbMouseDown,{passive:!0}),e&&(this.handleMouseDown(null),this.handleThumbMouseDown(null))},this.initialValue=``,this.handleThumbMouseDown=e=>{if(e){if(this.readOnly||this.disabled||e.defaultPrevented)return;this.#r=!0,e.target.focus(),this.#r=!1}let t=e===null?`removeEventListener`:`addEventListener`;window[t](`mouseup`,this.handleWindowMouseUp),window[t](`mousemove`,this.handleMouseMove,{passive:!0}),window[t](`touchmove`,this.handleMouseMove,{passive:!0}),window[t](`touchend`,this.handleWindowMouseUp),this.isDragging=e!==null},this.handleMouseMove=e=>{if(this.readOnly||this.disabled||e.defaultPrevented)return;let t=`TouchEvent`in window&&e instanceof TouchEvent?e.touches[0]:e,n=this.#t(t);this.value=`${this.#n(n)}`},this.handleWindowMouseUp=e=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=e=>{let t=e===null?`removeEventListener`:`addEventListener`;if((e===null||!this.disabled&&!this.readOnly)&&(window[t](`mouseup`,this.handleWindowMouseUp),window.document[t](`mouseleave`,this.handleWindowMouseUp),window[t](`mousemove`,this.handleMouseMove),e)){e.preventDefault(),this.setupTrackConstraints(),this.#r=!0,e.target.focus(),this.#r=!1;let t=this.#t(e);this.value=`${this.#n(t)}`,this.isDragging=!0}},this.markers=!1,this.pin=!1,this._focusVisible=!1,this._hoveringOnThumb=!1,this._onFocusIn=()=>{this.#r||(this._focusVisible=!0)},this._onFocusOut=()=>{this._focusVisible=!1}}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){if(super.valueChanged(e,t),this.$fastController.isConnected){let e=parseFloat(t),n=this.#n(e).toString();if(n!==t){this.value=n;return}this.setThumbPositionForOrientation(this.direction),this.$emit(`change`)}}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=`${this.min}`),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=`${this.max}`),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=`${this.step}`),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`range`),this.direction=f(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),this.#i()}disconnectedCallback(){this.setupListeners(!0),this.#a()}increment(){let e=this.direction!==u.rtl&&this.orientation!==i.t.vertical?Number(this.value)+Number(this.step):Number(this.value)-Number(this.step);this.value=this.#n(e).toString()}decrement(){let e=this.direction!==u.rtl&&this.orientation!==i.t.vertical?Number(this.value)-Number(this.step):Number(this.value)+Number(this.step);this.value=this.#n(e).toString()}setThumbPositionForOrientation(e){let t=this.#e(this.valueAsNumber);this.orientation===i.t.horizontal?this.position=this.isDragging?`right: ${t}%; transition: none;`:`right: ${t}%; transition: right 0.2s ease;`:this.position=this.isDragging?`bottom: ${t}%; transition: none;`:`bottom: ${t}%; transition: bottom 0.2s ease;`}#e(e){return(1-l.r(this.min,this.max,e))*100}updateStepMultiplier(){let e=this.step+``;this.stepMultiplier=10**(this.step%1?e.length-e.indexOf(`.`)-1:0)}get midpoint(){return`${this.#n((this.max+this.min)/2)}`}setupDefaultValue(){if(typeof this.value==`string`)if(this.value.length===0)this.initialValue=this.midpoint;else{let e=parseFloat(this.value);!Number.isNaN(e)&&(e<this.min||e>this.max)&&(this.value=this.midpoint)}}#t(e){let t=this.track.getBoundingClientRect(),[n,r,a]=this.orientation===i.t.horizontal?[this.track.clientLeft,this.track.clientWidth,e.pageX-document.documentElement.scrollLeft-this.getBoundingClientRect().left]:[t.top,t.bottom,e.pageY-document.documentElement.scrollTop];return l.i(this.min,this.max,l.r(n,r,a))}#n(e){return o.n(this.min,this.max,l.o(e-this.min,this.step)+this.min)}get _isThumbPopupOpen(){return this._focusVisible||this._hoveringOnThumb||this.isDragging}#r=!1;#i(){this.thumb.addEventListener(`mouseover`,this.#o,{passive:!0}),this.thumb.addEventListener(`mouseout`,this.#s,{passive:!0})}#a(){this.thumb.removeEventListener(`mouseover`,this.#o),this.thumb.removeEventListener(`mouseout`,this.#s)}#o=()=>{this._hoveringOnThumb=!0};#s=()=>{this._hoveringOnThumb=!1}};n.t([t.l({attribute:`readonly`,mode:`boolean`})],m.prototype,`readOnly`,void 0),n.t([t.T],m.prototype,`direction`,void 0),n.t([t.T],m.prototype,`isDragging`,void 0),n.t([t.T],m.prototype,`position`,void 0),n.t([t.T],m.prototype,`trackWidth`,void 0),n.t([t.T],m.prototype,`trackMinWidth`,void 0),n.t([t.T],m.prototype,`trackHeight`,void 0),n.t([t.T],m.prototype,`trackLeft`,void 0),n.t([t.T],m.prototype,`trackMinHeight`,void 0),n.t([t.T],m.prototype,`valueTextFormatter`,void 0),n.t([t.l({converter:t.u})],m.prototype,`min`,void 0),n.t([t.l({converter:t.u})],m.prototype,`max`,void 0),n.t([t.l({converter:l.a})],m.prototype,`step`,void 0),n.t([t.l],m.prototype,`orientation`,void 0),n.t([t.l],m.prototype,`mode`,void 0),n.t([t.l({mode:`boolean`})],m.prototype,`markers`,void 0),n.t([t.l({mode:`boolean`})],m.prototype,`pin`,void 0),n.t([t.l],m.prototype,`connotation`,void 0),n.t([t.T],m.prototype,`_focusVisible`,void 0),n.t([t.T],m.prototype,`_hoveringOnThumb`,void 0),n.t([t.E],m.prototype,`_isThumbPopupOpen`,null);var h=t.o(`slider`,m,l.t,[c.t],{styles:d,shadowOptions:{delegatesFocus:!0}}),g=t.s(h);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./decorate.cjs`),r=require(`./aria.cjs`),i=require(`./key-codes.cjs`),a=require(`./numbers.cjs`),o=require(`./delegates-aria.cjs`),s=require(`./form-associated.cjs`),c=require(`./definition8.cjs`),l=require(`./slider.template.cjs`);var u;(function(e){e.ltr=`ltr`,e.rtl=`rtl`})(u||={});var d=`:host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary:var(--vvd-slider-cta-primary,var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-slider-accent-primary,var(--vvd-color-canvas-text))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;--_thumb-size:12px;--_thumb-interaction-indicator-size:36px;--_track-start-inset-inline-start:0;--_track-start-inset-block-start:0;cursor:pointer;user-select:none;outline:none}.control .positioning-region{position:relative}.control .track{background:var(--_track-background-color);border-radius:4px;position:absolute}.control .track-start{border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;position:absolute;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));min-inline-size:var(--_thumb-size);margin-inline-start:calc(var(--_thumb-size) / 2)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:2px;left:0;right:0}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start:1px;border-top-left-radius:0;border-bottom-left-radius:0}.control.horizontal .track .mark{block-size:6px;inline-size:100%;position:absolute;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{block-size:100%;inline-size:6px;position:absolute;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start:1px;border-radius:0}.control.disabled{--_track-background-color:var(--vvd-color-neutral-100);--_track-start-background-color:var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color:var(--vvd-color-neutral-300);--_track-start-background-color:var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);touch-action:none;border-radius:50%;outline:none;position:absolute}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--_thumb-interaction-indicator-alpha:.05;border-radius:50%}.control.horizontal .thumb-container{transform:translateX(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover:hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha:.12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha:.25}.thumb-container:before{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:"";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha,0);transition:opacity .2s ease-out;display:block;position:absolute}.thumb-container:after{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:"";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2);display:block;position:absolute}.popup{pointer-events:none}.tooltip{width:auto;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);padding:8px 12px}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s}:host([internal-part]) .control.horizontal .track{block-size:4px;top:16px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover:hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}`,f=e=>{let t=e.closest(`[dir]`);return t!==null&&t.dir===`rtl`?u.rtl:u.ltr},p={singleValue:`single-value`},m=class extends e.t(o.t(s.n(t.t))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.direction=u.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=e=>parseFloat(e).toLocaleString(this.locale.lang),this.min=0,this.max=10,this.step=1,this.orientation=r.t.horizontal,this.mode=p.singleValue,this.keypressHandler=e=>{if(this._focusVisible=!0,!this.readOnly)if(e.key===`Home`)e.preventDefault(),this.value=`${this.min}`;else if(e.key===`End`)e.preventDefault(),this.value=`${this.max}`;else{if(e.shiftKey)return;switch(e.key){case i.r:case i.i:e.preventDefault(),this.increment();break;case i.n:case i.t:e.preventDefault(),this.decrement();break}}},this.setupTrackConstraints=()=>{let e=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=e.bottom,this.trackMinHeight=e.top,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(e=!1)=>{let t=e?`removeEventListener`:`addEventListener`;this[t](`keydown`,this.keypressHandler),this[t](`mousedown`,this.handleMouseDown),this.thumb[t](`mousedown`,this.handleThumbMouseDown,{passive:!0}),this.thumb[t](`touchstart`,this.handleThumbMouseDown,{passive:!0}),e&&(this.handleMouseDown(null),this.handleThumbMouseDown(null))},this.initialValue=``,this.handleThumbMouseDown=e=>{if(e){if(this.readOnly||this.disabled||e.defaultPrevented)return;this.#r=!0,e.target.focus(),this.#r=!1}let t=e===null?`removeEventListener`:`addEventListener`;window[t](`mouseup`,this.handleWindowMouseUp),window[t](`mousemove`,this.handleMouseMove,{passive:!0}),window[t](`touchmove`,this.handleMouseMove,{passive:!0}),window[t](`touchend`,this.handleWindowMouseUp),this.isDragging=e!==null},this.handleMouseMove=e=>{if(this.readOnly||this.disabled||e.defaultPrevented)return;let t=`TouchEvent`in window&&e instanceof TouchEvent?e.touches[0]:e,n=this.#t(t);this.value=`${this.#n(n)}`},this.handleWindowMouseUp=e=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=e=>{let t=e===null?`removeEventListener`:`addEventListener`;if((e===null||!this.disabled&&!this.readOnly)&&(window[t](`mouseup`,this.handleWindowMouseUp),window.document[t](`mouseleave`,this.handleWindowMouseUp),window[t](`mousemove`,this.handleMouseMove),e)){e.preventDefault(),this.setupTrackConstraints(),this.#r=!0,e.target.focus(),this.#r=!1;let t=this.#t(e);this.value=`${this.#n(t)}`,this.isDragging=!0}},this.markers=!1,this.pin=!1,this._focusVisible=!1,this._hoveringOnThumb=!1,this.#r=!1,this._onFocusIn=()=>{this.#r||(this._focusVisible=!0),this.#r=!1},this._onFocusOut=()=>{this._focusVisible=!1},this.#o=()=>{document.hidden&&this.shadowRoot.activeElement!==null&&(this.#r=!0)},this.#s=()=>{this._hoveringOnThumb=!0},this.#c=()=>{this._hoveringOnThumb=!1}}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){if(super.valueChanged(e,t),this.$fastController.isConnected){let e=parseFloat(t),n=this.#n(e).toString();if(n!==t){this.value=n;return}this.setThumbPositionForOrientation(this.direction),this.$emit(`change`)}}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=`${this.min}`),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=`${this.max}`),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=`${this.step}`),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`range`),this.direction=f(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),this.#i(),document.addEventListener(`visibilitychange`,this.#o)}disconnectedCallback(){this.setupListeners(!0),this.#a(),document.removeEventListener(`visibilitychange`,this.#o)}increment(){let e=this.direction!==u.rtl&&this.orientation!==r.t.vertical?Number(this.value)+Number(this.step):Number(this.value)-Number(this.step);this.value=this.#n(e).toString()}decrement(){let e=this.direction!==u.rtl&&this.orientation!==r.t.vertical?Number(this.value)-Number(this.step):Number(this.value)+Number(this.step);this.value=this.#n(e).toString()}setThumbPositionForOrientation(e){let t=this.#e(this.valueAsNumber);this.orientation===r.t.horizontal?this.position=this.isDragging?`right: ${t}%; transition: none;`:`right: ${t}%; transition: right 0.2s ease;`:this.position=this.isDragging?`bottom: ${t}%; transition: none;`:`bottom: ${t}%; transition: bottom 0.2s ease;`}#e(e){return(1-l.r(this.min,this.max,e))*100}updateStepMultiplier(){let e=this.step+``,t=this.step%1?e.length-e.indexOf(`.`)-1:0;this.stepMultiplier=10**t}get midpoint(){return`${this.#n((this.max+this.min)/2)}`}setupDefaultValue(){if(typeof this.value==`string`)if(this.value.length===0)this.initialValue=this.midpoint;else{let e=parseFloat(this.value);!Number.isNaN(e)&&(e<this.min||e>this.max)&&(this.value=this.midpoint)}}#t(e){let t=this.track.getBoundingClientRect(),[n,i,a]=this.orientation===r.t.horizontal?[this.track.clientLeft,this.track.clientWidth,e.pageX-document.documentElement.scrollLeft-this.getBoundingClientRect().left]:[t.top,t.bottom,e.pageY-document.documentElement.scrollTop];return l.i(this.min,this.max,l.r(n,i,a))}#n(e){return a.n(this.min,this.max,l.o(e-this.min,this.step)+this.min)}get _isThumbPopupOpen(){return this._focusVisible||this._hoveringOnThumb||this.isDragging}#r;#i(){this.thumb.addEventListener(`mouseover`,this.#s,{passive:!0}),this.thumb.addEventListener(`mouseout`,this.#c,{passive:!0})}#a(){this.thumb.removeEventListener(`mouseover`,this.#s),this.thumb.removeEventListener(`mouseout`,this.#c)}#o;#s;#c};n.t([t.u({attribute:`readonly`,mode:`boolean`})],m.prototype,`readOnly`,void 0),n.t([t.D],m.prototype,`direction`,void 0),n.t([t.D],m.prototype,`isDragging`,void 0),n.t([t.D],m.prototype,`position`,void 0),n.t([t.D],m.prototype,`trackWidth`,void 0),n.t([t.D],m.prototype,`trackMinWidth`,void 0),n.t([t.D],m.prototype,`trackHeight`,void 0),n.t([t.D],m.prototype,`trackLeft`,void 0),n.t([t.D],m.prototype,`trackMinHeight`,void 0),n.t([t.D],m.prototype,`valueTextFormatter`,void 0),n.t([t.u({converter:t.d})],m.prototype,`min`,void 0),n.t([t.u({converter:t.d})],m.prototype,`max`,void 0),n.t([t.u({converter:l.a})],m.prototype,`step`,void 0),n.t([t.u],m.prototype,`orientation`,void 0),n.t([t.u],m.prototype,`mode`,void 0),n.t([t.u({mode:`boolean`})],m.prototype,`markers`,void 0),n.t([t.u({mode:`boolean`})],m.prototype,`pin`,void 0),n.t([t.u],m.prototype,`connotation`,void 0),n.t([t.D],m.prototype,`_focusVisible`,void 0),n.t([t.D],m.prototype,`_hoveringOnThumb`,void 0),n.t([t.O],m.prototype,`_isThumbPopupOpen`,null);var h=t.s(`slider`,m,l.t,[c.t],{styles:d,shadowOptions:{delegatesFocus:!0}}),g=t.c(h);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});

package/bundled/definition3.js

@@ -1,10 +1,10 @@
 import { t as e } from "./localized.js";
-import { E as t, T as n, l as r, o as i, s as a, t as o, u as s } from "./vivid-element.js";
+import { D as t, O as n, c as r, d as i, s as a, t as o, u as s } from "./vivid-element.js";
 import { t as c } from "./decorate.js";
-import { t as l } from "./delegates-aria.js";
-import { t as u } from "./aria.js";
-import { i as d, n as f, r as p, t as m } from "./key-codes.js";
-import { n as h } from "./numbers.js";
+import { t as l } from "./aria.js";
+import { i as u, n as d, r as f, t as p } from "./key-codes.js";
+import { n as m } from "./numbers.js";
+import { t as h } from "./delegates-aria.js";
 import { n as g } from "./form-associated.js";
 import { t as _ } from "./definition8.js";
 import { a as v, i as y, o as b, r as x, t as S } from "./slider.template.js";
@@ -18,20 +18,20 @@ var C;
 var w = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary:var(--vvd-slider-cta-primary,var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-slider-accent-primary,var(--vvd-color-canvas-text))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;--_thumb-size:12px;--_thumb-interaction-indicator-size:36px;--_track-start-inset-inline-start:0;--_track-start-inset-block-start:0;cursor:pointer;user-select:none;outline:none}.control .positioning-region{position:relative}.control .track{background:var(--_track-background-color);border-radius:4px;position:absolute}.control .track-start{border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;position:absolute;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));min-inline-size:var(--_thumb-size);margin-inline-start:calc(var(--_thumb-size) / 2)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:2px;left:0;right:0}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start:1px;border-top-left-radius:0;border-bottom-left-radius:0}.control.horizontal .track .mark{block-size:6px;inline-size:100%;position:absolute;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{block-size:100%;inline-size:6px;position:absolute;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start:1px;border-radius:0}.control.disabled{--_track-background-color:var(--vvd-color-neutral-100);--_track-start-background-color:var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color:var(--vvd-color-neutral-300);--_track-start-background-color:var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);touch-action:none;border-radius:50%;outline:none;position:absolute}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--_thumb-interaction-indicator-alpha:.05;border-radius:50%}.control.horizontal .thumb-container{transform:translateX(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover:hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha:.12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha:.25}.thumb-container:before{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:\"\";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha,0);transition:opacity .2s ease-out;display:block;position:absolute}.thumb-container:after{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:\"\";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2);display:block;position:absolute}.popup{pointer-events:none}.tooltip{width:auto;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);padding:8px 12px}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s}:host([internal-part]) .control.horizontal .track{block-size:4px;top:16px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover:hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}", T = (e) => {
 	let t = e.closest("[dir]");
 	return t !== null && t.dir === "rtl" ? C.rtl : C.ltr;
-}, E = { singleValue: "single-value" }, D = class extends e(l(g(o))) {
+}, E = { singleValue: "single-value" }, D = class extends e(h(g(o))) {
 	constructor(...e) {
-		super(...e), this.proxy = document.createElement("input"), this.direction = C.ltr, this.isDragging = !1, this.trackWidth = 0, this.trackMinWidth = 0, this.trackHeight = 0, this.trackLeft = 0, this.trackMinHeight = 0, this.valueTextFormatter = (e) => parseFloat(e).toLocaleString(this.locale.lang), this.min = 0, this.max = 10, this.step = 1, this.orientation = u.horizontal, this.mode = E.singleValue, this.keypressHandler = (e) => {
+		super(...e), this.proxy = document.createElement("input"), this.direction = C.ltr, this.isDragging = !1, this.trackWidth = 0, this.trackMinWidth = 0, this.trackHeight = 0, this.trackLeft = 0, this.trackMinHeight = 0, this.valueTextFormatter = (e) => parseFloat(e).toLocaleString(this.locale.lang), this.min = 0, this.max = 10, this.step = 1, this.orientation = l.horizontal, this.mode = E.singleValue, this.keypressHandler = (e) => {
 			if (this._focusVisible = !0, !this.readOnly) if (e.key === "Home") e.preventDefault(), this.value = `${this.min}`;
 			else if (e.key === "End") e.preventDefault(), this.value = `${this.max}`;
 			else {
 				if (e.shiftKey) return;
 				switch (e.key) {
-					case p:
-					case d:
+					case f:
+					case u:
 						e.preventDefault(), this.increment();
 						break;
-					case f:
-					case m:
+					case d:
+					case p:
 						e.preventDefault(), this.decrement();
 						break;
 				}
@@ -64,10 +64,16 @@ var w = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 				let t = this.#t(e);
 				this.value = `${this.#n(t)}`, this.isDragging = !0;
 			}
-		}, this.markers = !1, this.pin = !1, this._focusVisible = !1, this._hoveringOnThumb = !1, this._onFocusIn = () => {
-			this.#r || (this._focusVisible = !0);
+		}, this.markers = !1, this.pin = !1, this._focusVisible = !1, this._hoveringOnThumb = !1, this.#r = !1, this._onFocusIn = () => {
+			this.#r || (this._focusVisible = !0), this.#r = !1;
 		}, this._onFocusOut = () => {
 			this._focusVisible = !1;
+		}, this.#o = () => {
+			document.hidden && this.shadowRoot.activeElement !== null && (this.#r = !0);
+		}, this.#s = () => {
+			this._hoveringOnThumb = !0;
+		}, this.#c = () => {
+			this._hoveringOnThumb = !1;
 		};
 	}
 	readOnlyChanged() {
@@ -103,29 +109,29 @@ var w = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 		this.$fastController.isConnected && this.setThumbPositionForOrientation(this.direction);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.proxy.setAttribute("type", "range"), this.direction = T(this), this.updateStepMultiplier(), this.setupTrackConstraints(), this.setupListeners(), this.setupDefaultValue(), this.setThumbPositionForOrientation(this.direction), this.#i();
+		super.connectedCallback(), this.proxy.setAttribute("type", "range"), this.direction = T(this), this.updateStepMultiplier(), this.setupTrackConstraints(), this.setupListeners(), this.setupDefaultValue(), this.setThumbPositionForOrientation(this.direction), this.#i(), document.addEventListener("visibilitychange", this.#o);
 	}
 	disconnectedCallback() {
-		this.setupListeners(!0), this.#a();
+		this.setupListeners(!0), this.#a(), document.removeEventListener("visibilitychange", this.#o);
 	}
 	increment() {
-		let e = this.direction !== C.rtl && this.orientation !== u.vertical ? Number(this.value) + Number(this.step) : Number(this.value) - Number(this.step);
+		let e = this.direction !== C.rtl && this.orientation !== l.vertical ? Number(this.value) + Number(this.step) : Number(this.value) - Number(this.step);
 		this.value = this.#n(e).toString();
 	}
 	decrement() {
-		let e = this.direction !== C.rtl && this.orientation !== u.vertical ? Number(this.value) - Number(this.step) : Number(this.value) + Number(this.step);
+		let e = this.direction !== C.rtl && this.orientation !== l.vertical ? Number(this.value) - Number(this.step) : Number(this.value) + Number(this.step);
 		this.value = this.#n(e).toString();
 	}
 	setThumbPositionForOrientation(e) {
 		let t = this.#e(this.valueAsNumber);
-		this.orientation === u.horizontal ? this.position = this.isDragging ? `right: ${t}%; transition: none;` : `right: ${t}%; transition: right 0.2s ease;` : this.position = this.isDragging ? `bottom: ${t}%; transition: none;` : `bottom: ${t}%; transition: bottom 0.2s ease;`;
+		this.orientation === l.horizontal ? this.position = this.isDragging ? `right: ${t}%; transition: none;` : `right: ${t}%; transition: right 0.2s ease;` : this.position = this.isDragging ? `bottom: ${t}%; transition: none;` : `bottom: ${t}%; transition: bottom 0.2s ease;`;
 	}
 	#e(e) {
 		return (1 - x(this.min, this.max, e)) * 100;
 	}
 	updateStepMultiplier() {
-		let e = this.step + "";
-		this.stepMultiplier = 10 ** (this.step % 1 ? e.length - e.indexOf(".") - 1 : 0);
+		let e = this.step + "", t = this.step % 1 ? e.length - e.indexOf(".") - 1 : 0;
+		this.stepMultiplier = 10 ** t;
 	}
 	get midpoint() {
 		return `${this.#n((this.max + this.min) / 2)}`;
@@ -139,7 +145,7 @@ var w = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 		}
 	}
 	#t(e) {
-		let t = this.track.getBoundingClientRect(), [n, r, i] = this.orientation === u.horizontal ? [
+		let t = this.track.getBoundingClientRect(), [n, r, i] = this.orientation === l.horizontal ? [
 			this.track.clientLeft,
 			this.track.clientWidth,
 			e.pageX - document.documentElement.scrollLeft - this.getBoundingClientRect().left
@@ -151,34 +157,31 @@ var w = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 		return y(this.min, this.max, x(n, r, i));
 	}
 	#n(e) {
-		return h(this.min, this.max, b(e - this.min, this.step) + this.min);
+		return m(this.min, this.max, b(e - this.min, this.step) + this.min);
 	}
 	get _isThumbPopupOpen() {
 		return this._focusVisible || this._hoveringOnThumb || this.isDragging;
 	}
-	#r = !1;
+	#r;
 	#i() {
-		this.thumb.addEventListener("mouseover", this.#o, { passive: !0 }), this.thumb.addEventListener("mouseout", this.#s, { passive: !0 });
+		this.thumb.addEventListener("mouseover", this.#s, { passive: !0 }), this.thumb.addEventListener("mouseout", this.#c, { passive: !0 });
 	}
 	#a() {
-		this.thumb.removeEventListener("mouseover", this.#o), this.thumb.removeEventListener("mouseout", this.#s);
-	}
-	#o = () => {
-		this._hoveringOnThumb = !0;
-	};
-	#s = () => {
-		this._hoveringOnThumb = !1;
-	};
+		this.thumb.removeEventListener("mouseover", this.#s), this.thumb.removeEventListener("mouseout", this.#c);
+	}
+	#o;
+	#s;
+	#c;
 };
-c([r({
+c([s({
 	attribute: "readonly",
 	mode: "boolean"
-})], D.prototype, "readOnly", void 0), c([n], D.prototype, "direction", void 0), c([n], D.prototype, "isDragging", void 0), c([n], D.prototype, "position", void 0), c([n], D.prototype, "trackWidth", void 0), c([n], D.prototype, "trackMinWidth", void 0), c([n], D.prototype, "trackHeight", void 0), c([n], D.prototype, "trackLeft", void 0), c([n], D.prototype, "trackMinHeight", void 0), c([n], D.prototype, "valueTextFormatter", void 0), c([r({ converter: s })], D.prototype, "min", void 0), c([r({ converter: s })], D.prototype, "max", void 0), c([r({ converter: v })], D.prototype, "step", void 0), c([r], D.prototype, "orientation", void 0), c([r], D.prototype, "mode", void 0), c([r({ mode: "boolean" })], D.prototype, "markers", void 0), c([r({ mode: "boolean" })], D.prototype, "pin", void 0), c([r], D.prototype, "connotation", void 0), c([n], D.prototype, "_focusVisible", void 0), c([n], D.prototype, "_hoveringOnThumb", void 0), c([t], D.prototype, "_isThumbPopupOpen", null);
+})], D.prototype, "readOnly", void 0), c([t], D.prototype, "direction", void 0), c([t], D.prototype, "isDragging", void 0), c([t], D.prototype, "position", void 0), c([t], D.prototype, "trackWidth", void 0), c([t], D.prototype, "trackMinWidth", void 0), c([t], D.prototype, "trackHeight", void 0), c([t], D.prototype, "trackLeft", void 0), c([t], D.prototype, "trackMinHeight", void 0), c([t], D.prototype, "valueTextFormatter", void 0), c([s({ converter: i })], D.prototype, "min", void 0), c([s({ converter: i })], D.prototype, "max", void 0), c([s({ converter: v })], D.prototype, "step", void 0), c([s], D.prototype, "orientation", void 0), c([s], D.prototype, "mode", void 0), c([s({ mode: "boolean" })], D.prototype, "markers", void 0), c([s({ mode: "boolean" })], D.prototype, "pin", void 0), c([s], D.prototype, "connotation", void 0), c([t], D.prototype, "_focusVisible", void 0), c([t], D.prototype, "_hoveringOnThumb", void 0), c([n], D.prototype, "_isThumbPopupOpen", null);
 //#endregion
 //#region src/lib/slider/definition.ts
-var O = i("slider", D, S, [_], {
+var O = a("slider", D, S, [_], {
 	styles: w,
 	shadowOptions: { delegatesFocus: !0 }
-}), k = a(O);
+}), k = r(O);
 //#endregion
 export { O as n, D as r, k as t };

package/bundled/definition4.cjs

@@ -1,11 +1,11 @@
-const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./slotted.cjs`),i=require(`./children.cjs`),a=require(`./definition2.cjs`),o=require(`./decorate.cjs`),s=require(`./affix.cjs`),c=require(`./class-names.cjs`),l=require(`./dom.cjs`),u=require(`./host-semantics.cjs`);var d=`:host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.control{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control:disabled,.control.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)),.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}@media (hover:hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control{--_connotation-color-primary:var(--vvd-tree-item-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-tree-item-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-tree-item-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-faint:var(--vvd-tree-item-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-tree-item-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-tree-item-accent-firm,var(--vvd-color-canvas-text));box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);hyphens:auto;inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));vertical-align:middle;word-break:break-word;border-radius:8px;align-items:center;gap:12px;padding-inline:16px;text-decoration:none;display:inline-flex;position:relative}@supports (user-select:none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}:host(:focus-visible) .control{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}:host(:focus-visible) .control:not(.selected){--focus-stroke-gap-color:transparent}.control .text{font:var(--vvd-typography-base)}.expandCollapseButton{border-radius:8px;align-items:center;font-size:20px;display:flex}.expandCollapseButton .expandCollapseIcon{margin:4px}@media (hover:hover){.expandCollapseButton:hover{background-color:var(--vvd-color-neutral-100)}.selected .expandCollapseButton:hover{background-color:var(--vvd-color-neutral-700)}}.items{flex-direction:column;gap:4px;margin-block-start:4px;padding-inline-start:48px;display:flex}slot[name=icon]{font-size:20px;line-height:1}.control:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}`;function f(e){return l.t(e)&&(e.getAttribute(`role`)===`treeitem`||e instanceof p)}var p=class extends u.t(s.t(e.t)){constructor(...e){super(...e),this.expanded=!1,this.selected=!1,this.disabled=!1,this.focusable=!1,this.isNestedItem=()=>f(this.parentElement),this.handleExpandCollapseButtonClick=e=>{!this.disabled&&!e.defaultPrevented&&(this.expanded=!this.expanded)},this.handleFocus=e=>{this.setAttribute(`tabindex`,`0`)},this.handleBlur=e=>{this.setAttribute(`tabindex`,`-1`)}}expandedChanged(){this.$fastController.isConnected&&this.$emit(`expanded-change`,this)}selectedChanged(){this.$fastController.isConnected&&this.$emit(`selected-change`,this)}itemsChanged(){this.$fastController.isConnected&&this.items.forEach(e=>{f(e)&&(e.nested=!0)})}static focusItem(e){e.focusable=!0,e.focus()}childItemLength(){return this.childItems.filter(e=>f(e)).length}};o.t([e.l],p.prototype,`text`,void 0),o.t([e.l({mode:`boolean`})],p.prototype,`expanded`,void 0),o.t([e.l({mode:`boolean`})],p.prototype,`selected`,void 0),o.t([e.l({mode:`boolean`})],p.prototype,`disabled`,void 0),o.t([e.T],p.prototype,`focusable`,void 0),o.t([e.T],p.prototype,`childItems`,void 0),o.t([e.T],p.prototype,`items`,void 0),o.t([e.T],p.prototype,`nested`,void 0),o.t([e.T],p.prototype,`renderCollapsedChildren`,void 0);var m=({disabled:e,selected:t})=>c.t(`control`,[`disabled`,e],[`selected`,!!t]),h=n=>{let r=n.tagFor(a.r);return e.d`
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./slotted.cjs`),i=require(`./children.cjs`),a=require(`./decorate.cjs`),o=require(`./definition2.cjs`),s=require(`./affix.cjs`),c=require(`./class-names.cjs`),l=require(`./dom.cjs`),u=require(`./host-semantics.cjs`);var d=`:host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.control{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control:disabled,.control.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)),.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}@media (hover:hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control{--_connotation-color-primary:var(--vvd-tree-item-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-tree-item-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-tree-item-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-faint:var(--vvd-tree-item-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-tree-item-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-tree-item-accent-firm,var(--vvd-color-canvas-text));box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);hyphens:auto;inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));vertical-align:middle;word-break:break-word;border-radius:8px;align-items:center;gap:12px;padding-inline:16px;text-decoration:none;display:inline-flex;position:relative}@supports (user-select:none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}:host(:focus-visible) .control{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}:host(:focus-visible) .control:not(.selected){--focus-stroke-gap-color:transparent}.control .text{font:var(--vvd-typography-base)}.expandCollapseButton{border-radius:8px;align-items:center;font-size:20px;display:flex}.expandCollapseButton .expandCollapseIcon{margin:4px}@media (hover:hover){.expandCollapseButton:hover{background-color:var(--vvd-color-neutral-100)}.selected .expandCollapseButton:hover{background-color:var(--vvd-color-neutral-700)}}.items{flex-direction:column;gap:4px;margin-block-start:4px;padding-inline-start:48px;display:flex}slot[name=icon]{font-size:20px;line-height:1}.control:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}`;function f(e){return l.t(e)&&(e.getAttribute(`role`)===`treeitem`||e instanceof p)}var p=class extends u.t(s.t(e.t)){constructor(...e){super(...e),this.expanded=!1,this.selected=!1,this.disabled=!1,this.focusable=!1,this.isNestedItem=()=>f(this.parentElement),this.handleExpandCollapseButtonClick=e=>{!this.disabled&&!e.defaultPrevented&&(this.expanded=!this.expanded)},this.handleFocus=e=>{this.setAttribute(`tabindex`,`0`)},this.handleBlur=e=>{this.setAttribute(`tabindex`,`-1`)}}expandedChanged(){this.$fastController.isConnected&&this.$emit(`expanded-change`,this)}selectedChanged(){this.$fastController.isConnected&&this.$emit(`selected-change`,this)}itemsChanged(){this.$fastController.isConnected&&this.items.forEach(e=>{f(e)&&(e.nested=!0)})}static focusItem(e){e.focusable=!0,e.focus()}childItemLength(){return this.childItems.filter(e=>f(e)).length}};a.t([e.u],p.prototype,`text`,void 0),a.t([e.u({mode:`boolean`})],p.prototype,`expanded`,void 0),a.t([e.u({mode:`boolean`})],p.prototype,`selected`,void 0),a.t([e.u({mode:`boolean`})],p.prototype,`disabled`,void 0),a.t([e.D],p.prototype,`focusable`,void 0),a.t([e.D],p.prototype,`childItems`,void 0),a.t([e.D],p.prototype,`items`,void 0),a.t([e.D],p.prototype,`nested`,void 0),a.t([e.D],p.prototype,`renderCollapsedChildren`,void 0);var m=({disabled:e,selected:t})=>c.t(`control`,[`disabled`,e],[`selected`,!!t]),h=n=>{let r=n.tagFor(o.r);return e.f`
 	<div aria-hidden="true"
 		class="expandCollapseButton"
 		@click="${(e,t)=>e.handleExpandCollapseButtonClick(t.event)}"
 			${t.t(`expandCollapseButton`)}
 	>
 		<${r} class="expandCollapseIcon" name="${e=>e.expanded?`chevron-down-line`:`chevron-right-line`}"></${r}>
-	</div>`},g=e.o(`tree-item`,p,t=>{let a=s.a(t),o=t.tagFor(p,!0);return e.d` <template
+	</div>`},g=e.s(`tree-item`,p,t=>{let a=s.a(t),o=t.tagFor(p,!0);return e.f` <template
 		slot="${e=>e.isNestedItem()?`item`:void 0}"
 		tabindex="-1"
 		${u.n({role:`treeitem`,ariaExpanded:e=>e.childItems&&e.childItems.length>0?e.expanded:void 0,ariaSelected:e=>e.selected,ariaDisabled:e=>e.disabled})}
@@ -18,7 +18,7 @@ const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.
 			${e=>a(e.icon,s.i.Slot)}
 			${e=>e.text}
 		</div>
-		${n.t(e=>e.childItems&&e.childItems.length>0&&e.expanded,e.d` <div role="group" class="items">
+		${n.t(e=>e.childItems&&e.childItems.length>0&&e.expanded,e.f` <div role="group" class="items">
 				<slot name="item" ${r.t(`items`)}></slot>
 			</div>`)}
-	</template>`},[a.t],{styles:d}),_=e.s(g);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+	</template>`},[o.t],{styles:d}),_=e.c(g);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/bundled/definition4.js

@@ -1,10 +1,10 @@
-import { T as e, d as t, l as n, o as r, s as i, t as a } from "./vivid-element.js";
+import { D as e, c as t, f as n, s as r, t as i, u as a } from "./vivid-element.js";
 import { t as o } from "./ref.js";
 import { t as s } from "./when.js";
 import { r as c, t as l } from "./slotted.js";
 import { t as u } from "./children.js";
-import { r as d, t as f } from "./definition2.js";
-import { t as p } from "./decorate.js";
+import { t as d } from "./decorate.js";
+import { r as f, t as p } from "./definition2.js";
 import { a as m, i as h, t as g } from "./affix.js";
 import { t as _ } from "./class-names.js";
 import { t as v } from "./dom.js";
@@ -16,7 +16,7 @@ var x = ":host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed
 function S(e) {
 	return v(e) && (e.getAttribute("role") === "treeitem" || e instanceof C);
 }
-var C = class extends b(g(a)) {
+var C = class extends b(g(i)) {
 	constructor(...e) {
 		super(...e), this.expanded = !1, this.selected = !1, this.disabled = !1, this.focusable = !1, this.isNestedItem = () => S(this.parentElement), this.handleExpandCollapseButtonClick = (e) => {
 			!this.disabled && !e.defaultPrevented && (this.expanded = !this.expanded);
@@ -45,22 +45,22 @@ var C = class extends b(g(a)) {
 		return this.childItems.filter((e) => S(e)).length;
 	}
 };
-p([n], C.prototype, "text", void 0), p([n({ mode: "boolean" })], C.prototype, "expanded", void 0), p([n({ mode: "boolean" })], C.prototype, "selected", void 0), p([n({ mode: "boolean" })], C.prototype, "disabled", void 0), p([e], C.prototype, "focusable", void 0), p([e], C.prototype, "childItems", void 0), p([e], C.prototype, "items", void 0), p([e], C.prototype, "nested", void 0), p([e], C.prototype, "renderCollapsedChildren", void 0);
+d([a], C.prototype, "text", void 0), d([a({ mode: "boolean" })], C.prototype, "expanded", void 0), d([a({ mode: "boolean" })], C.prototype, "selected", void 0), d([a({ mode: "boolean" })], C.prototype, "disabled", void 0), d([e], C.prototype, "focusable", void 0), d([e], C.prototype, "childItems", void 0), d([e], C.prototype, "items", void 0), d([e], C.prototype, "nested", void 0), d([e], C.prototype, "renderCollapsedChildren", void 0);
 //#endregion
 //#region src/lib/tree-item/tree-item.template.ts
 var w = ({ disabled: e, selected: t }) => _("control", ["disabled", e], ["selected", !!t]), T = (e) => {
-	let n = e.tagFor(d);
-	return t`
+	let t = e.tagFor(f);
+	return n`
 	<div aria-hidden="true"
 		class="expandCollapseButton"
 		@click="${(e, t) => e.handleExpandCollapseButtonClick(t.event)}"
 			${o("expandCollapseButton")}
 	>
-		<${n} class="expandCollapseIcon" name="${(e) => e.expanded ? "chevron-down-line" : "chevron-right-line"}"></${n}>
+		<${t} class="expandCollapseIcon" name="${(e) => e.expanded ? "chevron-down-line" : "chevron-right-line"}"></${t}>
 	</div>`;
 }, E = r("tree-item", C, (e) => {
-	let n = m(e), r = e.tagFor(C, !0);
-	return t` <template
+	let t = m(e), r = e.tagFor(C, !0);
+	return n` <template
 		slot="${(e) => e.isNestedItem() ? "item" : void 0}"
 		tabindex="-1"
 		${y({
@@ -78,13 +78,13 @@ var w = ({ disabled: e, selected: t }) => _("control", ["disabled", e], ["select
 	>
 		<div class="${w}">
 			${s((e) => e.childItems && e.childItems.length > 0, T(e))}
-			${(e) => n(e.icon, h.Slot)}
+			${(e) => t(e.icon, h.Slot)}
 			${(e) => e.text}
 		</div>
-		${s((e) => e.childItems && e.childItems.length > 0 && e.expanded, t` <div role="group" class="items">
+		${s((e) => e.childItems && e.childItems.length > 0 && e.expanded, n` <div role="group" class="items">
 				<slot name="item" ${l("items")}></slot>
 			</div>`)}
 	</template>`;
-}, [f], { styles: x }), D = i(E);
+}, [p], { styles: x }), D = t(E);
 //#endregion
 export { S as i, E as n, C as r, D as t };

package/bundled/definition5.cjs

@@ -1,9 +1,9 @@
-const e=require(`./vivid-element.cjs`),t=require(`./when.cjs`),n=require(`./decorate.cjs`),r=require(`./delegates-aria.cjs`),i=require(`./class-names.cjs`),a=require(`./base-progress.cjs`);var o=`:host{--_vvd-progress-ring-accent-firm-wrapper:var(--vvd-progress-ring-accent-firm);--_vvd-progress-ring-cta-firm-wrapper:var(--vvd-progress-ring-cta-firm);--_vvd-progress-ring-alert-firm-wrapper:var(--vvd-progress-ring-alert-firm);--_vvd-progress-ring-success-firm-wrapper:var(--vvd-progress-ring-success-firm)}.base{--vvd-progress-ring-accent-firm:var(--_vvd-progress-ring-accent-firm-wrapper,var(--vvd-progress-ring-accent-primary));--vvd-progress-ring-cta-firm:var(--_vvd-progress-ring-cta-firm-wrapper,var(--vvd-progress-ring-cta-primary));--vvd-progress-ring-alert-firm:var(--_vvd-progress-ring-alert-firm-wrapper,var(--vvd-progress-ring-alert-primary));--vvd-progress-ring-success-firm:var(--_vvd-progress-ring-success-firm-wrapper,var(--vvd-progress-ring-success-primary))}.base.connotation-cta{--_connotation-color-firm:var(--vvd-progress-ring-cta-firm,var(--vvd-color-cta-600))}.base.connotation-alert{--_connotation-color-firm:var(--vvd-progress-ring-alert-firm,var(--vvd-color-alert-600))}.base.connotation-success{--_connotation-color-firm:var(--vvd-progress-ring-success-firm,var(--vvd-color-success-600))}.base:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-firm:var(--vvd-progress-ring-accent-firm,var(--vvd-color-canvas-text))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base:disabled,.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.size--6{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)) - 1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size--4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12))}.base.size--2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size--1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 4))}.base.size-1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 4))}.base.size-2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 12))}.base.size-4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16))}.base.size-5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20))}.base:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-1,.size-2,.size-3,.size-4,.size-5){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base{block-size:var(--_size);color:var(--_appearance-color-text);inline-size:var(--_size);outline:none;align-items:center}.progress{width:100%;height:100%}.background{fill:none;stroke:#0000;stroke-width:1px}.determinate{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;transform:rotate(-90deg)}.indeterminate-indicator-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;animation:2s linear infinite spin-infinite;transform:rotate(-90deg)}.base.paused .indeterminate-indicator-1{animation-play-state:paused}@keyframes spin-infinite{0%{stroke-dasharray:.01 43.97;transform:rotate(0)}50%{stroke-dasharray:21.99 21.99;transform:rotate(450deg)}to{stroke-dasharray:.01 43.97;transform:rotate(1080deg)}}`,s=class extends r.t(a.t){};n.t([e.l],s.prototype,`connotation`,void 0),n.t([e.l],s.prototype,`size`,void 0);var c=({connotation:e,size:t,paused:n})=>i.t(`base`,[`disabled`,!!n],[`connotation-${e}`,!!e],[`size-${t}`,!!t]),l=44,u=e.d`<template>
+const e=require(`./vivid-element.cjs`),t=require(`./when.cjs`),n=require(`./decorate.cjs`),r=require(`./class-names.cjs`),i=require(`./delegates-aria.cjs`),a=require(`./base-progress.cjs`);var o=`:host{--_vvd-progress-ring-accent-firm-wrapper:var(--vvd-progress-ring-accent-firm);--_vvd-progress-ring-cta-firm-wrapper:var(--vvd-progress-ring-cta-firm);--_vvd-progress-ring-alert-firm-wrapper:var(--vvd-progress-ring-alert-firm);--_vvd-progress-ring-success-firm-wrapper:var(--vvd-progress-ring-success-firm)}.base{--vvd-progress-ring-accent-firm:var(--_vvd-progress-ring-accent-firm-wrapper,var(--vvd-progress-ring-accent-primary));--vvd-progress-ring-cta-firm:var(--_vvd-progress-ring-cta-firm-wrapper,var(--vvd-progress-ring-cta-primary));--vvd-progress-ring-alert-firm:var(--_vvd-progress-ring-alert-firm-wrapper,var(--vvd-progress-ring-alert-primary));--vvd-progress-ring-success-firm:var(--_vvd-progress-ring-success-firm-wrapper,var(--vvd-progress-ring-success-primary))}.base.connotation-cta{--_connotation-color-firm:var(--vvd-progress-ring-cta-firm,var(--vvd-color-cta-600))}.base.connotation-alert{--_connotation-color-firm:var(--vvd-progress-ring-alert-firm,var(--vvd-color-alert-600))}.base.connotation-success{--_connotation-color-firm:var(--vvd-progress-ring-success-firm,var(--vvd-color-success-600))}.base:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-firm:var(--vvd-progress-ring-accent-firm,var(--vvd-color-canvas-text))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base:disabled,.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.size--6{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)) - 1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size--4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12))}.base.size--2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size--1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 4))}.base.size-1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 4))}.base.size-2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 12))}.base.size-4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16))}.base.size-5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20))}.base:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-1,.size-2,.size-3,.size-4,.size-5){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base{block-size:var(--_size);color:var(--_appearance-color-text);inline-size:var(--_size);outline:none;align-items:center}.progress{width:100%;height:100%}.background{fill:none;stroke:#0000;stroke-width:1px}.determinate{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;transform:rotate(-90deg)}.indeterminate-indicator-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;animation:2s linear infinite spin-infinite;transform:rotate(-90deg)}.base.paused .indeterminate-indicator-1{animation-play-state:paused}@keyframes spin-infinite{0%{stroke-dasharray:.01 43.97;transform:rotate(0)}50%{stroke-dasharray:21.99 21.99;transform:rotate(450deg)}to{stroke-dasharray:.01 43.97;transform:rotate(1080deg)}}`,s=class extends i.t(a.t){};n.t([e.u],s.prototype,`connotation`,void 0),n.t([e.u],s.prototype,`size`,void 0);var c=({connotation:e,size:t,paused:n})=>r.t(`base`,[`disabled`,!!n],[`connotation-${e}`,!!e],[`size-${t}`,!!t]),l=44,u=e.f`<template>
 	<div
 		class="${e=>e.paused?`paused`:``} ${c}"
-		${r.n({role:`progressbar`,ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max})}
+		${i.n({role:`progressbar`,ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max})}
 	>
-		${t.t(e=>typeof e.value==`number`,e.d`
+		${t.t(e=>typeof e.value==`number`,e.f`
 				<svg class="progress" viewBox="0 0 16 16">
 					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
 					<circle
@@ -15,7 +15,7 @@ const e=require(`./vivid-element.cjs`),t=require(`./when.cjs`),n=require(`./deco
 					></circle>
 				</svg>
 			`)}
-		${t.t(e=>typeof e.value!=`number`,e.d`
+		${t.t(e=>typeof e.value!=`number`,e.f`
 				<svg class="progress" viewBox="0 0 16 16">
 					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
 					<circle
@@ -27,4 +27,4 @@ const e=require(`./vivid-element.cjs`),t=require(`./when.cjs`),n=require(`./deco
 				</svg>
 			`)}
 	</div>
-</template>`,d=e.o(`progress-ring`,s,u,[],{styles:o}),f=e.s(d);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+</template>`,d=e.s(`progress-ring`,s,u,[],{styles:o}),f=e.c(d);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/bundled/definition5.js

@@ -1,25 +1,25 @@
-import { d as e, l as t, o as n, s as r } from "./vivid-element.js";
+import { c as e, f as t, s as n, u as r } from "./vivid-element.js";
 import { t as i } from "./when.js";
 import { t as a } from "./decorate.js";
-import { n as o, t as s } from "./delegates-aria.js";
-import { t as c } from "./class-names.js";
+import { t as o } from "./class-names.js";
+import { n as s, t as c } from "./delegates-aria.js";
 import { t as l } from "./base-progress.js";
 //#region src/lib/progress-ring/progress-ring.scss?inline
-var u = ":host{--_vvd-progress-ring-accent-firm-wrapper:var(--vvd-progress-ring-accent-firm);--_vvd-progress-ring-cta-firm-wrapper:var(--vvd-progress-ring-cta-firm);--_vvd-progress-ring-alert-firm-wrapper:var(--vvd-progress-ring-alert-firm);--_vvd-progress-ring-success-firm-wrapper:var(--vvd-progress-ring-success-firm)}.base{--vvd-progress-ring-accent-firm:var(--_vvd-progress-ring-accent-firm-wrapper,var(--vvd-progress-ring-accent-primary));--vvd-progress-ring-cta-firm:var(--_vvd-progress-ring-cta-firm-wrapper,var(--vvd-progress-ring-cta-primary));--vvd-progress-ring-alert-firm:var(--_vvd-progress-ring-alert-firm-wrapper,var(--vvd-progress-ring-alert-primary));--vvd-progress-ring-success-firm:var(--_vvd-progress-ring-success-firm-wrapper,var(--vvd-progress-ring-success-primary))}.base.connotation-cta{--_connotation-color-firm:var(--vvd-progress-ring-cta-firm,var(--vvd-color-cta-600))}.base.connotation-alert{--_connotation-color-firm:var(--vvd-progress-ring-alert-firm,var(--vvd-color-alert-600))}.base.connotation-success{--_connotation-color-firm:var(--vvd-progress-ring-success-firm,var(--vvd-color-success-600))}.base:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-firm:var(--vvd-progress-ring-accent-firm,var(--vvd-color-canvas-text))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base:disabled,.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.size--6{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)) - 1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size--4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12))}.base.size--2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size--1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 4))}.base.size-1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 4))}.base.size-2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 12))}.base.size-4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16))}.base.size-5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20))}.base:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-1,.size-2,.size-3,.size-4,.size-5){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base{block-size:var(--_size);color:var(--_appearance-color-text);inline-size:var(--_size);outline:none;align-items:center}.progress{width:100%;height:100%}.background{fill:none;stroke:#0000;stroke-width:1px}.determinate{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;transform:rotate(-90deg)}.indeterminate-indicator-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;animation:2s linear infinite spin-infinite;transform:rotate(-90deg)}.base.paused .indeterminate-indicator-1{animation-play-state:paused}@keyframes spin-infinite{0%{stroke-dasharray:.01 43.97;transform:rotate(0)}50%{stroke-dasharray:21.99 21.99;transform:rotate(450deg)}to{stroke-dasharray:.01 43.97;transform:rotate(1080deg)}}", d = class extends s(l) {};
-a([t], d.prototype, "connotation", void 0), a([t], d.prototype, "size", void 0);
+var u = ":host{--_vvd-progress-ring-accent-firm-wrapper:var(--vvd-progress-ring-accent-firm);--_vvd-progress-ring-cta-firm-wrapper:var(--vvd-progress-ring-cta-firm);--_vvd-progress-ring-alert-firm-wrapper:var(--vvd-progress-ring-alert-firm);--_vvd-progress-ring-success-firm-wrapper:var(--vvd-progress-ring-success-firm)}.base{--vvd-progress-ring-accent-firm:var(--_vvd-progress-ring-accent-firm-wrapper,var(--vvd-progress-ring-accent-primary));--vvd-progress-ring-cta-firm:var(--_vvd-progress-ring-cta-firm-wrapper,var(--vvd-progress-ring-cta-primary));--vvd-progress-ring-alert-firm:var(--_vvd-progress-ring-alert-firm-wrapper,var(--vvd-progress-ring-alert-primary));--vvd-progress-ring-success-firm:var(--_vvd-progress-ring-success-firm-wrapper,var(--vvd-progress-ring-success-primary))}.base.connotation-cta{--_connotation-color-firm:var(--vvd-progress-ring-cta-firm,var(--vvd-color-cta-600))}.base.connotation-alert{--_connotation-color-firm:var(--vvd-progress-ring-alert-firm,var(--vvd-color-alert-600))}.base.connotation-success{--_connotation-color-firm:var(--vvd-progress-ring-success-firm,var(--vvd-color-success-600))}.base:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-firm:var(--vvd-progress-ring-accent-firm,var(--vvd-color-canvas-text))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base:disabled,.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.size--6{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)) - 1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size--4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base.size--3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12))}.base.size--2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size--1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 4))}.base.size-1{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 4))}.base.size-2{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-3{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 12))}.base.size-4{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 16))}.base.size-5{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20))}.base:not(.size--6,.size--5,.size--4,.size--3,.size--2,.size--1,.size-1,.size-2,.size-3,.size-4,.size-5){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base{block-size:var(--_size);color:var(--_appearance-color-text);inline-size:var(--_size);outline:none;align-items:center}.progress{width:100%;height:100%}.background{fill:none;stroke:#0000;stroke-width:1px}.determinate{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;transform:rotate(-90deg)}.indeterminate-indicator-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;transform-origin:50%;transition:all .2s ease-in-out;animation:2s linear infinite spin-infinite;transform:rotate(-90deg)}.base.paused .indeterminate-indicator-1{animation-play-state:paused}@keyframes spin-infinite{0%{stroke-dasharray:.01 43.97;transform:rotate(0)}50%{stroke-dasharray:21.99 21.99;transform:rotate(450deg)}to{stroke-dasharray:.01 43.97;transform:rotate(1080deg)}}", d = class extends c(l) {};
+a([r], d.prototype, "connotation", void 0), a([r], d.prototype, "size", void 0);
 //#endregion
 //#region src/lib/progress-ring/progress-ring.template.ts
-var f = ({ connotation: e, size: t, paused: n }) => c("base", ["disabled", !!n], [`connotation-${e}`, !!e], [`size-${t}`, !!t]), p = 44, m = n("progress-ring", d, e`<template>
+var f = ({ connotation: e, size: t, paused: n }) => o("base", ["disabled", !!n], [`connotation-${e}`, !!e], [`size-${t}`, !!t]), p = 44, m = n("progress-ring", d, t`<template>
 	<div
 		class="${(e) => e.paused ? "paused" : ""} ${f}"
-		${o({
+		${s({
 	role: "progressbar",
 	ariaValueNow: (e) => e.value,
 	ariaValueMin: (e) => e.min,
 	ariaValueMax: (e) => e.max
 })}
 	>
-		${i((e) => typeof e.value == "number", e`
+		${i((e) => typeof e.value == "number", t`
 				<svg class="progress" viewBox="0 0 16 16">
 					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
 					<circle
@@ -31,7 +31,7 @@ var f = ({ connotation: e, size: t, paused: n }) => c("base", ["disabled", !!n],
 					></circle>
 				</svg>
 			`)}
-		${i((e) => typeof e.value != "number", e`
+		${i((e) => typeof e.value != "number", t`
 				<svg class="progress" viewBox="0 0 16 16">
 					<circle class="background" cx="8px" cy="8px" r="7px"></circle>
 					<circle
@@ -43,6 +43,6 @@ var f = ({ connotation: e, size: t, paused: n }) => c("base", ["disabled", !!n],
 				</svg>
 			`)}
 	</div>
-</template>`, [], { styles: u }), h = r(m);
+</template>`, [], { styles: u }), h = e(m);
 //#endregion
 export { h as n, d as r, m as t };