@helvetia-design/core 0.0.6 → 0.1.0

package/components/ds-slider.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as i,H as t,e as r,h as o,t as e}from"./p-DOP4fM2o.js";import{_ as n,L as a,a as s}from"./p-C8OqQuJ7.js";import{i as l}from"./p-IVIyviB0.js";import{i as d}from"./p-ChyhE5ro.js";import{a as c}from"./p-El2snbN5.js";import{h as u}from"./p-CEPnyz7c.js";import{n as h}from"./p-Dbt7_-_D.js";import{w as f}from"./p-CHZn7ODg.js";import{i as b}from"./p-CkQK5z17.js";import{F as m}from"./p-vUPe8Qmy.js";import{I as p}from"./p-DaVRO74A.js";import{d as v}from"./p-BWrjPWjt.js";import{d as g}from"./p-D8RaAucx.js";import{d as w}from"./p-CKMUtsmn.js";import{T as x}from"./p-DEnVBHne.js";import{O as y}from"./p-DaqLtBr3.js";import{L as U}from"./p-B9OReveE.js";function k(i,t,r){const o=Math.min(t,r),e=Math.max(t,r);return Math.min(Math.max(i,o),e)}var z,S;function _(i){return"object"==typeof i&&"function"==typeof i.to}function E(i){i.parentElement.removeChild(i)}function C(i){return null!=i}function N(i){i.preventDefault()}function M(i){return"number"==typeof i&&!isNaN(i)&&isFinite(i)}function j(i,t,r){r>0&&(A(i,t),setTimeout((function(){T(i,t)}),r))}function O(i){return Math.max(Math.min(i,100),0)}function D(i){return Array.isArray(i)?i:[i]}function P(i){var t=(i+="").split(".");return t.length>1?t[1].length:0}function A(i,t){i.classList&&!/\s/.test(t)?i.classList.add(t):i.className+=" "+t}function T(i,t){i.classList&&!/\s/.test(t)?i.classList.remove(t):i.className=i.className.replace(RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")}function L(i){var t=void 0!==window.pageXOffset,r="CSS1Compat"===(i.compatMode||"");return{x:t?window.pageXOffset:r?i.documentElement.scrollLeft:i.body.scrollLeft,y:t?window.pageYOffset:r?i.documentElement.scrollTop:i.body.scrollTop}}function V(i,t){return 100/(t-i)}function B(i,t,r){return 100*t/(i[r+1]-i[r])}function F(i,t){for(var r=1;i>=t[r];)r+=1;return r}!function(i){i.Range="range",i.Steps="steps",i.Positions="positions",i.Count="count",i.Values="values"}(z||(z={})),function(i){i[i.None=-1]="None",i[i.NoValue=0]="NoValue",i[i.LargeValue=1]="LargeValue",i[i.SmallValue=2]="SmallValue"}(S||(S={}));var I=function(){function i(i,t,r){var o;this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[r||!1],this.xNumSteps=[!1],this.snap=t;var e=[];for(Object.keys(i).forEach((function(t){e.push([D(i[t]),t])})),e.sort((function(i,t){return i[0][0]-t[0][0]})),o=0;o<e.length;o++)this.handleEntryPoint(e[o][1],e[o][0]);for(this.xNumSteps=this.xSteps.slice(0),o=0;o<this.xNumSteps.length;o++)this.handleStepPoint(o,this.xNumSteps[o])}return i.prototype.getDistance=function(i){for(var t=[],r=0;r<this.xNumSteps.length-1;r++)t[r]=B(this.xVal,i,r);return t},i.prototype.getAbsoluteDistance=function(i,t,r){var o,e=0;if(i<this.xPct[this.xPct.length-1])for(;i>this.xPct[e+1];)e++;else i===this.xPct[this.xPct.length-1]&&(e=this.xPct.length-2);r||i!==this.xPct[e+1]||e++,null===t&&(t=[]);var n=1,a=t[e],s=0,l=0,d=0,c=0;for(o=r?(i-this.xPct[e])/(this.xPct[e+1]-this.xPct[e]):(this.xPct[e+1]-i)/(this.xPct[e+1]-this.xPct[e]);a>0;)s=this.xPct[e+1+c]-this.xPct[e+c],t[e+c]*n+100-100*o>100?(l=s*o,n=(a-100*o)/t[e+c],o=1):(l=t[e+c]*s/100*n,n=0),r?(d-=l,this.xPct.length+c>=1&&c--):(d+=l,this.xPct.length-c>=1&&c++),a=t[e+c]*n;return i+d},i.prototype.toStepping=function(i){return function(i,t,r){if(r>=i.slice(-1)[0])return 100;var o=F(r,i),e=t[o-1],n=t[o];return e+function(i,t){return B(i,i[0]<0?t+Math.abs(i[0]):t-i[0],0)}([i[o-1],i[o]],r)/V(e,n)}(this.xVal,this.xPct,i)},i.prototype.fromStepping=function(i){return function(i,t,r){if(r>=100)return i.slice(-1)[0];var o=F(r,t),e=t[o-1];return function(i,t){return t*(i[1]-i[0])/100+i[0]}([i[o-1],i[o]],(r-e)*V(e,t[o]))}(this.xVal,this.xPct,i)},i.prototype.getStep=function(i){return function(i,t,r,o){if(100===o)return o;var e=F(o,i),n=i[e-1],a=i[e];return r?o-n>(a-n)/2?a:n:t[e-1]?i[e-1]+function(i,t){return Math.round(i/t)*t}(o-i[e-1],t[e-1]):o}(this.xPct,this.xSteps,this.snap,i)},i.prototype.getDefaultStep=function(i,t,r){var o=F(i,this.xPct);return(100===i||t&&i===this.xPct[o-1])&&(o=Math.max(o-1,1)),(this.xVal[o]-this.xVal[o-1])/r},i.prototype.getNearbySteps=function(i){var t=F(i,this.xPct);return{stepBefore:{startValue:this.xVal[t-2],step:this.xNumSteps[t-2],highestStep:this.xHighestCompleteStep[t-2]},thisStep:{startValue:this.xVal[t-1],step:this.xNumSteps[t-1],highestStep:this.xHighestCompleteStep[t-1]},stepAfter:{startValue:this.xVal[t],step:this.xNumSteps[t],highestStep:this.xHighestCompleteStep[t]}}},i.prototype.countStepDecimals=function(){var i=this.xNumSteps.map(P);return Math.max.apply(null,i)},i.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},i.prototype.convert=function(i){return this.getStep(this.toStepping(i))},i.prototype.handleEntryPoint=function(i,t){var r;if(!M(r="min"===i?0:"max"===i?100:parseFloat(i))||!M(t[0]))throw Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(r),this.xVal.push(t[0]);var o=Number(t[1]);r?this.xSteps.push(!isNaN(o)&&o):isNaN(o)||(this.xSteps[0]=o),this.xHighestCompleteStep.push(0)},i.prototype.handleStepPoint=function(i,t){t&&(this.xVal[i]!==this.xVal[i+1]?(this.xSteps[i]=B([this.xVal[i],this.xVal[i+1]],t,0)/V(this.xPct[i],this.xPct[i+1]),this.xHighestCompleteStep[i]=this.xVal[i]+this.xNumSteps[i]*Math.ceil(Number(((this.xVal[i+1]-this.xVal[i])/this.xNumSteps[i]).toFixed(3))-1)):this.xSteps[i]=this.xHighestCompleteStep[i]=this.xVal[i])},i}(),R={to:function(i){return void 0===i?"":i.toFixed(2)},from:Number},H={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},q=".__tooltips",W=".__aria";function Q(i,t){if(!M(t))throw Error("noUiSlider: 'step' is not numeric.");i.singleStep=t}function K(i,t){if(!M(t))throw Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");i.keyboardPageMultiplier=t}function J(i,t){if(!M(t))throw Error("noUiSlider: 'keyboardMultiplier' is not numeric.");i.keyboardMultiplier=t}function Z(i,t){if(!M(t))throw Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");i.keyboardDefaultStep=t}function $(i,t){if("object"!=typeof t||Array.isArray(t))throw Error("noUiSlider: 'range' is not an object.");if(void 0===t.min||void 0===t.max)throw Error("noUiSlider: Missing 'min' or 'max' in 'range'.");i.spectrum=new I(t,i.snap||!1,i.singleStep)}function G(i,t){if(t=D(t),!Array.isArray(t)||!t.length)throw Error("noUiSlider: 'start' option is incorrect.");i.handles=t.length,i.start=t}function X(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'snap' option must be a boolean.");i.snap=t}function Y(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'animate' option must be a boolean.");i.animate=t}function ii(i,t){if("number"!=typeof t)throw Error("noUiSlider: 'animationDuration' option must be a number.");i.animationDuration=t}function ti(i,t){var r,o=[!1];if("lower"===t?t=[!0,!1]:"upper"===t&&(t=[!1,!0]),!0===t||!1===t){for(r=1;r<i.handles;r++)o.push(t);o.push(!1)}else{if(!Array.isArray(t)||!t.length||t.length!==i.handles+1)throw Error("noUiSlider: 'connect' option doesn't match handle count.");o=t}i.connect=o}function ri(i,t){switch(t){case"horizontal":i.ort=0;break;case"vertical":i.ort=1;break;default:throw Error("noUiSlider: 'orientation' option is invalid.")}}function oi(i,t){if(!M(t))throw Error("noUiSlider: 'margin' option must be numeric.");0!==t&&(i.margin=i.spectrum.getDistance(t))}function ei(i,t){if(!M(t))throw Error("noUiSlider: 'limit' option must be numeric.");if(i.limit=i.spectrum.getDistance(t),!i.limit||i.handles<2)throw Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function ni(i,t){var r;if(!M(t)&&!Array.isArray(t))throw Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(t)&&2!==t.length&&!M(t[0])&&!M(t[1]))throw Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(0!==t){for(Array.isArray(t)||(t=[t,t]),i.padding=[i.spectrum.getDistance(t[0]),i.spectrum.getDistance(t[1])],r=0;r<i.spectrum.xNumSteps.length-1;r++)if(i.padding[0][r]<0||i.padding[1][r]<0)throw Error("noUiSlider: 'padding' option must be a positive number(s).");if((t[0]+t[1])/(i.spectrum.xVal[i.spectrum.xVal.length-1]-i.spectrum.xVal[0])>1)throw Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function ai(i,t){switch(t){case"ltr":i.dir=0;break;case"rtl":i.dir=1;break;default:throw Error("noUiSlider: 'direction' option was not recognized.")}}function si(i,t){if("string"!=typeof t)throw Error("noUiSlider: 'behaviour' must be a string containing options.");var r=t.indexOf("tap")>=0,o=t.indexOf("drag")>=0,e=t.indexOf("fixed")>=0,n=t.indexOf("snap")>=0,a=t.indexOf("hover")>=0,s=t.indexOf("unconstrained")>=0,l=t.indexOf("invert-connects")>=0,d=t.indexOf("drag-all")>=0,c=t.indexOf("smooth-steps")>=0;if(e){if(2!==i.handles)throw Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");oi(i,i.start[1]-i.start[0])}if(l&&2!==i.handles)throw Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(s&&(i.margin||i.limit))throw Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");i.events={tap:r||n,drag:o,dragAll:d,smoothSteps:c,fixed:e,snap:n,hover:a,unconstrained:s,invertConnects:l}}function li(i,t){if(!1!==t)if(!0===t||_(t)){i.tooltips=[];for(var r=0;r<i.handles;r++)i.tooltips.push(t)}else{if((t=D(t)).length!==i.handles)throw Error("noUiSlider: must pass a formatter for all handles.");t.forEach((function(i){if("boolean"!=typeof i&&!_(i))throw Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")})),i.tooltips=t}}function di(i,t){if(t.length!==i.handles)throw Error("noUiSlider: must pass a attributes for all handles.");i.handleAttributes=t}function ci(i,t){if(!_(t))throw Error("noUiSlider: 'ariaFormat' requires 'to' method.");i.ariaFormat=t}function ui(i,t){if(!function(i){return _(i)&&"function"==typeof i.from}(t))throw Error("noUiSlider: 'format' requires 'to' and 'from' methods.");i.format=t}function hi(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'keyboardSupport' option must be a boolean.");i.keyboardSupport=t}function fi(i,t){i.documentElement=t}function bi(i,t){if("string"!=typeof t&&!1!==t)throw Error("noUiSlider: 'cssPrefix' must be a string or `false`.");i.cssPrefix=t}function mi(i,t){if("object"!=typeof t)throw Error("noUiSlider: 'cssClasses' must be an object.");"string"==typeof i.cssPrefix?(i.cssClasses={},Object.keys(t).forEach((function(r){i.cssClasses[r]=i.cssPrefix+t[r]}))):i.cssClasses=t}function pi(i){var t={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:R,format:R},r={step:{r:!1,t:Q},keyboardPageMultiplier:{r:!1,t:K},keyboardMultiplier:{r:!1,t:J},keyboardDefaultStep:{r:!1,t:Z},start:{r:!0,t:G},connect:{r:!0,t:ti},direction:{r:!0,t:ai},snap:{r:!1,t:X},animate:{r:!1,t:Y},animationDuration:{r:!1,t:ii},range:{r:!0,t:$},orientation:{r:!1,t:ri},margin:{r:!1,t:oi},limit:{r:!1,t:ei},padding:{r:!1,t:ni},behaviour:{r:!0,t:si},ariaFormat:{r:!1,t:ci},format:{r:!1,t:ui},tooltips:{r:!1,t:li},keyboardSupport:{r:!0,t:hi},documentElement:{r:!1,t:fi},cssPrefix:{r:!0,t:bi},cssClasses:{r:!0,t:mi},handleAttributes:{r:!1,t:di}},o={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:H,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};i.format&&!i.ariaFormat&&(i.ariaFormat=i.format),Object.keys(r).forEach((function(e){if(C(i[e])||void 0!==o[e])r[e].t(t,C(i[e])?i[e]:o[e]);else if(r[e].r)throw Error("noUiSlider: '"+e+"' is required.")})),t.pips=i.pips;var e=document.createElement("div");return t.transformRule=void 0!==e.style.transform?"transform":void 0!==e.style.msTransform?"msTransform":"webkitTransform",t.style=[["left","top"],["right","bottom"]][t.dir][t.ort],t}function vi(i,t,r){var o,e,n,a,s,l,d=window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"},c=window.CSS&&CSS.supports&&CSS.supports("touch-action","none")&&function(){var i=!1;try{var t=Object.defineProperty({},"passive",{get:function(){i=!0}});window.addEventListener("test",null,t)}catch(i){}return i}(),u=i,h=t.spectrum,f=[],b=[],m=[],p=0,v={},g=!1,w=i.ownerDocument,x=t.documentElement||w.documentElement,y=w.body,U="rtl"===w.dir||1===t.ort?0:100;function k(i,t){var r=w.createElement("div");return t&&A(r,t),i.appendChild(r),r}function _(i,r){var o=k(i,t.cssClasses.origin),e=k(o,t.cssClasses.handle);if(k(e,t.cssClasses.touchArea),e.setAttribute("data-handle",r+""),t.keyboardSupport&&(e.setAttribute("tabindex","0"),e.addEventListener("keydown",(function(i){return function(i,r){if(V()||B(r))return!1;var o=["Left","Right"],e=["Down","Up"],n=["PageDown","PageUp"],a=["Home","End"];t.dir&&!t.ort?o.reverse():t.ort&&!t.dir&&(e.reverse(),n.reverse());var s,l=i.key.replace("Arrow",""),d=l===n[0],c=l===n[1],u=l===e[0]||l===o[0]||d,m=l===e[1]||l===o[1]||c,p=l===a[1];if(!(u||m||l===a[0]||p))return!0;if(i.preventDefault(),m||u){var v=u?0:1,g=gi(r)[v];if(null===g)return!1;!1===g&&(g=h.getDefaultStep(b[r],u,t.keyboardDefaultStep)),g=Math.max(g*=c||d?t.keyboardPageMultiplier:t.keyboardMultiplier,1e-7),s=f[r]+(g*=u?-1:1)}else s=p?t.spectrum.xVal[t.spectrum.xVal.length-1]:t.spectrum.xVal[0];return hi(r,h.toStepping(s),!0,!0),ai("slide",r),ai("update",r),ai("change",r),ai("set",r),!1}(i,r)}))),void 0!==t.handleAttributes){var n=t.handleAttributes[r];Object.keys(n).forEach((function(i){e.setAttribute(i,n[i])}))}return e.setAttribute("role","slider"),e.setAttribute("aria-orientation",t.ort?"vertical":"horizontal"),0===r?A(e,t.cssClasses.handleLower):r===t.handles-1&&A(e,t.cssClasses.handleUpper),o.handle=e,o}function M(i,r){return!!r&&k(i,t.cssClasses.connect)}function P(i,r){return!(!t.tooltips||!t.tooltips[r])&&k(i.firstChild,t.cssClasses.tooltip)}function V(){return u.hasAttribute("disabled")}function B(i){return n[i].hasAttribute("disabled")}function F(){l&&(ni("update"+q),l.forEach((function(i){i&&E(i)})),l=null)}function I(){F(),l=n.map(P),ei("update"+q,(function(i,r,o){if(l&&t.tooltips&&!1!==l[r]){var e=i[r];!0!==t.tooltips[r]&&(e=t.tooltips[r].to(o[r])),l[r].innerHTML=e}}))}function R(i,t){return i.map((function(i){return h.fromStepping(t?h.getStep(i):i)}))}function H(){s&&(E(s),s=null)}function Q(i){H();var r=function(i){function t(i,t){return Number((i+t).toFixed(7))}var r=function(i){if(i.mode===z.Range||i.mode===z.Steps)return h.xVal;if(i.mode===z.Count){if(i.values<2)throw Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var t=i.values-1,r=100/t,o=[];t--;)o[t]=t*r;return o.push(100),R(o,i.stepped)}return i.mode===z.Positions?R(i.values,i.stepped):i.mode===z.Values?i.stepped?i.values.map((function(i){return h.fromStepping(h.getStep(h.toStepping(i)))})):i.values:[]}(i),o={},e=h.xVal[0],n=h.xVal[h.xVal.length-1],a=!1,s=!1,l=0;return(r=function(i){return i.filter((function(i){return!this[i]&&(this[i]=!0)}),{})}(r.slice().sort((function(i,t){return i-t}))))[0]!==e&&(r.unshift(e),a=!0),r[r.length-1]!==n&&(r.push(n),s=!0),r.forEach((function(e,n){var d,c,u,f,b,m,p,v,g,w=e,x=r[n+1],y=i.mode===z.Steps;for(y&&(d=h.xNumSteps[n]),d||(d=x-w),void 0===x&&(x=w),d=Math.max(d,1e-7),c=w;c<=x;c=t(c,d)){for(g=(b=(f=h.toStepping(c))-l)/(v=Math.round(b/(i.density||1))),u=1;u<=v;u+=1)o[(m=l+u*g).toFixed(5)]=[h.fromStepping(m),0];p=r.indexOf(c)>-1?S.LargeValue:y?S.SmallValue:S.NoValue,!n&&a&&c!==x&&(p=0),c===x&&s||(o[f.toFixed(5)]=[c,p]),l=f}})),o}(i);return s=u.appendChild(function(i,r,o){var e,n,a=w.createElement("div"),s=((e={})[S.None]="",e[S.NoValue]=t.cssClasses.valueNormal,e[S.LargeValue]=t.cssClasses.valueLarge,e[S.SmallValue]=t.cssClasses.valueSub,e),l=((n={})[S.None]="",n[S.NoValue]=t.cssClasses.markerNormal,n[S.LargeValue]=t.cssClasses.markerLarge,n[S.SmallValue]=t.cssClasses.markerSub,n),d=[t.cssClasses.valueHorizontal,t.cssClasses.valueVertical],c=[t.cssClasses.markerHorizontal,t.cssClasses.markerVertical];function u(i,r){var o=r===t.cssClasses.value;return r+" "+(o?d:c)[t.ort]+" "+(o?s:l)[i]}return A(a,t.cssClasses.pips),A(a,0===t.ort?t.cssClasses.pipsHorizontal:t.cssClasses.pipsVertical),Object.keys(i).forEach((function(e){!function(i,e,n){if((n=r?r(e,n):n)!==S.None){var s=k(a,!1);s.className=u(n,t.cssClasses.marker),s.style[t.style]=i+"%",n>S.NoValue&&((s=k(a,!1)).className=u(n,t.cssClasses.value),s.setAttribute("data-value",e+""),s.style[t.style]=i+"%",s.innerHTML=o.to(e)+"")}}(e,i[e][0],i[e][1])})),a}(r,i.filter,i.format||{to:function(i){return Math.round(i)+""}}))}function K(){var i=o.getBoundingClientRect(),r="offset"+["Width","Height"][t.ort];return 0===t.ort?i.width||o[r]:i.height||o[r]}function J(i,r,o,e){var n=function(n){var a=function(i,t,r){var o=0===i.type.indexOf("touch"),e=0===i.type.indexOf("mouse"),n=0===i.type.indexOf("pointer"),a=0,s=0;if(0===i.type.indexOf("MSPointer")&&(n=!0),"mousedown"===i.type&&!i.buttons&&!i.touches)return!1;if(o){var l=function(t){var o=t.target;return o===r||r.contains(o)||i.composed&&i.composedPath().shift()===r};if("touchstart"===i.type){var d=Array.prototype.filter.call(i.touches,l);if(d.length>1)return!1;a=d[0].pageX,s=d[0].pageY}else{var c=Array.prototype.find.call(i.changedTouches,l);if(!c)return!1;a=c.pageX,s=c.pageY}}return t=t||L(w),(e||n)&&(a=i.clientX+t.x,s=i.clientY+t.y),i.pageOffset=t,i.points=[a,s],i.cursor=e||n,i}(n,e.pageOffset,e.target||r);return!!a&&!(V()&&!e.doNotReject)&&!(function(i,t){return i.classList?i.classList.contains(t):RegExp("\\b"+t+"\\b").test(i.className)}(u,t.cssClasses.tap)&&!e.doNotReject)&&!(i===d.start&&void 0!==a.buttons&&a.buttons>1)&&(!e.hover||!a.buttons)&&(c||a.preventDefault(),a.calcPoint=a.points[t.ort],void o(a,e))},a=[];return i.split(" ").forEach((function(i){r.addEventListener(i,n,!!c&&{passive:!0}),a.push([i,n])})),a}function Z(i){var r=100*(i-function(i,t){var r=i.getBoundingClientRect(),o=i.ownerDocument,e=o.documentElement,n=L(o);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(n.x=0),t?r.top+n.y-e.clientTop:r.left+n.x-e.clientLeft}(o,t.ort))/K();return r=O(r),t.dir?100-r:r}function $(i,t){"mouseout"===i.type&&"HTML"===i.target.nodeName&&null===i.relatedTarget&&X(i,t)}function G(i,r){if(-1===navigator.appVersion.indexOf("MSIE 9")&&0===i.buttons&&0!==r.buttonsProperty)return X(i,r);var o=(t.dir?-1:1)*(i.calcPoint-r.startCalcPoint);di(o>0,100*o/r.baseSize,r.locations,r.handleNumbers,r.connect)}function X(i,r){r.handle&&(T(r.handle,t.cssClasses.active),p-=1),r.listeners.forEach((function(i){x.removeEventListener(i[0],i[1])})),0===p&&(T(u,t.cssClasses.drag),ui(),i.cursor&&(y.style.cursor="",y.removeEventListener("selectstart",N))),t.events.smoothSteps&&(r.handleNumbers.forEach((function(i){hi(i,b[i],!0,!0,!1,!1)})),r.handleNumbers.forEach((function(i){ai("update",i)}))),r.handleNumbers.forEach((function(i){ai("change",i),ai("set",i),ai("end",i)}))}function Y(i,r){if(!r.handleNumbers.some(B)){var o;1===r.handleNumbers.length&&(p+=1,A(o=n[r.handleNumbers[0]].children[0],t.cssClasses.active)),i.stopPropagation();var e=[],a=J(d.move,x,G,{target:i.target,handle:o,connect:r.connect,listeners:e,startCalcPoint:i.calcPoint,baseSize:K(),pageOffset:i.pageOffset,handleNumbers:r.handleNumbers,buttonsProperty:i.buttons,locations:b.slice()}),s=J(d.end,x,X,{target:i.target,handle:o,listeners:e,doNotReject:!0,handleNumbers:r.handleNumbers}),l=J("mouseout",x,$,{target:i.target,handle:o,listeners:e,doNotReject:!0,handleNumbers:r.handleNumbers});e.push.apply(e,a.concat(s,l)),i.cursor&&(y.style.cursor=getComputedStyle(i.target).cursor,n.length>1&&A(u,t.cssClasses.drag),y.addEventListener("selectstart",N,!1)),r.handleNumbers.forEach((function(i){ai("start",i)}))}}function ii(i){i.stopPropagation();var r=Z(i.calcPoint),o=function(i){var t=100,r=!1;return n.forEach((function(o,e){if(!B(e)){var n=b[e],a=Math.abs(n-i);(a<t||a<=t&&i>n||100===a&&100===t)&&(r=e,t=a)}})),r}(r);!1!==o&&(t.events.snap||j(u,t.cssClasses.tap,t.animationDuration),hi(o,r,!0,!0),ui(),ai("slide",o,!0),ai("update",o,!0),t.events.snap?Y(i,{handleNumbers:[o]}):(ai("change",o,!0),ai("set",o,!0)))}function ri(i){var t=Z(i.calcPoint),r=h.getStep(t),o=h.fromStepping(r);Object.keys(v).forEach((function(i){"hover"===i.split(".")[0]&&v[i].forEach((function(i){i.call(xi,o)}))}))}function oi(i){i.fixed||n.forEach((function(i,t){J(d.start,i.children[0],Y,{handleNumbers:[t]})})),i.tap&&J(d.start,o,ii,{}),i.hover&&J(d.move,o,ri,{hover:!0}),i.drag&&a.forEach((function(r,o){if(!1!==r&&0!==o&&o!==a.length-1){var e=n[o-1],s=n[o],l=[r],c=[e,s],u=[o-1,o];A(r,t.cssClasses.draggable),i.fixed&&(l.push(e.children[0]),l.push(s.children[0])),i.dragAll&&(c=n,u=m),l.forEach((function(i){J(d.start,i,Y,{handles:c,handleNumbers:u,connect:r})}))}}))}function ei(i,t){v[i]=v[i]||[],v[i].push(t),"update"===i.split(".")[0]&&n.forEach((function(i,t){ai("update",t)}))}function ni(i){var t=i&&i.split(".")[0],r=t?i.substring(t.length):i;Object.keys(v).forEach((function(i){var o=i.split(".")[0],e=i.substring(o.length);t&&t!==o||r&&r!==e||function(i){return i===W||i===q}(e)&&r!==e||delete v[i]}))}function ai(i,r,o){Object.keys(v).forEach((function(e){var n=e.split(".")[0];i===n&&v[e].forEach((function(i){i.call(xi,f.map(t.format.to),r,f.slice(),o||!1,b.slice(),xi)}))}))}function si(i,r,o,e,a,s,l){var d;return n.length>1&&!t.events.unconstrained&&(e&&r>0&&(d=h.getAbsoluteDistance(i[r-1],t.margin,!1),o=Math.max(o,d)),a&&r<n.length-1&&(d=h.getAbsoluteDistance(i[r+1],t.margin,!0),o=Math.min(o,d))),n.length>1&&t.limit&&(e&&r>0&&(d=h.getAbsoluteDistance(i[r-1],t.limit,!1),o=Math.min(o,d)),a&&r<n.length-1&&(d=h.getAbsoluteDistance(i[r+1],t.limit,!0),o=Math.max(o,d))),t.padding&&(0===r&&(d=h.getAbsoluteDistance(0,t.padding[0],!1),o=Math.max(o,d)),r===n.length-1&&(d=h.getAbsoluteDistance(100,t.padding[1],!0),o=Math.min(o,d))),l||(o=h.getStep(o)),!((o=O(o))===i[r]&&!s)&&o}function li(i,r){var o=t.ort;return(o?r:i)+", "+(o?i:r)}function di(i,r,o,e,n){var a=o.slice(),s=e[0],l=t.events.smoothSteps,d=[!i,i],c=[i,!i];e=e.slice(),i&&e.reverse(),e.length>1?e.forEach((function(i,t){var o=si(a,i,a[i]+r,d[t],c[t],!1,l);!1===o?r=0:(r=o-a[i],a[i]=o)})):d=c=[!0];var u=!1;e.forEach((function(i,t){u=hi(i,o[i]+r,d[t],c[t],!1,l)||u})),u&&(e.forEach((function(i){ai("update",i),ai("slide",i)})),null!=n&&ai("drag",s))}function ci(i,r){return t.dir?100-i-r:i}function ui(){m.forEach((function(i){n[i].style.zIndex=3+(n.length+(b[i]>50?-1:1)*i)+""}))}function hi(i,r,o,e,a,s){return a||(r=si(b,i,r,o,e,!1,s)),!1!==r&&(function(i,r){b[i]=r,f[i]=h.fromStepping(r);var o="translate("+li(ci(r,0)-U+"%","0")+")";if(n[i].style[t.transformRule]=o,t.events.invertConnects&&b.length>1){var e=b.every((function(i,t,r){return 0===t||i>=r[t-1]}));if(g!==!e)return g=!g,ti(t,t.connect.map((function(i){return!i}))),void wi()}fi(i),fi(i+1),g&&(fi(i-1),fi(i+2))}(i,r),!0)}function fi(i){if(a[i]){var r=b.slice();g&&r.sort((function(i,t){return i-t}));var o=0,e=100;0!==i&&(o=r[i-1]),i!==a.length-1&&(e=r[i]);var n=e-o,s="translate("+li(ci(o,n)+"%","0")+")",l="scale("+li(n/100,"1")+")";a[i].style[t.transformRule]=s+" "+l}}function bi(i,r){return null===i||!1===i||void 0===i?b[r]:("number"==typeof i&&(i+=""),!1!==(i=t.format.from(i))&&(i=h.toStepping(i)),!1===i||isNaN(i)?b[r]:i)}function mi(i,r,o){var e=D(i),n=void 0===b[0];r=void 0===r||r,t.animate&&!n&&j(u,t.cssClasses.tap,t.animationDuration),m.forEach((function(i){hi(i,bi(e[i],i),!0,!1,o)}));var a=1===m.length?0:1;if(n&&h.hasNoSize()&&(o=!0,b[0]=0,m.length>1)){var s=100/(m.length-1);m.forEach((function(i){b[i]=i*s}))}for(;a<m.length;++a)m.forEach((function(i){hi(i,b[i],!0,!0,o)}));ui(),m.forEach((function(i){ai("update",i),null!==e[i]&&r&&ai("set",i)}))}function vi(i){if(void 0===i&&(i=!1),i)return 1===f.length?f[0]:f.slice(0);var r=f.map(t.format.to);return 1===r.length?r[0]:r}function gi(i){var r=b[i],o=h.getNearbySteps(r),e=f[i],n=o.thisStep.step,a=null;if(t.snap)return[e-o.stepBefore.startValue||null,o.stepAfter.startValue-e||null];!1!==n&&e+n>o.stepAfter.startValue&&(n=o.stepAfter.startValue-e),a=e>o.thisStep.startValue?o.thisStep.step:!1!==o.stepBefore.step&&e-o.stepBefore.highestStep,100===r?n=null:0===r&&(a=null);var s=h.countStepDecimals();return null!==n&&!1!==n&&(n=Number(n.toFixed(s))),null!==a&&!1!==a&&(a=Number(a.toFixed(s))),[a,n]}function wi(){for(;e.firstChild;)e.removeChild(e.firstChild);for(var i=0;i<=t.handles;i++)a[i]=M(e,t.connect[i]),fi(i);oi({drag:t.events.drag,fixed:!0})}o=function(i){return A(i,t.cssClasses.target),A(i,0===t.dir?t.cssClasses.ltr:t.cssClasses.rtl),A(i,0===t.ort?t.cssClasses.horizontal:t.cssClasses.vertical),A(i,"rtl"===getComputedStyle(i).direction?t.cssClasses.textDirectionRtl:t.cssClasses.textDirectionLtr),k(i,t.cssClasses.base)}(u),function(i,r){e=k(r,t.cssClasses.connects),n=[],(a=[]).push(M(e,i[0]));for(var o=0;o<t.handles;o++)n.push(_(r,o)),m[o]=o,a.push(M(e,i[o+1]))}(t.connect,o),oi(t.events),mi(t.start),t.pips&&Q(t.pips),t.tooltips&&I(),ni("update"+W),ei("update"+W,(function(i,r,o,e,a){m.forEach((function(i){var r=n[i],e=si(b,i,0,!0,!0,!0),s=si(b,i,100,!0,!0,!0),l=a[i],d=t.ariaFormat.to(o[i])+"";e=h.fromStepping(e).toFixed(1),s=h.fromStepping(s).toFixed(1),l=h.fromStepping(l).toFixed(1),r.children[0].setAttribute("aria-valuemin",e),r.children[0].setAttribute("aria-valuemax",s),r.children[0].setAttribute("aria-valuenow",l),r.children[0].setAttribute("aria-valuetext",d)}))}));var xi={destroy:function(){for(ni(W),ni(q),Object.keys(t.cssClasses).forEach((function(i){T(u,t.cssClasses[i])}));u.firstChild;)u.removeChild(u.firstChild);delete u.noUiSlider},steps:function(){return m.map(gi)},on:ei,off:ni,get:vi,set:mi,setHandle:function(i,t,r,o){if(!((i=Number(i))>=0&&i<m.length))throw Error("noUiSlider: invalid handle number, got: "+i);hi(i,bi(t,i),!0,!0,o),ai("update",i),r&&ai("set",i)},reset:function(i){mi(t.start,i)},disable:function(i){null!=i?(n[i].setAttribute("disabled",""),n[i].handle.removeAttribute("tabindex")):(u.setAttribute("disabled",""),n.forEach((function(i){i.handle.removeAttribute("tabindex")})))},enable:function(i){null!=i?(n[i].removeAttribute("disabled"),n[i].handle.setAttribute("tabindex","0")):(u.removeAttribute("disabled"),n.forEach((function(i){i.removeAttribute("disabled"),i.handle.setAttribute("tabindex","0")})))},__moveHandles:function(i,t,r){di(i,t,b,r)},options:r,updateOptions:function(i,o){var e=vi(),n=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];n.forEach((function(t){void 0!==i[t]&&(r[t]=i[t])}));var a=pi(r);n.forEach((function(r){void 0!==i[r]&&(t[r]=a[r])})),h=a.spectrum,t.margin=a.margin,t.limit=a.limit,t.padding=a.padding,t.pips?Q(t.pips):H(),t.tooltips?I():F(),b=[],mi(C(i.start)?i.start:e,o),i.connect&&wi()},target:u,removePips:H,removeTooltips:F,getPositions:function(){return b.slice()},getTooltips:function(){return l},getOrigins:function(){return n},pips:Q};return xi}var gi=function(i,t){if(!i||!i.nodeName)throw Error("noUiSlider: create requires a single element, got: "+i);if(i.noUiSlider)throw Error("noUiSlider: Slider was already initialized.");var r=vi(i,pi(t),t);return i.noUiSlider=r,r};class wi{constructor(i){this.suppressEvents=!1,this.config=i,this.init()}setValue(i){var t,r;(null===(t=this.slider)||void 0===t?void 0:t.get())!==i&&(this.suppressEvents=!0,null===(r=this.slider)||void 0===r||r.set(i),this.suppressEvents=!1)}setDisabled(i){var t,r;i?null===(t=this.slider)||void 0===t||t.disable():null===(r=this.slider)||void 0===r||r.enable()}setInvalid(i){var t;null===(t=this.handleEl)||void 0===t||t.setAttribute("aria-invalid",i?"true":"false")}updateRange(i,t,r){var o;null===(o=this.slider)||void 0===o||o.updateOptions({range:{min:Math.min(i,t),max:Math.max(i,t)},step:xi(r),format:yi(r)},!1)}focus(){var i;null===(i=this.handleEl)||void 0===i||i.focus()}blur(){var i;null===(i=this.handleEl)||void 0===i||i.blur()}get handleEl(){var i;return null!==(i=this.config.targetEl.querySelector(".noUi-handle"))&&void 0!==i?i:void 0}destroy(){var i;null===(i=this.slider)||void 0===i||i.destroy(),this.slider=void 0}init(){const{targetEl:i,min:t,max:r,step:o,value:e,disabled:n,invalid:a}=this.config;this.slider=gi(i,{range:{min:Math.min(t,r),max:Math.max(t,r)},start:e,step:xi(o),format:yi(o),connect:"lower",tooltips:!0,keyboardSupport:!0}),n&&this.slider.disable(),this.slider.on("update",(i=>{this.suppressEvents||this.config.onInput(Number(i[0]))})),this.slider.on("set",(i=>{this.suppressEvents||this.config.onChange(Number(i[0]))})),this.connectLabelToHandle(),this.setInvalid(a)}connectLabelToHandle(){const i=this.handleEl;i&&(i.setAttribute("aria-labelledby",this.config.labelId),i.setAttribute("aria-describedby","description"))}}function xi(i){if("any"===i)return;const t=Number(i);return Number.isFinite(t)&&t>0?t:void 0}function yi(i){const t=function(i){if("any"===i)return 2;const[,t=""]=i.split(".");return t.length}(i);return{to:i=>Number(i.toFixed(t)),from:i=>Number(i)}}const Ui=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsInput=r(this,"dsInput"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsClick=r(this,"dsClick"),this.dsChange=r(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=NaN,this.sliderId="ds-slider-"+ki++,this.focused=!1,this.language=w.language,this.region=w.region,this.hasInvalidTextSlotContent=!1,this.value=NaN,this.name=this.sliderId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=100,this.step="1",this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleFocus=i=>{this.focused=!0,this.disabled||this.readonly||this.dsFocus.emit(i)},this.handleBlur=i=>{this.focused=!1,this.disabled||this.readonly||this.dsBlur.emit(i)},this.handleClick=i=>{this.disabled||this.readonly||this.dsClick.emit(i)}}createLogger(i){this.log=i}valueChanged(i){var t;b(i)?this.value=k(this.min,this.min,this.max):(null===(t=this.picker)||void 0===t||t.setValue(i),this.syncFormValue(i))}invalidChanged(){var i;null===(i=this.picker)||void 0===i||i.setInvalid(this.invalid||this.hasInvalidTextSlotContent)}minChanged(){var i;l(this.value)||(this.value=k(this.value,this.min,this.max)),null===(i=this.picker)||void 0===i||i.updateRange(this.min,this.max,this.step)}stepChanged(){var i;null===(i=this.picker)||void 0===i||i.updateRange(this.min,this.max,this.step)}debounceChanged(){this.dsChange=h(this.dsChange,this.debounce)}disabledChanged(){this.syncDisabledState()}readonlyChanged(){this.syncDisabledState()}connectedCallback(){this.debounceChanged(),this.value=k(function(i,t){return isNaN(i)?t:i}(this.value,this.min),this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value),this.disconnectInvalidTextSlotWatcher=f(this.el,(i=>{var t;this.hasInvalidTextSlotContent=i,null===(t=this.picker)||void 0===t||t.setInvalid(this.invalid||i)}))}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}componentDidLoad(){var i,t;this.sliderEl&&(this.picker=new wi({targetEl:this.sliderEl,labelId:"label",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled||this.readonly,invalid:this.invalid||this.hasInvalidTextSlotContent,onInput:i=>{this.dsInput.emit(i)},onChange:i=>{this.setValue(i)}}),null===(i=this.picker.handleEl)||void 0===i||i.addEventListener("focus",this.handleFocus),null===(t=this.picker.handleEl)||void 0===t||t.addEventListener("blur",this.handleBlur))}disconnectedCallback(){var i,t;null===(i=this.picker)||void 0===i||i.destroy(),this.picker=void 0,null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}listenToClick(i){(this.disabled||this.readonly)&&i.target===this.el&&(i.preventDefault(),i.stopPropagation())}listenToReset(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async configChanged(i){this.language=i.language,this.region=i.region}async setFocus(){var i;null===(i=this.picker)||void 0===i||i.focus()}async setBlur(){var i;null===(i=this.picker)||void 0===i||i.blur()}async getInputElement(){var i;return null===(i=this.picker)||void 0===i?void 0:i.handleEl}setValue(i){this.value!==i&&(this.value=i,this.dsChange.emit(i))}syncFormValue(i){c(this.internals,i+"")}syncDisabledState(){var i;null===(i=this.picker)||void 0===i||i.setDisabled(this.disabled||this.readonly)}render(){return o(m,{key:"83333e422aa72bead2d49c6e0b56693ad1dbae33",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-brand-yellow":u(this.brandColor)&&"yellow"===this.brandColor,"is-brand-purple":u(this.brandColor)&&"purple"===this.brandColor,"is-brand-red":u(this.brandColor)&&"red"===this.brandColor,"is-brand-green":u(this.brandColor)&&"green"===this.brandColor}},o("div",Object.assign({key:"839ff4b791acbdd6ebc88b532df86873cac24c0f",id:"slider",part:"slider",ref:i=>this.sliderEl=i,onClick:this.handleClick},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:1}],invalid:[{invalidChanged:0}],min:[{minChanged:0}],max:[{minChanged:0}],step:[{stepChanged:0}],debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}}static get style(){return'.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_slider-track-height:var(--slider-track-height, var(--mod-slider-track-height, 0.75rem));--_slider-track-radius:var(--slider-track-radius, var(--mod-slider-track-radius, var(--ds-alias-radius-rounded)));--_slider-track-color:var(--slider-track-color, var(--mod-slider-track-color, var(--ds-global-color-grey-2)));--_slider-connect-color:var(--slider-connect-color, var(--mod-slider-connect-color, var(--ds-global-color-primary-5)));--_slider-thumb-size:var(--slider-thumb-size, var(--mod-slider-thumb-size, 1.5rem));--_slider-thumb-radius:var(--slider-thumb-radius, var(--mod-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_slider-thumb-color:var(--slider-thumb-color, var(--mod-slider-thumb-color, var(--ds-global-color-white)));--_slider-thumb-hover-color:var(--slider-thumb-hover-color, var(--mod-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_slider-thumb-active-color:var(--slider-thumb-active-color, var(--mod-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_slider-thumb-border-color:var(--slider-thumb-border-color, var(--mod-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_slider-thumb-border-color-hover:var(--slider-thumb-border-color-hover, var(--mod-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_slider-thumb-border-color-active:var(--slider-thumb-border-color-active, var(--mod-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{padding-inline:calc(var(--_slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_slider-track-height);background:var(--_slider-track-color);border:none;border-radius:var(--_slider-track-radius);-webkit-box-shadow:none;box-shadow:none}:host .noUi-connects{border-radius:var(--_slider-track-radius)}:host .noUi-connect{background:var(--_slider-connect-color)}:host .noUi-handle{width:var(--_slider-thumb-size);height:var(--_slider-thumb-size);top:calc((var(--_slider-track-height) - var(--_slider-thumb-size))/2);right:calc(var(--_slider-thumb-size)/-2);background:var(--_slider-thumb-color);border:2px solid var(--_slider-thumb-border-color);border-radius:var(--_slider-thumb-radius);-webkit-box-shadow:#fff 0 0 0 2px;box-shadow:#fff 0 0 0 2px;cursor:-webkit-grab;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_slider-thumb-hover-color);border-color:var(--_slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_slider-thumb-active-color);border-color:var(--_slider-thumb-border-color-active);cursor:-webkit-grabbing;cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-text-size-sm);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-text);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%, 4px);transform:translate(-50%, 4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){:host .noUi-tooltip{-webkit-transition:none !important;transition:none !important}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-danger);--mod-slider-thumb-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-success);--mod-slider-thumb-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-warning);--mod-slider-thumb-border-color:var(--ds-alias-text-color-warning)}:host(.is-brand-yellow){--mod-slider-track-color:var(--ds-global-color-yellow-2);--mod-slider-connect-color:var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-slider-track-color:var(--ds-global-color-purple-2);--mod-slider-connect-color:var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-slider-track-color:var(--ds-global-color-red-2);--mod-slider-connect-color:var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-slider-track-color:var(--ds-global-color-green-2);--mod-slider-connect-color:var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-slider-track-color:var(--ds-global-color-grey-1);--mod-slider-connect-color:var(--ds-global-color-grey-3);--mod-slider-thumb-color:var(--ds-global-color-grey-3);--mod-slider-thumb-border-color:var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}'}},[65,"ds-slider",{value:[1538],name:[513],label:[1],description:[1],color:[1],brandColor:[1,"brand-color"],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[1],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],hasInvalidTextSlotContent:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:1}],invalid:[{invalidChanged:0}],min:[{minChanged:0}],max:[{minChanged:0}],step:[{stepChanged:0}],debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}]);n([a("slider"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],Ui.prototype,"createLogger",null),n([x("number"),s("design:type",Number)],Ui.prototype,"value",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"name",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"label",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"description",void 0),n([y(p),s("design:type",String)],Ui.prototype,"color",void 0),n([y(["yellow","purple","red","green"]),s("design:type",String)],Ui.prototype,"brandColor",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"invalid",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"invalidText",void 0),n([x("number"),s("design:type",Number)],Ui.prototype,"min",void 0),n([x("number"),s("design:type",Number)],Ui.prototype,"max",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"step",void 0),n([x("number"),s("design:type",Number)],Ui.prototype,"debounce",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"disabled",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"readonly",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"required",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"autoInvalidOff",void 0),n([U(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],Ui.prototype,"configChanged",null);let ki=0;const zi=Ui,Si=function(){"undefined"!=typeof customElements&&["ds-slider","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-slider":customElements.get(e(i))||customElements.define(e(i),Ui);break;case"ds-icon":customElements.get(e(i))||v();break;case"ds-spinner":customElements.get(e(i))||g()}}))};export{zi as DsSlider,Si as defineCustomElement}
+import{p as i,H as t,e as r,h as o,t as e}from"./p-DOP4fM2o.js";import{_ as n,L as a,a as s}from"./p-C8OqQuJ7.js";import{i as l}from"./p-IVIyviB0.js";import{i as d}from"./p-ChyhE5ro.js";import{a as c}from"./p-El2snbN5.js";import{h as u}from"./p-CEPnyz7c.js";import{n as h}from"./p-Dbt7_-_D.js";import{w as f}from"./p-CHZn7ODg.js";import{i as b}from"./p-CkQK5z17.js";import{F as m}from"./p-vUPe8Qmy.js";import{I as p}from"./p-DaVRO74A.js";import{d as v}from"./p-B0Z95Hj1.js";import{d as g}from"./p-D8RaAucx.js";import{d as w}from"./p-CKMUtsmn.js";import{T as x}from"./p-DEnVBHne.js";import{O as y}from"./p-DaqLtBr3.js";import{L as U}from"./p-B9OReveE.js";function k(i,t,r){const o=Math.min(t,r),e=Math.max(t,r);return Math.min(Math.max(i,o),e)}var z,S;function _(i){return"object"==typeof i&&"function"==typeof i.to}function E(i){i.parentElement.removeChild(i)}function C(i){return null!=i}function N(i){i.preventDefault()}function M(i){return"number"==typeof i&&!isNaN(i)&&isFinite(i)}function j(i,t,r){r>0&&(A(i,t),setTimeout((function(){T(i,t)}),r))}function O(i){return Math.max(Math.min(i,100),0)}function D(i){return Array.isArray(i)?i:[i]}function P(i){var t=(i+="").split(".");return t.length>1?t[1].length:0}function A(i,t){i.classList&&!/\s/.test(t)?i.classList.add(t):i.className+=" "+t}function T(i,t){i.classList&&!/\s/.test(t)?i.classList.remove(t):i.className=i.className.replace(RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")}function L(i){var t=void 0!==window.pageXOffset,r="CSS1Compat"===(i.compatMode||"");return{x:t?window.pageXOffset:r?i.documentElement.scrollLeft:i.body.scrollLeft,y:t?window.pageYOffset:r?i.documentElement.scrollTop:i.body.scrollTop}}function V(i,t){return 100/(t-i)}function B(i,t,r){return 100*t/(i[r+1]-i[r])}function F(i,t){for(var r=1;i>=t[r];)r+=1;return r}!function(i){i.Range="range",i.Steps="steps",i.Positions="positions",i.Count="count",i.Values="values"}(z||(z={})),function(i){i[i.None=-1]="None",i[i.NoValue=0]="NoValue",i[i.LargeValue=1]="LargeValue",i[i.SmallValue=2]="SmallValue"}(S||(S={}));var I=function(){function i(i,t,r){var o;this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[r||!1],this.xNumSteps=[!1],this.snap=t;var e=[];for(Object.keys(i).forEach((function(t){e.push([D(i[t]),t])})),e.sort((function(i,t){return i[0][0]-t[0][0]})),o=0;o<e.length;o++)this.handleEntryPoint(e[o][1],e[o][0]);for(this.xNumSteps=this.xSteps.slice(0),o=0;o<this.xNumSteps.length;o++)this.handleStepPoint(o,this.xNumSteps[o])}return i.prototype.getDistance=function(i){for(var t=[],r=0;r<this.xNumSteps.length-1;r++)t[r]=B(this.xVal,i,r);return t},i.prototype.getAbsoluteDistance=function(i,t,r){var o,e=0;if(i<this.xPct[this.xPct.length-1])for(;i>this.xPct[e+1];)e++;else i===this.xPct[this.xPct.length-1]&&(e=this.xPct.length-2);r||i!==this.xPct[e+1]||e++,null===t&&(t=[]);var n=1,a=t[e],s=0,l=0,d=0,c=0;for(o=r?(i-this.xPct[e])/(this.xPct[e+1]-this.xPct[e]):(this.xPct[e+1]-i)/(this.xPct[e+1]-this.xPct[e]);a>0;)s=this.xPct[e+1+c]-this.xPct[e+c],t[e+c]*n+100-100*o>100?(l=s*o,n=(a-100*o)/t[e+c],o=1):(l=t[e+c]*s/100*n,n=0),r?(d-=l,this.xPct.length+c>=1&&c--):(d+=l,this.xPct.length-c>=1&&c++),a=t[e+c]*n;return i+d},i.prototype.toStepping=function(i){return function(i,t,r){if(r>=i.slice(-1)[0])return 100;var o=F(r,i),e=t[o-1],n=t[o];return e+function(i,t){return B(i,i[0]<0?t+Math.abs(i[0]):t-i[0],0)}([i[o-1],i[o]],r)/V(e,n)}(this.xVal,this.xPct,i)},i.prototype.fromStepping=function(i){return function(i,t,r){if(r>=100)return i.slice(-1)[0];var o=F(r,t),e=t[o-1];return function(i,t){return t*(i[1]-i[0])/100+i[0]}([i[o-1],i[o]],(r-e)*V(e,t[o]))}(this.xVal,this.xPct,i)},i.prototype.getStep=function(i){return function(i,t,r,o){if(100===o)return o;var e=F(o,i),n=i[e-1],a=i[e];return r?o-n>(a-n)/2?a:n:t[e-1]?i[e-1]+function(i,t){return Math.round(i/t)*t}(o-i[e-1],t[e-1]):o}(this.xPct,this.xSteps,this.snap,i)},i.prototype.getDefaultStep=function(i,t,r){var o=F(i,this.xPct);return(100===i||t&&i===this.xPct[o-1])&&(o=Math.max(o-1,1)),(this.xVal[o]-this.xVal[o-1])/r},i.prototype.getNearbySteps=function(i){var t=F(i,this.xPct);return{stepBefore:{startValue:this.xVal[t-2],step:this.xNumSteps[t-2],highestStep:this.xHighestCompleteStep[t-2]},thisStep:{startValue:this.xVal[t-1],step:this.xNumSteps[t-1],highestStep:this.xHighestCompleteStep[t-1]},stepAfter:{startValue:this.xVal[t],step:this.xNumSteps[t],highestStep:this.xHighestCompleteStep[t]}}},i.prototype.countStepDecimals=function(){var i=this.xNumSteps.map(P);return Math.max.apply(null,i)},i.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},i.prototype.convert=function(i){return this.getStep(this.toStepping(i))},i.prototype.handleEntryPoint=function(i,t){var r;if(!M(r="min"===i?0:"max"===i?100:parseFloat(i))||!M(t[0]))throw Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(r),this.xVal.push(t[0]);var o=Number(t[1]);r?this.xSteps.push(!isNaN(o)&&o):isNaN(o)||(this.xSteps[0]=o),this.xHighestCompleteStep.push(0)},i.prototype.handleStepPoint=function(i,t){t&&(this.xVal[i]!==this.xVal[i+1]?(this.xSteps[i]=B([this.xVal[i],this.xVal[i+1]],t,0)/V(this.xPct[i],this.xPct[i+1]),this.xHighestCompleteStep[i]=this.xVal[i]+this.xNumSteps[i]*Math.ceil(Number(((this.xVal[i+1]-this.xVal[i])/this.xNumSteps[i]).toFixed(3))-1)):this.xSteps[i]=this.xHighestCompleteStep[i]=this.xVal[i])},i}(),H={to:function(i){return void 0===i?"":i.toFixed(2)},from:Number},R={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},q=".__tooltips",Q=".__aria";function K(i,t){if(!M(t))throw Error("noUiSlider: 'step' is not numeric.");i.singleStep=t}function W(i,t){if(!M(t))throw Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");i.keyboardPageMultiplier=t}function Z(i,t){if(!M(t))throw Error("noUiSlider: 'keyboardMultiplier' is not numeric.");i.keyboardMultiplier=t}function J(i,t){if(!M(t))throw Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");i.keyboardDefaultStep=t}function $(i,t){if("object"!=typeof t||Array.isArray(t))throw Error("noUiSlider: 'range' is not an object.");if(void 0===t.min||void 0===t.max)throw Error("noUiSlider: Missing 'min' or 'max' in 'range'.");i.spectrum=new I(t,i.snap||!1,i.singleStep)}function G(i,t){if(t=D(t),!Array.isArray(t)||!t.length)throw Error("noUiSlider: 'start' option is incorrect.");i.handles=t.length,i.start=t}function X(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'snap' option must be a boolean.");i.snap=t}function Y(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'animate' option must be a boolean.");i.animate=t}function ii(i,t){if("number"!=typeof t)throw Error("noUiSlider: 'animationDuration' option must be a number.");i.animationDuration=t}function ti(i,t){var r,o=[!1];if("lower"===t?t=[!0,!1]:"upper"===t&&(t=[!1,!0]),!0===t||!1===t){for(r=1;r<i.handles;r++)o.push(t);o.push(!1)}else{if(!Array.isArray(t)||!t.length||t.length!==i.handles+1)throw Error("noUiSlider: 'connect' option doesn't match handle count.");o=t}i.connect=o}function ri(i,t){switch(t){case"horizontal":i.ort=0;break;case"vertical":i.ort=1;break;default:throw Error("noUiSlider: 'orientation' option is invalid.")}}function oi(i,t){if(!M(t))throw Error("noUiSlider: 'margin' option must be numeric.");0!==t&&(i.margin=i.spectrum.getDistance(t))}function ei(i,t){if(!M(t))throw Error("noUiSlider: 'limit' option must be numeric.");if(i.limit=i.spectrum.getDistance(t),!i.limit||i.handles<2)throw Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function ni(i,t){var r;if(!M(t)&&!Array.isArray(t))throw Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(t)&&2!==t.length&&!M(t[0])&&!M(t[1]))throw Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(0!==t){for(Array.isArray(t)||(t=[t,t]),i.padding=[i.spectrum.getDistance(t[0]),i.spectrum.getDistance(t[1])],r=0;r<i.spectrum.xNumSteps.length-1;r++)if(i.padding[0][r]<0||i.padding[1][r]<0)throw Error("noUiSlider: 'padding' option must be a positive number(s).");if((t[0]+t[1])/(i.spectrum.xVal[i.spectrum.xVal.length-1]-i.spectrum.xVal[0])>1)throw Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function ai(i,t){switch(t){case"ltr":i.dir=0;break;case"rtl":i.dir=1;break;default:throw Error("noUiSlider: 'direction' option was not recognized.")}}function si(i,t){if("string"!=typeof t)throw Error("noUiSlider: 'behaviour' must be a string containing options.");var r=t.indexOf("tap")>=0,o=t.indexOf("drag")>=0,e=t.indexOf("fixed")>=0,n=t.indexOf("snap")>=0,a=t.indexOf("hover")>=0,s=t.indexOf("unconstrained")>=0,l=t.indexOf("invert-connects")>=0,d=t.indexOf("drag-all")>=0,c=t.indexOf("smooth-steps")>=0;if(e){if(2!==i.handles)throw Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");oi(i,i.start[1]-i.start[0])}if(l&&2!==i.handles)throw Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(s&&(i.margin||i.limit))throw Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");i.events={tap:r||n,drag:o,dragAll:d,smoothSteps:c,fixed:e,snap:n,hover:a,unconstrained:s,invertConnects:l}}function li(i,t){if(!1!==t)if(!0===t||_(t)){i.tooltips=[];for(var r=0;r<i.handles;r++)i.tooltips.push(t)}else{if((t=D(t)).length!==i.handles)throw Error("noUiSlider: must pass a formatter for all handles.");t.forEach((function(i){if("boolean"!=typeof i&&!_(i))throw Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")})),i.tooltips=t}}function di(i,t){if(t.length!==i.handles)throw Error("noUiSlider: must pass a attributes for all handles.");i.handleAttributes=t}function ci(i,t){if(!_(t))throw Error("noUiSlider: 'ariaFormat' requires 'to' method.");i.ariaFormat=t}function ui(i,t){if(!function(i){return _(i)&&"function"==typeof i.from}(t))throw Error("noUiSlider: 'format' requires 'to' and 'from' methods.");i.format=t}function hi(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'keyboardSupport' option must be a boolean.");i.keyboardSupport=t}function fi(i,t){i.documentElement=t}function bi(i,t){if("string"!=typeof t&&!1!==t)throw Error("noUiSlider: 'cssPrefix' must be a string or `false`.");i.cssPrefix=t}function mi(i,t){if("object"!=typeof t)throw Error("noUiSlider: 'cssClasses' must be an object.");"string"==typeof i.cssPrefix?(i.cssClasses={},Object.keys(t).forEach((function(r){i.cssClasses[r]=i.cssPrefix+t[r]}))):i.cssClasses=t}function pi(i){var t={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:H,format:H},r={step:{r:!1,t:K},keyboardPageMultiplier:{r:!1,t:W},keyboardMultiplier:{r:!1,t:Z},keyboardDefaultStep:{r:!1,t:J},start:{r:!0,t:G},connect:{r:!0,t:ti},direction:{r:!0,t:ai},snap:{r:!1,t:X},animate:{r:!1,t:Y},animationDuration:{r:!1,t:ii},range:{r:!0,t:$},orientation:{r:!1,t:ri},margin:{r:!1,t:oi},limit:{r:!1,t:ei},padding:{r:!1,t:ni},behaviour:{r:!0,t:si},ariaFormat:{r:!1,t:ci},format:{r:!1,t:ui},tooltips:{r:!1,t:li},keyboardSupport:{r:!0,t:hi},documentElement:{r:!1,t:fi},cssPrefix:{r:!0,t:bi},cssClasses:{r:!0,t:mi},handleAttributes:{r:!1,t:di}},o={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:R,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};i.format&&!i.ariaFormat&&(i.ariaFormat=i.format),Object.keys(r).forEach((function(e){if(C(i[e])||void 0!==o[e])r[e].t(t,C(i[e])?i[e]:o[e]);else if(r[e].r)throw Error("noUiSlider: '"+e+"' is required.")})),t.pips=i.pips;var e=document.createElement("div");return t.transformRule=void 0!==e.style.transform?"transform":void 0!==e.style.msTransform?"msTransform":"webkitTransform",t.style=[["left","top"],["right","bottom"]][t.dir][t.ort],t}function vi(i,t,r){var o,e,n,a,s,l,d=window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"},c=window.CSS&&CSS.supports&&CSS.supports("touch-action","none")&&function(){var i=!1;try{var t=Object.defineProperty({},"passive",{get:function(){i=!0}});window.addEventListener("test",null,t)}catch(i){}return i}(),u=i,h=t.spectrum,f=[],b=[],m=[],p=0,v={},g=!1,w=i.ownerDocument,x=t.documentElement||w.documentElement,y=w.body,U="rtl"===w.dir||1===t.ort?0:100;function k(i,t){var r=w.createElement("div");return t&&A(r,t),i.appendChild(r),r}function _(i,r){var o=k(i,t.cssClasses.origin),e=k(o,t.cssClasses.handle);if(k(e,t.cssClasses.touchArea),e.setAttribute("data-handle",r+""),t.keyboardSupport&&(e.setAttribute("tabindex","0"),e.addEventListener("keydown",(function(i){return function(i,r){if(V()||B(r))return!1;var o=["Left","Right"],e=["Down","Up"],n=["PageDown","PageUp"],a=["Home","End"];t.dir&&!t.ort?o.reverse():t.ort&&!t.dir&&(e.reverse(),n.reverse());var s,l=i.key.replace("Arrow",""),d=l===n[0],c=l===n[1],u=l===e[0]||l===o[0]||d,m=l===e[1]||l===o[1]||c,p=l===a[1];if(!(u||m||l===a[0]||p))return!0;if(i.preventDefault(),m||u){var v=u?0:1,g=gi(r)[v];if(null===g)return!1;!1===g&&(g=h.getDefaultStep(b[r],u,t.keyboardDefaultStep)),g=Math.max(g*=c||d?t.keyboardPageMultiplier:t.keyboardMultiplier,1e-7),s=f[r]+(g*=u?-1:1)}else s=p?t.spectrum.xVal[t.spectrum.xVal.length-1]:t.spectrum.xVal[0];return hi(r,h.toStepping(s),!0,!0),ai("slide",r),ai("update",r),ai("change",r),ai("set",r),!1}(i,r)}))),void 0!==t.handleAttributes){var n=t.handleAttributes[r];Object.keys(n).forEach((function(i){e.setAttribute(i,n[i])}))}return e.setAttribute("role","slider"),e.setAttribute("aria-orientation",t.ort?"vertical":"horizontal"),0===r?A(e,t.cssClasses.handleLower):r===t.handles-1&&A(e,t.cssClasses.handleUpper),o.handle=e,o}function M(i,r){return!!r&&k(i,t.cssClasses.connect)}function P(i,r){return!(!t.tooltips||!t.tooltips[r])&&k(i.firstChild,t.cssClasses.tooltip)}function V(){return u.hasAttribute("disabled")}function B(i){return n[i].hasAttribute("disabled")}function F(){l&&(ni("update"+q),l.forEach((function(i){i&&E(i)})),l=null)}function I(){F(),l=n.map(P),ei("update"+q,(function(i,r,o){if(l&&t.tooltips&&!1!==l[r]){var e=i[r];!0!==t.tooltips[r]&&(e=t.tooltips[r].to(o[r])),l[r].innerHTML=e}}))}function H(i,t){return i.map((function(i){return h.fromStepping(t?h.getStep(i):i)}))}function R(){s&&(E(s),s=null)}function K(i){R();var r=function(i){function t(i,t){return Number((i+t).toFixed(7))}var r=function(i){if(i.mode===z.Range||i.mode===z.Steps)return h.xVal;if(i.mode===z.Count){if(i.values<2)throw Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var t=i.values-1,r=100/t,o=[];t--;)o[t]=t*r;return o.push(100),H(o,i.stepped)}return i.mode===z.Positions?H(i.values,i.stepped):i.mode===z.Values?i.stepped?i.values.map((function(i){return h.fromStepping(h.getStep(h.toStepping(i)))})):i.values:[]}(i),o={},e=h.xVal[0],n=h.xVal[h.xVal.length-1],a=!1,s=!1,l=0;return(r=function(i){return i.filter((function(i){return!this[i]&&(this[i]=!0)}),{})}(r.slice().sort((function(i,t){return i-t}))))[0]!==e&&(r.unshift(e),a=!0),r[r.length-1]!==n&&(r.push(n),s=!0),r.forEach((function(e,n){var d,c,u,f,b,m,p,v,g,w=e,x=r[n+1],y=i.mode===z.Steps;for(y&&(d=h.xNumSteps[n]),d||(d=x-w),void 0===x&&(x=w),d=Math.max(d,1e-7),c=w;c<=x;c=t(c,d)){for(g=(b=(f=h.toStepping(c))-l)/(v=Math.round(b/(i.density||1))),u=1;u<=v;u+=1)o[(m=l+u*g).toFixed(5)]=[h.fromStepping(m),0];p=r.indexOf(c)>-1?S.LargeValue:y?S.SmallValue:S.NoValue,!n&&a&&c!==x&&(p=0),c===x&&s||(o[f.toFixed(5)]=[c,p]),l=f}})),o}(i);return s=u.appendChild(function(i,r,o){var e,n,a=w.createElement("div"),s=((e={})[S.None]="",e[S.NoValue]=t.cssClasses.valueNormal,e[S.LargeValue]=t.cssClasses.valueLarge,e[S.SmallValue]=t.cssClasses.valueSub,e),l=((n={})[S.None]="",n[S.NoValue]=t.cssClasses.markerNormal,n[S.LargeValue]=t.cssClasses.markerLarge,n[S.SmallValue]=t.cssClasses.markerSub,n),d=[t.cssClasses.valueHorizontal,t.cssClasses.valueVertical],c=[t.cssClasses.markerHorizontal,t.cssClasses.markerVertical];function u(i,r){var o=r===t.cssClasses.value;return r+" "+(o?d:c)[t.ort]+" "+(o?s:l)[i]}return A(a,t.cssClasses.pips),A(a,0===t.ort?t.cssClasses.pipsHorizontal:t.cssClasses.pipsVertical),Object.keys(i).forEach((function(e){!function(i,e,n){if((n=r?r(e,n):n)!==S.None){var s=k(a,!1);s.className=u(n,t.cssClasses.marker),s.style[t.style]=i+"%",n>S.NoValue&&((s=k(a,!1)).className=u(n,t.cssClasses.value),s.setAttribute("data-value",e+""),s.style[t.style]=i+"%",s.innerHTML=o.to(e)+"")}}(e,i[e][0],i[e][1])})),a}(r,i.filter,i.format||{to:function(i){return Math.round(i)+""}}))}function W(){var i=o.getBoundingClientRect(),r="offset"+["Width","Height"][t.ort];return 0===t.ort?i.width||o[r]:i.height||o[r]}function Z(i,r,o,e){var n=function(n){var a=function(i,t,r){var o=0===i.type.indexOf("touch"),e=0===i.type.indexOf("mouse"),n=0===i.type.indexOf("pointer"),a=0,s=0;if(0===i.type.indexOf("MSPointer")&&(n=!0),"mousedown"===i.type&&!i.buttons&&!i.touches)return!1;if(o){var l=function(t){var o=t.target;return o===r||r.contains(o)||i.composed&&i.composedPath().shift()===r};if("touchstart"===i.type){var d=Array.prototype.filter.call(i.touches,l);if(d.length>1)return!1;a=d[0].pageX,s=d[0].pageY}else{var c=Array.prototype.find.call(i.changedTouches,l);if(!c)return!1;a=c.pageX,s=c.pageY}}return t=t||L(w),(e||n)&&(a=i.clientX+t.x,s=i.clientY+t.y),i.pageOffset=t,i.points=[a,s],i.cursor=e||n,i}(n,e.pageOffset,e.target||r);return!!a&&!(V()&&!e.doNotReject)&&!(function(i,t){return i.classList?i.classList.contains(t):RegExp("\\b"+t+"\\b").test(i.className)}(u,t.cssClasses.tap)&&!e.doNotReject)&&!(i===d.start&&void 0!==a.buttons&&a.buttons>1)&&(!e.hover||!a.buttons)&&(c||a.preventDefault(),a.calcPoint=a.points[t.ort],void o(a,e))},a=[];return i.split(" ").forEach((function(i){r.addEventListener(i,n,!!c&&{passive:!0}),a.push([i,n])})),a}function J(i){var r=100*(i-function(i,t){var r=i.getBoundingClientRect(),o=i.ownerDocument,e=o.documentElement,n=L(o);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(n.x=0),t?r.top+n.y-e.clientTop:r.left+n.x-e.clientLeft}(o,t.ort))/W();return r=O(r),t.dir?100-r:r}function $(i,t){"mouseout"===i.type&&"HTML"===i.target.nodeName&&null===i.relatedTarget&&X(i,t)}function G(i,r){if(-1===navigator.appVersion.indexOf("MSIE 9")&&0===i.buttons&&0!==r.buttonsProperty)return X(i,r);var o=(t.dir?-1:1)*(i.calcPoint-r.startCalcPoint);di(o>0,100*o/r.baseSize,r.locations,r.handleNumbers,r.connect)}function X(i,r){r.handle&&(T(r.handle,t.cssClasses.active),p-=1),r.listeners.forEach((function(i){x.removeEventListener(i[0],i[1])})),0===p&&(T(u,t.cssClasses.drag),ui(),i.cursor&&(y.style.cursor="",y.removeEventListener("selectstart",N))),t.events.smoothSteps&&(r.handleNumbers.forEach((function(i){hi(i,b[i],!0,!0,!1,!1)})),r.handleNumbers.forEach((function(i){ai("update",i)}))),r.handleNumbers.forEach((function(i){ai("change",i),ai("set",i),ai("end",i)}))}function Y(i,r){if(!r.handleNumbers.some(B)){var o;1===r.handleNumbers.length&&(p+=1,A(o=n[r.handleNumbers[0]].children[0],t.cssClasses.active)),i.stopPropagation();var e=[],a=Z(d.move,x,G,{target:i.target,handle:o,connect:r.connect,listeners:e,startCalcPoint:i.calcPoint,baseSize:W(),pageOffset:i.pageOffset,handleNumbers:r.handleNumbers,buttonsProperty:i.buttons,locations:b.slice()}),s=Z(d.end,x,X,{target:i.target,handle:o,listeners:e,doNotReject:!0,handleNumbers:r.handleNumbers}),l=Z("mouseout",x,$,{target:i.target,handle:o,listeners:e,doNotReject:!0,handleNumbers:r.handleNumbers});e.push.apply(e,a.concat(s,l)),i.cursor&&(y.style.cursor=getComputedStyle(i.target).cursor,n.length>1&&A(u,t.cssClasses.drag),y.addEventListener("selectstart",N,!1)),r.handleNumbers.forEach((function(i){ai("start",i)}))}}function ii(i){i.stopPropagation();var r=J(i.calcPoint),o=function(i){var t=100,r=!1;return n.forEach((function(o,e){if(!B(e)){var n=b[e],a=Math.abs(n-i);(a<t||a<=t&&i>n||100===a&&100===t)&&(r=e,t=a)}})),r}(r);!1!==o&&(t.events.snap||j(u,t.cssClasses.tap,t.animationDuration),hi(o,r,!0,!0),ui(),ai("slide",o,!0),ai("update",o,!0),t.events.snap?Y(i,{handleNumbers:[o]}):(ai("change",o,!0),ai("set",o,!0)))}function ri(i){var t=J(i.calcPoint),r=h.getStep(t),o=h.fromStepping(r);Object.keys(v).forEach((function(i){"hover"===i.split(".")[0]&&v[i].forEach((function(i){i.call(xi,o)}))}))}function oi(i){i.fixed||n.forEach((function(i,t){Z(d.start,i.children[0],Y,{handleNumbers:[t]})})),i.tap&&Z(d.start,o,ii,{}),i.hover&&Z(d.move,o,ri,{hover:!0}),i.drag&&a.forEach((function(r,o){if(!1!==r&&0!==o&&o!==a.length-1){var e=n[o-1],s=n[o],l=[r],c=[e,s],u=[o-1,o];A(r,t.cssClasses.draggable),i.fixed&&(l.push(e.children[0]),l.push(s.children[0])),i.dragAll&&(c=n,u=m),l.forEach((function(i){Z(d.start,i,Y,{handles:c,handleNumbers:u,connect:r})}))}}))}function ei(i,t){v[i]=v[i]||[],v[i].push(t),"update"===i.split(".")[0]&&n.forEach((function(i,t){ai("update",t)}))}function ni(i){var t=i&&i.split(".")[0],r=t?i.substring(t.length):i;Object.keys(v).forEach((function(i){var o=i.split(".")[0],e=i.substring(o.length);t&&t!==o||r&&r!==e||function(i){return i===Q||i===q}(e)&&r!==e||delete v[i]}))}function ai(i,r,o){Object.keys(v).forEach((function(e){var n=e.split(".")[0];i===n&&v[e].forEach((function(i){i.call(xi,f.map(t.format.to),r,f.slice(),o||!1,b.slice(),xi)}))}))}function si(i,r,o,e,a,s,l){var d;return n.length>1&&!t.events.unconstrained&&(e&&r>0&&(d=h.getAbsoluteDistance(i[r-1],t.margin,!1),o=Math.max(o,d)),a&&r<n.length-1&&(d=h.getAbsoluteDistance(i[r+1],t.margin,!0),o=Math.min(o,d))),n.length>1&&t.limit&&(e&&r>0&&(d=h.getAbsoluteDistance(i[r-1],t.limit,!1),o=Math.min(o,d)),a&&r<n.length-1&&(d=h.getAbsoluteDistance(i[r+1],t.limit,!0),o=Math.max(o,d))),t.padding&&(0===r&&(d=h.getAbsoluteDistance(0,t.padding[0],!1),o=Math.max(o,d)),r===n.length-1&&(d=h.getAbsoluteDistance(100,t.padding[1],!0),o=Math.min(o,d))),l||(o=h.getStep(o)),!((o=O(o))===i[r]&&!s)&&o}function li(i,r){var o=t.ort;return(o?r:i)+", "+(o?i:r)}function di(i,r,o,e,n){var a=o.slice(),s=e[0],l=t.events.smoothSteps,d=[!i,i],c=[i,!i];e=e.slice(),i&&e.reverse(),e.length>1?e.forEach((function(i,t){var o=si(a,i,a[i]+r,d[t],c[t],!1,l);!1===o?r=0:(r=o-a[i],a[i]=o)})):d=c=[!0];var u=!1;e.forEach((function(i,t){u=hi(i,o[i]+r,d[t],c[t],!1,l)||u})),u&&(e.forEach((function(i){ai("update",i),ai("slide",i)})),null!=n&&ai("drag",s))}function ci(i,r){return t.dir?100-i-r:i}function ui(){m.forEach((function(i){n[i].style.zIndex=3+(n.length+(b[i]>50?-1:1)*i)+""}))}function hi(i,r,o,e,a,s){return a||(r=si(b,i,r,o,e,!1,s)),!1!==r&&(function(i,r){b[i]=r,f[i]=h.fromStepping(r);var o="translate("+li(ci(r,0)-U+"%","0")+")";if(n[i].style[t.transformRule]=o,t.events.invertConnects&&b.length>1){var e=b.every((function(i,t,r){return 0===t||i>=r[t-1]}));if(g!==!e)return g=!g,ti(t,t.connect.map((function(i){return!i}))),void wi()}fi(i),fi(i+1),g&&(fi(i-1),fi(i+2))}(i,r),!0)}function fi(i){if(a[i]){var r=b.slice();g&&r.sort((function(i,t){return i-t}));var o=0,e=100;0!==i&&(o=r[i-1]),i!==a.length-1&&(e=r[i]);var n=e-o,s="translate("+li(ci(o,n)+"%","0")+")",l="scale("+li(n/100,"1")+")";a[i].style[t.transformRule]=s+" "+l}}function bi(i,r){return null===i||!1===i||void 0===i?b[r]:("number"==typeof i&&(i+=""),!1!==(i=t.format.from(i))&&(i=h.toStepping(i)),!1===i||isNaN(i)?b[r]:i)}function mi(i,r,o){var e=D(i),n=void 0===b[0];r=void 0===r||r,t.animate&&!n&&j(u,t.cssClasses.tap,t.animationDuration),m.forEach((function(i){hi(i,bi(e[i],i),!0,!1,o)}));var a=1===m.length?0:1;if(n&&h.hasNoSize()&&(o=!0,b[0]=0,m.length>1)){var s=100/(m.length-1);m.forEach((function(i){b[i]=i*s}))}for(;a<m.length;++a)m.forEach((function(i){hi(i,b[i],!0,!0,o)}));ui(),m.forEach((function(i){ai("update",i),null!==e[i]&&r&&ai("set",i)}))}function vi(i){if(void 0===i&&(i=!1),i)return 1===f.length?f[0]:f.slice(0);var r=f.map(t.format.to);return 1===r.length?r[0]:r}function gi(i){var r=b[i],o=h.getNearbySteps(r),e=f[i],n=o.thisStep.step,a=null;if(t.snap)return[e-o.stepBefore.startValue||null,o.stepAfter.startValue-e||null];!1!==n&&e+n>o.stepAfter.startValue&&(n=o.stepAfter.startValue-e),a=e>o.thisStep.startValue?o.thisStep.step:!1!==o.stepBefore.step&&e-o.stepBefore.highestStep,100===r?n=null:0===r&&(a=null);var s=h.countStepDecimals();return null!==n&&!1!==n&&(n=Number(n.toFixed(s))),null!==a&&!1!==a&&(a=Number(a.toFixed(s))),[a,n]}function wi(){for(;e.firstChild;)e.removeChild(e.firstChild);for(var i=0;i<=t.handles;i++)a[i]=M(e,t.connect[i]),fi(i);oi({drag:t.events.drag,fixed:!0})}o=function(i){return A(i,t.cssClasses.target),A(i,0===t.dir?t.cssClasses.ltr:t.cssClasses.rtl),A(i,0===t.ort?t.cssClasses.horizontal:t.cssClasses.vertical),A(i,"rtl"===getComputedStyle(i).direction?t.cssClasses.textDirectionRtl:t.cssClasses.textDirectionLtr),k(i,t.cssClasses.base)}(u),function(i,r){e=k(r,t.cssClasses.connects),n=[],(a=[]).push(M(e,i[0]));for(var o=0;o<t.handles;o++)n.push(_(r,o)),m[o]=o,a.push(M(e,i[o+1]))}(t.connect,o),oi(t.events),mi(t.start),t.pips&&K(t.pips),t.tooltips&&I(),ni("update"+Q),ei("update"+Q,(function(i,r,o,e,a){m.forEach((function(i){var r=n[i],e=si(b,i,0,!0,!0,!0),s=si(b,i,100,!0,!0,!0),l=a[i],d=t.ariaFormat.to(o[i])+"";e=h.fromStepping(e).toFixed(1),s=h.fromStepping(s).toFixed(1),l=h.fromStepping(l).toFixed(1),r.children[0].setAttribute("aria-valuemin",e),r.children[0].setAttribute("aria-valuemax",s),r.children[0].setAttribute("aria-valuenow",l),r.children[0].setAttribute("aria-valuetext",d)}))}));var xi={destroy:function(){for(ni(Q),ni(q),Object.keys(t.cssClasses).forEach((function(i){T(u,t.cssClasses[i])}));u.firstChild;)u.removeChild(u.firstChild);delete u.noUiSlider},steps:function(){return m.map(gi)},on:ei,off:ni,get:vi,set:mi,setHandle:function(i,t,r,o){if(!((i=Number(i))>=0&&i<m.length))throw Error("noUiSlider: invalid handle number, got: "+i);hi(i,bi(t,i),!0,!0,o),ai("update",i),r&&ai("set",i)},reset:function(i){mi(t.start,i)},disable:function(i){null!=i?(n[i].setAttribute("disabled",""),n[i].handle.removeAttribute("tabindex")):(u.setAttribute("disabled",""),n.forEach((function(i){i.handle.removeAttribute("tabindex")})))},enable:function(i){null!=i?(n[i].removeAttribute("disabled"),n[i].handle.setAttribute("tabindex","0")):(u.removeAttribute("disabled"),n.forEach((function(i){i.removeAttribute("disabled"),i.handle.setAttribute("tabindex","0")})))},__moveHandles:function(i,t,r){di(i,t,b,r)},options:r,updateOptions:function(i,o){var e=vi(),n=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];n.forEach((function(t){void 0!==i[t]&&(r[t]=i[t])}));var a=pi(r);n.forEach((function(r){void 0!==i[r]&&(t[r]=a[r])})),h=a.spectrum,t.margin=a.margin,t.limit=a.limit,t.padding=a.padding,t.pips?K(t.pips):R(),t.tooltips?I():F(),b=[],mi(C(i.start)?i.start:e,o),i.connect&&wi()},target:u,removePips:R,removeTooltips:F,getPositions:function(){return b.slice()},getTooltips:function(){return l},getOrigins:function(){return n},pips:K};return xi}var gi=function(i,t){if(!i||!i.nodeName)throw Error("noUiSlider: create requires a single element, got: "+i);if(i.noUiSlider)throw Error("noUiSlider: Slider was already initialized.");var r=vi(i,pi(t),t);return i.noUiSlider=r,r};class wi{constructor(i){this.suppressEvents=!1,this.config=i,this.init()}setValue(i){var t,r;(null===(t=this.slider)||void 0===t?void 0:t.get())!==i&&(this.suppressEvents=!0,null===(r=this.slider)||void 0===r||r.set(i),this.suppressEvents=!1)}setDisabled(i){var t,r;i?null===(t=this.slider)||void 0===t||t.disable():null===(r=this.slider)||void 0===r||r.enable()}setInvalid(i){var t;null===(t=this.handleEl)||void 0===t||t.setAttribute("aria-invalid",i?"true":"false")}updateRange(i,t,r){var o;null===(o=this.slider)||void 0===o||o.updateOptions({range:{min:Math.min(i,t),max:Math.max(i,t)},step:xi(r),format:yi(r)},!1)}focus(){var i;null===(i=this.handleEl)||void 0===i||i.focus()}blur(){var i;null===(i=this.handleEl)||void 0===i||i.blur()}get handleEl(){var i;return null!==(i=this.config.targetEl.querySelector(".noUi-handle"))&&void 0!==i?i:void 0}destroy(){var i;null===(i=this.slider)||void 0===i||i.destroy(),this.slider=void 0}init(){const{targetEl:i,min:t,max:r,step:o,value:e,disabled:n,invalid:a}=this.config;this.slider=gi(i,{range:{min:Math.min(t,r),max:Math.max(t,r)},start:e,step:xi(o),format:yi(o),connect:"lower",tooltips:!0,keyboardSupport:!0}),n&&this.slider.disable(),this.slider.on("update",(i=>{this.suppressEvents||this.config.onInput(Number(i[0]))})),this.slider.on("set",(i=>{this.suppressEvents||this.config.onChange(Number(i[0]))})),this.connectLabelToHandle(),this.setInvalid(a)}connectLabelToHandle(){const i=this.handleEl;i&&(i.setAttribute("aria-labelledby",this.config.labelId),i.setAttribute("aria-describedby","description"))}}function xi(i){if("any"===i)return;const t=Number(i);return Number.isFinite(t)&&t>0?t:void 0}function yi(i){const t=function(i){if("any"===i)return 2;const[,t=""]=i.split(".");return t.length}(i);return{to:i=>Number(i.toFixed(t)),from:i=>Number(i)}}const Ui=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsInput=r(this,"dsInput"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsClick=r(this,"dsClick"),this.dsChange=r(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=NaN,this.sliderId="ds-slider-"+ki++,this.focused=!1,this.language=w.language,this.region=w.region,this.hasInvalidTextSlotContent=!1,this.value=NaN,this.name=this.sliderId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=100,this.step="1",this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleFocus=i=>{this.focused=!0,this.disabled||this.readonly||this.dsFocus.emit(i)},this.handleBlur=i=>{this.focused=!1,this.disabled||this.readonly||this.dsBlur.emit(i)},this.handleClick=i=>{this.disabled||this.readonly||this.dsClick.emit(i)}}createLogger(i){this.log=i}valueChanged(i){var t;b(i)?this.value=k(this.min,this.min,this.max):(null===(t=this.picker)||void 0===t||t.setValue(i),this.syncFormValue(i))}invalidChanged(){var i;null===(i=this.picker)||void 0===i||i.setInvalid(this.invalid||this.hasInvalidTextSlotContent)}minChanged(){var i;l(this.value)||(this.value=k(this.value,this.min,this.max)),null===(i=this.picker)||void 0===i||i.updateRange(this.min,this.max,this.step)}stepChanged(){var i;null===(i=this.picker)||void 0===i||i.updateRange(this.min,this.max,this.step)}debounceChanged(){this.dsChange=h(this.dsChange,this.debounce)}disabledChanged(){this.syncDisabledState()}readonlyChanged(){this.syncDisabledState()}connectedCallback(){this.debounceChanged(),this.value=k(function(i,t){return isNaN(i)?t:i}(this.value,this.min),this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value),this.disconnectInvalidTextSlotWatcher=f(this.el,(i=>{var t;this.hasInvalidTextSlotContent=i,null===(t=this.picker)||void 0===t||t.setInvalid(this.invalid||i)}))}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}componentDidLoad(){var i,t;this.sliderEl&&(this.picker=new wi({targetEl:this.sliderEl,labelId:"label",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled||this.readonly,invalid:this.invalid||this.hasInvalidTextSlotContent,onInput:i=>{this.dsInput.emit(i)},onChange:i=>{this.setValue(i)}}),null===(i=this.picker.handleEl)||void 0===i||i.addEventListener("focus",this.handleFocus),null===(t=this.picker.handleEl)||void 0===t||t.addEventListener("blur",this.handleBlur))}disconnectedCallback(){var i,t;null===(i=this.picker)||void 0===i||i.destroy(),this.picker=void 0,null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}listenToClick(i){(this.disabled||this.readonly)&&i.target===this.el&&(i.preventDefault(),i.stopPropagation())}listenToReset(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async configChanged(i){this.language=i.language,this.region=i.region}async setFocus(){var i;null===(i=this.picker)||void 0===i||i.focus()}async setBlur(){var i;null===(i=this.picker)||void 0===i||i.blur()}async getInputElement(){var i;return null===(i=this.picker)||void 0===i?void 0:i.handleEl}setValue(i){this.value!==i&&(this.value=i,this.dsChange.emit(i))}syncFormValue(i){c(this.internals,i+"")}syncDisabledState(){var i;null===(i=this.picker)||void 0===i||i.setDisabled(this.disabled||this.readonly)}render(){return o(m,{key:"83333e422aa72bead2d49c6e0b56693ad1dbae33",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-brand-yellow":u(this.brandColor)&&"yellow"===this.brandColor,"is-brand-purple":u(this.brandColor)&&"purple"===this.brandColor,"is-brand-red":u(this.brandColor)&&"red"===this.brandColor,"is-brand-green":u(this.brandColor)&&"green"===this.brandColor}},o("div",Object.assign({key:"839ff4b791acbdd6ebc88b532df86873cac24c0f",id:"slider",part:"slider",ref:i=>this.sliderEl=i,onClick:this.handleClick},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:1}],invalid:[{invalidChanged:0}],min:[{minChanged:0}],max:[{minChanged:0}],step:[{stepChanged:0}],debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}}static get style(){return'.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_slider-track-height:var(--slider-track-height, var(--mod-slider-track-height, 0.75rem));--_slider-track-radius:var(--slider-track-radius, var(--mod-slider-track-radius, var(--ds-alias-radius-rounded)));--_slider-track-color:var(--slider-track-color, var(--mod-slider-track-color, var(--ds-global-color-grey-2)));--_slider-connect-color:var(--slider-connect-color, var(--mod-slider-connect-color, var(--ds-global-color-primary-5)));--_slider-thumb-size:var(--slider-thumb-size, var(--mod-slider-thumb-size, 1.5rem));--_slider-thumb-radius:var(--slider-thumb-radius, var(--mod-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_slider-thumb-color:var(--slider-thumb-color, var(--mod-slider-thumb-color, var(--ds-global-color-white)));--_slider-thumb-hover-color:var(--slider-thumb-hover-color, var(--mod-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_slider-thumb-active-color:var(--slider-thumb-active-color, var(--mod-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_slider-thumb-border-color:var(--slider-thumb-border-color, var(--mod-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_slider-thumb-border-color-hover:var(--slider-thumb-border-color-hover, var(--mod-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_slider-thumb-border-color-active:var(--slider-thumb-border-color-active, var(--mod-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{padding-inline:calc(var(--_slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_slider-track-height);background:var(--_slider-track-color);border:none;border-radius:var(--_slider-track-radius);-webkit-box-shadow:none;box-shadow:none}:host .noUi-connects{border-radius:var(--_slider-track-radius)}:host .noUi-connect{background:var(--_slider-connect-color)}:host .noUi-handle{width:var(--_slider-thumb-size);height:var(--_slider-thumb-size);top:calc((var(--_slider-track-height) - var(--_slider-thumb-size))/2);right:calc(var(--_slider-thumb-size)/-2);background:var(--_slider-thumb-color);border:2px solid var(--_slider-thumb-border-color);border-radius:var(--_slider-thumb-radius);-webkit-box-shadow:#fff 0 0 0 2px;box-shadow:#fff 0 0 0 2px;cursor:-webkit-grab;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_slider-thumb-hover-color);border-color:var(--_slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_slider-thumb-active-color);border-color:var(--_slider-thumb-border-color-active);cursor:-webkit-grabbing;cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-text-size-sm);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-text);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%, 4px);transform:translate(-50%, 4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){:host .noUi-tooltip{-webkit-transition:none !important;transition:none !important}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-danger);--mod-slider-thumb-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-success);--mod-slider-thumb-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color);--mod-slider-connect-color:var(--ds-alias-text-color-warning);--mod-slider-thumb-border-color:var(--ds-alias-text-color-warning)}:host(.is-brand-yellow){--mod-slider-track-color:var(--ds-global-color-yellow-2);--mod-slider-connect-color:var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-slider-track-color:var(--ds-global-color-purple-2);--mod-slider-connect-color:var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-slider-track-color:var(--ds-global-color-red-2);--mod-slider-connect-color:var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-slider-track-color:var(--ds-global-color-green-2);--mod-slider-connect-color:var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-slider-track-color:var(--ds-global-color-grey-1);--mod-slider-connect-color:var(--ds-global-color-grey-3);--mod-slider-thumb-color:var(--ds-global-color-grey-3);--mod-slider-thumb-border-color:var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}'}},[65,"ds-slider",{value:[1538],name:[513],label:[1],description:[1],color:[1],brandColor:[1,"brand-color"],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[1],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],hasInvalidTextSlotContent:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:1}],invalid:[{invalidChanged:0}],min:[{minChanged:0}],max:[{minChanged:0}],step:[{stepChanged:0}],debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}]);n([a("slider"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],Ui.prototype,"createLogger",null),n([x("number"),s("design:type",Number)],Ui.prototype,"value",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"name",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"label",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"description",void 0),n([y(p),s("design:type",String)],Ui.prototype,"color",void 0),n([y(["yellow","purple","red","green"]),s("design:type",String)],Ui.prototype,"brandColor",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"invalid",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"invalidText",void 0),n([x("number"),s("design:type",Number)],Ui.prototype,"min",void 0),n([x("number"),s("design:type",Number)],Ui.prototype,"max",void 0),n([x("string"),s("design:type",String)],Ui.prototype,"step",void 0),n([x("number"),s("design:type",Number)],Ui.prototype,"debounce",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"disabled",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"readonly",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"required",void 0),n([x("boolean"),s("design:type",Boolean)],Ui.prototype,"autoInvalidOff",void 0),n([U(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],Ui.prototype,"configChanged",null);let ki=0;const zi=Ui,Si=function(){"undefined"!=typeof customElements&&["ds-slider","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-slider":customElements.get(e(i))||customElements.define(e(i),Ui);break;case"ds-icon":customElements.get(e(i))||v();break;case"ds-spinner":customElements.get(e(i))||g()}}))};export{zi as DsSlider,Si as defineCustomElement}

package/components/ds-snackbar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as a,H as n,e as r,h as s,c as o,t}from"./p-DOP4fM2o.js";import{_ as i,L as c,a as e}from"./p-C8OqQuJ7.js";import{s as b}from"./p-El2snbN5.js";import{h as d}from"./p-CEPnyz7c.js";import{r as m}from"./p-Dbt7_-_D.js";import{s as k}from"./p-BNUaCToz.js";import{c as l}from"./p-BoHP-k4E.js";import{d as h}from"./p-Bd5NhwlZ.js";import{d as g}from"./p-VnJFXLI2.js";import{d as v}from"./p-BI_5Zbrm.js";import{d as f}from"./p-BJK2OSM1.js";import{d as p}from"./p-BWrjPWjt.js";import{d as u}from"./p-D8RaAucx.js";import{d as y}from"./p-DpLrRYE7.js";import{O as _}from"./p-DaqLtBr3.js";import{T as w}from"./p-DEnVBHne.js";import{L as z}from"./p-Dq0RGuR5.js";const x=a(class extends n{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=r(this,"dsCloseClick"),this.dsActionClick=r(this,"dsActionClick"),this.dsDidLoad=r(this,"dsDidLoad"),this.isMobile=y.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){m((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,["is-"+this.color]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],x.prototype,"createLogger",null),i([_(["primary","info","success","warning","danger"]),e("design:type",String)],x.prototype,"color",void 0),i([w("boolean"),e("design:type",Boolean)],x.prototype,"closable",void 0),i([w("string"),e("design:type",String)],x.prototype,"heading",void 0),i([w("string"),e("design:type",String)],x.prototype,"message",void 0),i([w("string"),e("design:type",String)],x.prototype,"icon",void 0),i([w("string"),e("design:type",String)],x.prototype,"svg",void 0),i([w("string"),e("design:type",String)],x.prototype,"action",void 0),i([w("string"),e("design:type",String)],x.prototype,"actionIcon",void 0),i([_(l),e("design:type",String)],x.prototype,"actionTarget",void 0),i([w("string"),e("design:type",String)],x.prototype,"actionHref",void 0),i([w("string"),e("design:type",String)],x.prototype,"alertId",void 0),i([w("boolean"),e("design:type",Boolean)],x.prototype,"visible",void 0),i([z(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const j=x,E=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-brand-icon","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-brand-icon":customElements.get(t(a))||h();break;case"ds-button":customElements.get(t(a))||g();break;case"ds-button-group":customElements.get(t(a))||v();break;case"ds-close":customElements.get(t(a))||f();break;case"ds-icon":customElements.get(t(a))||p();break;case"ds-spinner":customElements.get(t(a))||u()}}))};export{j as DsSnackbar,E as defineCustomElement}
+import{p as a,H as n,e as r,h as s,c as o,t}from"./p-DOP4fM2o.js";import{_ as i,L as c,a as e}from"./p-C8OqQuJ7.js";import{s as b}from"./p-El2snbN5.js";import{h as d}from"./p-CEPnyz7c.js";import{r as m}from"./p-Dbt7_-_D.js";import{s as k}from"./p-DFgZk16R.js";import{c as l}from"./p-BoHP-k4E.js";import{d as h}from"./p-DyfdPmyS.js";import{d as g}from"./p-BB4SRrRj.js";import{d as v}from"./p-BI_5Zbrm.js";import{d as f}from"./p-hhVbp_AN.js";import{d as p}from"./p-B0Z95Hj1.js";import{d as u}from"./p-D8RaAucx.js";import{d as y}from"./p-DpLrRYE7.js";import{O as _}from"./p-DaqLtBr3.js";import{T as w}from"./p-DEnVBHne.js";import{L as x}from"./p-Dq0RGuR5.js";const z=a(class extends n{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=r(this,"dsCloseClick"),this.dsActionClick=r(this,"dsActionClick"),this.dsDidLoad=r(this,"dsDidLoad"),this.isMobile=y.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){m((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,["is-"+this.color]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],z.prototype,"createLogger",null),i([_(["primary","info","success","warning","danger"]),e("design:type",String)],z.prototype,"color",void 0),i([w("boolean"),e("design:type",Boolean)],z.prototype,"closable",void 0),i([w("string"),e("design:type",String)],z.prototype,"heading",void 0),i([w("string"),e("design:type",String)],z.prototype,"message",void 0),i([w("string"),e("design:type",String)],z.prototype,"icon",void 0),i([w("string"),e("design:type",String)],z.prototype,"svg",void 0),i([w("string"),e("design:type",String)],z.prototype,"action",void 0),i([w("string"),e("design:type",String)],z.prototype,"actionIcon",void 0),i([_(l),e("design:type",String)],z.prototype,"actionTarget",void 0),i([w("string"),e("design:type",String)],z.prototype,"actionHref",void 0),i([w("string"),e("design:type",String)],z.prototype,"alertId",void 0),i([w("boolean"),e("design:type",Boolean)],z.prototype,"visible",void 0),i([x(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],z.prototype,"listenToBreakpoint",null);const j=z,E=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-brand-icon","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),z);break;case"ds-brand-icon":customElements.get(t(a))||h();break;case"ds-button":customElements.get(t(a))||g();break;case"ds-button-group":customElements.get(t(a))||v();break;case"ds-close":customElements.get(t(a))||f();break;case"ds-icon":customElements.get(t(a))||p();break;case"ds-spinner":customElements.get(t(a))||u()}}))};export{j as DsSnackbar,E as defineCustomElement}

package/components/ds-stack.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{S as o,d as r}from"./p-kwr2iIN4.js";const s=o,p=r;export{s as DsStack,p as defineCustomElement}
+import{S as o,d as s}from"./p-DBqTFl8O.js";const p=o,r=s;export{p as DsStack,r as defineCustomElement}

package/components/ds-step.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as e,H as s,e as t,h as i,c as o,t as n}from"./p-DOP4fM2o.js";import{_ as r,L as a,a as l}from"./p-C8OqQuJ7.js";import{d as c}from"./p-BWrjPWjt.js";import{T as d}from"./p-DEnVBHne.js";import{R as p}from"./p-VwgiuJog.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsStepSelect=t(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?i("ds-icon",{name:"check",inverted:!0,"aria-hidden":"true"}):this.invalid?i("span",{class:"step-invalid","aria-hidden":"true"},"!"):i("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?i(o,{role:"listitem",class:e},i("span",{class:"circle","aria-hidden":"true"},s),i("slot",null),i("span",{class:"connector","aria-hidden":"true"})):i(o,{role:"tab",class:e,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{class:"circle"},s),this.label&&i("span",{class:"step-label"},this.label),i("span",{class:"connector","aria-hidden":"true"}))}get el(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1;-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-done) .step-label{color:var(--_steps-step-color-done)}:host(.is-disabled) .step-label{color:var(--_steps-step-color-disabled);opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation.is-disabled) ::slotted(a){color:var(--_steps-step-color-disabled);opacity:.4}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}"}},[257,"ds-step",{activeIndex:[1026,"active-index"],disabled:[516],done:[516],hidden:[516],index:[1026],invalid:[516],label:[1],name:[513],navigation:[1028],selected:[1540],vertical:[1028]}]);r([a("step"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("number"),l("design:type",Number)],h.prototype,"activeIndex",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"done",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"hidden",void 0),r([d("number"),l("design:type",Number)],h.prototype,"index",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),l("design:type",String)],h.prototype,"label",void 0),r([p(),d("string"),l("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"navigation",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"selected",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0);const v=h,m=function(){"undefined"!=typeof customElements&&["ds-step","ds-icon"].forEach((e=>{switch(e){case"ds-step":customElements.get(n(e))||customElements.define(n(e),h);break;case"ds-icon":customElements.get(n(e))||c()}}))};export{v as DsStep,m as defineCustomElement}
+import{p as e,H as s,e as t,h as i,c as o,t as n}from"./p-DOP4fM2o.js";import{_ as r,L as a,a as l}from"./p-C8OqQuJ7.js";import{d as c}from"./p-B0Z95Hj1.js";import{T as d}from"./p-DEnVBHne.js";import{R as p}from"./p-VwgiuJog.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsStepSelect=t(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?i("ds-icon",{name:"check",inverted:!0,"aria-hidden":"true"}):this.invalid?i("span",{class:"step-invalid","aria-hidden":"true"},"!"):i("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?i(o,{role:"listitem",class:e},i("span",{class:"circle","aria-hidden":"true"},s),i("slot",null),i("span",{class:"connector","aria-hidden":"true"})):i(o,{role:"tab",class:e,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{class:"circle"},s),this.label&&i("span",{class:"step-label"},this.label),i("span",{class:"connector","aria-hidden":"true"}))}get el(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1;-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-done) .step-label{color:var(--_steps-step-color-done)}:host(.is-disabled) .step-label{color:var(--_steps-step-color-disabled);opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation.is-disabled) ::slotted(a){color:var(--_steps-step-color-disabled);opacity:.4}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}"}},[257,"ds-step",{activeIndex:[1026,"active-index"],disabled:[516],done:[516],hidden:[516],index:[1026],invalid:[516],label:[1],name:[513],navigation:[1028],selected:[1540],vertical:[1028]}]);r([a("step"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("number"),l("design:type",Number)],h.prototype,"activeIndex",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"done",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"hidden",void 0),r([d("number"),l("design:type",Number)],h.prototype,"index",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),l("design:type",String)],h.prototype,"label",void 0),r([p(),d("string"),l("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"navigation",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"selected",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0);const v=h,m=function(){"undefined"!=typeof customElements&&["ds-step","ds-icon"].forEach((e=>{switch(e){case"ds-step":customElements.get(n(e))||customElements.define(n(e),h);break;case"ds-icon":customElements.get(n(e))||c()}}))};export{v as DsStep,m as defineCustomElement}

package/components/ds-tabs.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as t,H as e,e as a,h as s,c as r,t as o}from"./p-DOP4fM2o.js";import{_ as i,L as l,a as c}from"./p-C8OqQuJ7.js";import{d as b,b as d}from"./p-BbGwCnDa.js";import{s as n}from"./p-El2snbN5.js";import{r as h}from"./p-Dbt7_-_D.js";import{d as v}from"./p-BWrjPWjt.js";import{d as f}from"./p-CKMUtsmn.js";import{O as u}from"./p-DaqLtBr3.js";import{T as m}from"./p-DEnVBHne.js";import{L as p}from"./p-B9OReveE.js";const g={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=a(this,"dsChange"),this.language=f.language,this.region=f.region,this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var e,a,s,r;if(this.isNavigation())return;const o=this.getTabs(),i=o.findIndex((t=>t.name===this.value)),l=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,c=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(e=o[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(a=o[o.length-1])||void 0===a?void 0:a.name)):l?(t.preventDefault(),this.activateTab(null===(s=o[(i+1)%o.length])||void 0===s?void 0:s.name)):c&&(t.preventDefault(),this.activateTab(null===(r=o[(i-1+o.length)%o.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),h((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,e;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.tablistEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){n(t),this.activateTab(t.detail.name)}getTabs(){return b(this.el,d("DS-TAB"))}getPanels(){return b(this.el,d("DS-TAB-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),e=this.getPanels(),a=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=a,!a&&t.name){t.id||(t.id="ds-tab-"+x++);const a=e.find((e=>e.for===t.name));a&&(a.id||(a.id="ds-tab-panel-"+x++),t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id))}})),!a&&!this.value){const e=t[0];e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((e=>{e.navigation=t,e.fullwidth=this.fullwidth,e.inverted=this.inverted,e.selected=t?!!e.querySelector("[aria-current]"):e.name===this.value,e.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const e=this.indicatorEl,a=this.tablistEl;if(!e||!a||this.isNavigation())return;const s=this.getTabs().find((t=>t.name===this.value));if(!s)return void(e.style[this.vertical?"height":"width"]="0px");const r=a.getBoundingClientRect(),o=s.getBoundingClientRect();if(t||(e.style.transition="none"),this.vertical){const t=o.top-r.top+a.scrollTop;e.style.height=o.height+"px",e.style.transform=`translateY(${t}px)`}else{const t=o.left-r.left+a.scrollLeft;e.style.width=o.width+"px",e.style.transform=`translateX(${t}px)`}t||(e.style.transition="")}render(){const t=this.isNavigation(),e=s("div",{key:"baac4b1e1010273dabedb2966f9e52df62be4459",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},s("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),s("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=g[this.language],o=this.vertical?e:s("div",{class:"tablist-outer"},s("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},s("ds-icon",{name:"caret-left",size:"sm"})),s("div",{class:"tablist-track"},e),s("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},s("ds-icon",{name:"caret-right",size:"sm"})));return s(r,{key:"b6d25f890ca8c96efc54be9c693cd7ee55be39b0",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,["is-col-"+this.verticalColSize]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?s("nav",{"aria-label":this.label||void 0},o):o,s("slot",{key:"c3de464795e5c0be01408d98c1aab3083e41c31f",onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_tabs-border-base:var(--tabs-border-base, var(--mod-tabs-border-base, var(--ds-tabs-border-default)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-px:var(--tabs-panel-px, var(--mod-tabs-panel-px, var(--ds-tabs-panel-padding-x)));--_tabs-panel-py:var(--tabs-panel-py, var(--mod-tabs-panel-py, var(--ds-tabs-panel-padding-y)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-px:var(--tabs-tab-px, var(--mod-tabs-tab-px, var(--ds-tabs-tab-padding-x)));--_tabs-tab-py:var(--tabs-tab-py, var(--mod-tabs-tab-py, var(--ds-tabs-tab-padding-y)));--_tabs-tab-unselected-font-family:var(--tabs-tab-unselected-font-family, var(--mod-tabs-tab-unselected-font-family, var(--ds-tabs-tab-unselected-typo-font-family)));--_tabs-tab-unselected-font-size:var(--tabs-tab-unselected-font-size, var(--mod-tabs-tab-unselected-font-size, var(--ds-tabs-tab-unselected-typo-font-size)));--_tabs-tab-unselected-font-weight:var(--tabs-tab-unselected-font-weight, var(--mod-tabs-tab-unselected-font-weight, var(--ds-tabs-tab-unselected-typo-font-weight)));--_tabs-tab-unselected-line-height:var(--tabs-tab-unselected-line-height, var(--mod-tabs-tab-unselected-line-height, var(--ds-tabs-tab-unselected-typo-line-height)));--_tabs-tab-unselected-color-base:var(--tabs-tab-unselected-color-base, var(--mod-tabs-tab-unselected-color-base, var(--ds-tabs-tab-unselected-color-text-base)));--_tabs-tab-unselected-color-hover:var(--tabs-tab-unselected-color-hover, var(--mod-tabs-tab-unselected-color-hover, var(--ds-tabs-tab-unselected-color-text-hover)));--_tabs-tab-unselected-color-active:var(--tabs-tab-unselected-color-active, var(--mod-tabs-tab-unselected-color-active, var(--ds-tabs-tab-unselected-color-text-active)));--_tabs-tab-selected-font-family:var(--tabs-tab-selected-font-family, var(--mod-tabs-tab-selected-font-family, var(--ds-tabs-tab-selected-typo-font-family)));--_tabs-tab-selected-font-size:var(--tabs-tab-selected-font-size, var(--mod-tabs-tab-selected-font-size, var(--ds-tabs-tab-selected-typo-font-size)));--_tabs-tab-selected-font-weight:var(--tabs-tab-selected-font-weight, var(--mod-tabs-tab-selected-font-weight, var(--ds-tabs-tab-selected-typo-font-weight)));--_tabs-tab-selected-line-height:var(--tabs-tab-selected-line-height, var(--mod-tabs-tab-selected-line-height, var(--ds-tabs-tab-selected-typo-line-height)));--_tabs-tab-selected-color-base:var(--tabs-tab-selected-color-base, var(--mod-tabs-tab-selected-color-base, var(--ds-tabs-tab-selected-color-text-base)));--_tabs-tab-selected-color-hover:var(--tabs-tab-selected-color-hover, var(--mod-tabs-tab-selected-color-hover, var(--ds-tabs-tab-selected-color-text-hover)));--_tabs-tab-selected-color-active:var(--tabs-tab-selected-color-active, var(--mod-tabs-tab-selected-color-active, var(--ds-tabs-tab-selected-color-text-active)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-alias-interaction-focus-color-base)));--_tabs-indicator-unselected-base:var(--tabs-indicator-unselected-base, var(--mod-tabs-indicator-unselected-base, var(--ds-tabs-indicator-default-unselected-base)));--_tabs-indicator-unselected-hover:var(--tabs-indicator-unselected-hover, var(--mod-tabs-indicator-unselected-hover, var(--ds-tabs-indicator-default-unselected-hover)));--_tabs-indicator-selected-base:var(--tabs-indicator-selected-base, var(--mod-tabs-indicator-selected-base, var(--ds-tabs-indicator-default-selected-base)));--_tabs-indicator-selected-hover:var(--tabs-indicator-selected-hover, var(--mod-tabs-indicator-selected-hover, var(--ds-tabs-indicator-default-selected-hover)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-size-base-radius)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));display:block}:host(.is-purple){--_tabs-border-base:var(--ds-tabs-border-purple);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-purple-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-purple-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-purple-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-purple-selected-hover)}:host(.is-green){--_tabs-border-base:var(--ds-tabs-border-green);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-green-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-green-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-green-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-green-selected-hover)}:host(.is-red){--_tabs-border-base:var(--ds-tabs-border-red);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-red-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-red-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-red-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-red-selected-hover)}:host(.is-yellow){--_tabs-border-base:var(--ds-tabs-border-yellow);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-yellow-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-yellow-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-yellow-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-yellow-selected-hover)}:host(.is-inverted){--_tabs-tab-unselected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-active:var(--ds-alias-text-color-white);--_tabs-tab-unselected-font-family:var(--ds-alias-text-family-text);--_tabs-tab-unselected-font-weight:var(--ds-alias-text-weight-regular);--_tabs-tab-selected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-active:var(--ds-alias-text-color-white);--_tabs-border-base:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.3);--_tabs-indicator-unselected-base:var(--ds-alias-border-width-base) solid transparent;--_tabs-indicator-unselected-hover:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.5);--_tabs-indicator-selected-base:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-indicator-selected-hover:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-surface-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--ds-alias-border-width-base);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host .tablist-track{-ms-flex:1;flex:1;min-width:0;position:relative}:host .tablist-track::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:0;border-bottom:var(--_tabs-border-base)}:host #tablist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--ds-alias-border-width-base);overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;z-index:1;bottom:0;left:0;height:0;width:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-selected-base);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--ds-alias-border-width-base));width:0;height:0;border-bottom:none;border-left:var(--_tabs-indicator-selected-base);-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;border-left:var(--_tabs-border-base);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-p:var(--_tabs-panel-py) var(--_tabs-panel-px)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-p:0.5rem 0 0}:host(.is-navigation) nav{display:contents}'}},[257,"ds-tabs",{color:[1],fullwidth:[4],inverted:[4],label:[1],value:[1537],vertical:[4],verticalColSize:[1,"vertical-col-size"],language:[32],region:[32],canScrollLeft:[32],canScrollRight:[32],configChanged:[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]);i([l("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],w.prototype,"createLogger",null),i([u(["purple","green","red","yellow"]),c("design:type",String)],w.prototype,"color",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"fullwidth",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"inverted",void 0),i([m("string"),c("design:type",String)],w.prototype,"label",void 0),i([m("string"),c("design:type",Object)],w.prototype,"value",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"vertical",void 0),i([u(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],w.prototype,"verticalColSize",void 0),i([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],w.prototype,"configChanged",null);let x=0;const _=w,y=function(){"undefined"!=typeof customElements&&["ds-tabs","ds-icon"].forEach((t=>{switch(t){case"ds-tabs":customElements.get(o(t))||customElements.define(o(t),w);break;case"ds-icon":customElements.get(o(t))||v()}}))};export{_ as DsTabs,y as defineCustomElement}
+import{p as t,H as e,e as a,h as s,c as r,t as o}from"./p-DOP4fM2o.js";import{_ as i,L as l,a as c}from"./p-C8OqQuJ7.js";import{d as b,b as d}from"./p-BbGwCnDa.js";import{s as n}from"./p-El2snbN5.js";import{r as h}from"./p-Dbt7_-_D.js";import{d as v}from"./p-B0Z95Hj1.js";import{d as f}from"./p-CKMUtsmn.js";import{O as u}from"./p-DaqLtBr3.js";import{T as m}from"./p-DEnVBHne.js";import{L as p}from"./p-B9OReveE.js";const g={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=a(this,"dsChange"),this.language=f.language,this.region=f.region,this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var e,a,s,r;if(this.isNavigation())return;const o=this.getTabs(),i=o.findIndex((t=>t.name===this.value)),l=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,c=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(e=o[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(a=o[o.length-1])||void 0===a?void 0:a.name)):l?(t.preventDefault(),this.activateTab(null===(s=o[(i+1)%o.length])||void 0===s?void 0:s.name)):c&&(t.preventDefault(),this.activateTab(null===(r=o[(i-1+o.length)%o.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),h((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,e;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.tablistEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){n(t),this.activateTab(t.detail.name)}getTabs(){return b(this.el,d("DS-TAB"))}getPanels(){return b(this.el,d("DS-TAB-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),e=this.getPanels(),a=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=a,!a&&t.name){t.id||(t.id="ds-tab-"+x++);const a=e.find((e=>e.for===t.name));a&&(a.id||(a.id="ds-tab-panel-"+x++),t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id))}})),!a&&!this.value){const e=t[0];e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((e=>{e.navigation=t,e.fullwidth=this.fullwidth,e.inverted=this.inverted,e.selected=t?!!e.querySelector("[aria-current]"):e.name===this.value,e.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const e=this.indicatorEl,a=this.tablistEl;if(!e||!a||this.isNavigation())return;const s=this.getTabs().find((t=>t.name===this.value));if(!s)return void(e.style[this.vertical?"height":"width"]="0px");const r=a.getBoundingClientRect(),o=s.getBoundingClientRect();if(t||(e.style.transition="none"),this.vertical){const t=o.top-r.top+a.scrollTop;e.style.height=o.height+"px",e.style.transform=`translateY(${t}px)`}else{const t=o.left-r.left+a.scrollLeft;e.style.width=o.width+"px",e.style.transform=`translateX(${t}px)`}t||(e.style.transition="")}render(){const t=this.isNavigation(),e=s("div",{key:"baac4b1e1010273dabedb2966f9e52df62be4459",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},s("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),s("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=g[this.language],o=this.vertical?e:s("div",{class:"tablist-outer"},s("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},s("ds-icon",{name:"caret-left",size:"sm"})),s("div",{class:"tablist-track"},e),s("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},s("ds-icon",{name:"caret-right",size:"sm"})));return s(r,{key:"b6d25f890ca8c96efc54be9c693cd7ee55be39b0",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,["is-col-"+this.verticalColSize]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?s("nav",{"aria-label":this.label||void 0},o):o,s("slot",{key:"c3de464795e5c0be01408d98c1aab3083e41c31f",onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_tabs-border-base:var(--tabs-border-base, var(--mod-tabs-border-base, var(--ds-tabs-border-default)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-px:var(--tabs-panel-px, var(--mod-tabs-panel-px, var(--ds-tabs-panel-padding-x)));--_tabs-panel-py:var(--tabs-panel-py, var(--mod-tabs-panel-py, var(--ds-tabs-panel-padding-y)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-px:var(--tabs-tab-px, var(--mod-tabs-tab-px, var(--ds-tabs-tab-padding-x)));--_tabs-tab-py:var(--tabs-tab-py, var(--mod-tabs-tab-py, var(--ds-tabs-tab-padding-y)));--_tabs-tab-unselected-font-family:var(--tabs-tab-unselected-font-family, var(--mod-tabs-tab-unselected-font-family, var(--ds-tabs-tab-unselected-typo-font-family)));--_tabs-tab-unselected-font-size:var(--tabs-tab-unselected-font-size, var(--mod-tabs-tab-unselected-font-size, var(--ds-tabs-tab-unselected-typo-font-size)));--_tabs-tab-unselected-font-weight:var(--tabs-tab-unselected-font-weight, var(--mod-tabs-tab-unselected-font-weight, var(--ds-tabs-tab-unselected-typo-font-weight)));--_tabs-tab-unselected-line-height:var(--tabs-tab-unselected-line-height, var(--mod-tabs-tab-unselected-line-height, var(--ds-tabs-tab-unselected-typo-line-height)));--_tabs-tab-unselected-color-base:var(--tabs-tab-unselected-color-base, var(--mod-tabs-tab-unselected-color-base, var(--ds-tabs-tab-unselected-color-text-base)));--_tabs-tab-unselected-color-hover:var(--tabs-tab-unselected-color-hover, var(--mod-tabs-tab-unselected-color-hover, var(--ds-tabs-tab-unselected-color-text-hover)));--_tabs-tab-unselected-color-active:var(--tabs-tab-unselected-color-active, var(--mod-tabs-tab-unselected-color-active, var(--ds-tabs-tab-unselected-color-text-active)));--_tabs-tab-selected-font-family:var(--tabs-tab-selected-font-family, var(--mod-tabs-tab-selected-font-family, var(--ds-tabs-tab-selected-typo-font-family)));--_tabs-tab-selected-font-size:var(--tabs-tab-selected-font-size, var(--mod-tabs-tab-selected-font-size, var(--ds-tabs-tab-selected-typo-font-size)));--_tabs-tab-selected-font-weight:var(--tabs-tab-selected-font-weight, var(--mod-tabs-tab-selected-font-weight, var(--ds-tabs-tab-selected-typo-font-weight)));--_tabs-tab-selected-line-height:var(--tabs-tab-selected-line-height, var(--mod-tabs-tab-selected-line-height, var(--ds-tabs-tab-selected-typo-line-height)));--_tabs-tab-selected-color-base:var(--tabs-tab-selected-color-base, var(--mod-tabs-tab-selected-color-base, var(--ds-tabs-tab-selected-color-text-base)));--_tabs-tab-selected-color-hover:var(--tabs-tab-selected-color-hover, var(--mod-tabs-tab-selected-color-hover, var(--ds-tabs-tab-selected-color-text-hover)));--_tabs-tab-selected-color-active:var(--tabs-tab-selected-color-active, var(--mod-tabs-tab-selected-color-active, var(--ds-tabs-tab-selected-color-text-active)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-alias-interaction-focus-color-base)));--_tabs-indicator-unselected-base:var(--tabs-indicator-unselected-base, var(--mod-tabs-indicator-unselected-base, var(--ds-tabs-indicator-default-unselected-base)));--_tabs-indicator-unselected-hover:var(--tabs-indicator-unselected-hover, var(--mod-tabs-indicator-unselected-hover, var(--ds-tabs-indicator-default-unselected-hover)));--_tabs-indicator-selected-base:var(--tabs-indicator-selected-base, var(--mod-tabs-indicator-selected-base, var(--ds-tabs-indicator-default-selected-base)));--_tabs-indicator-selected-hover:var(--tabs-indicator-selected-hover, var(--mod-tabs-indicator-selected-hover, var(--ds-tabs-indicator-default-selected-hover)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-size-base-radius)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));display:block}:host(.is-purple){--_tabs-border-base:var(--ds-tabs-border-purple);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-purple-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-purple-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-purple-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-purple-selected-hover)}:host(.is-green){--_tabs-border-base:var(--ds-tabs-border-green);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-green-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-green-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-green-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-green-selected-hover)}:host(.is-red){--_tabs-border-base:var(--ds-tabs-border-red);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-red-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-red-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-red-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-red-selected-hover)}:host(.is-yellow){--_tabs-border-base:var(--ds-tabs-border-yellow);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-yellow-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-yellow-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-yellow-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-yellow-selected-hover)}:host(.is-inverted){--_tabs-tab-unselected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-active:var(--ds-alias-text-color-white);--_tabs-tab-unselected-font-family:var(--ds-alias-text-family-text);--_tabs-tab-unselected-font-weight:var(--ds-alias-text-weight-regular);--_tabs-tab-selected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-active:var(--ds-alias-text-color-white);--_tabs-border-base:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.3);--_tabs-indicator-unselected-base:var(--ds-alias-border-width-base) solid transparent;--_tabs-indicator-unselected-hover:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.5);--_tabs-indicator-selected-base:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-indicator-selected-hover:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-surface-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--ds-alias-border-width-base);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host .tablist-track{-ms-flex:1;flex:1;min-width:0;position:relative}:host .tablist-track::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:0;border-bottom:var(--_tabs-border-base)}:host #tablist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--ds-alias-border-width-base);overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;z-index:1;bottom:0;left:0;height:0;width:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-selected-base);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--ds-alias-border-width-base));width:0;height:0;border-bottom:none;border-left:var(--_tabs-indicator-selected-base);-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;border-left:var(--_tabs-border-base);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-p:var(--_tabs-panel-py) var(--_tabs-panel-px)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-p:0.5rem 0 0}:host(.is-navigation) nav{display:contents}'}},[257,"ds-tabs",{color:[1],fullwidth:[4],inverted:[4],label:[1],value:[1537],vertical:[4],verticalColSize:[1,"vertical-col-size"],language:[32],region:[32],canScrollLeft:[32],canScrollRight:[32],configChanged:[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]);i([l("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],w.prototype,"createLogger",null),i([u(["purple","green","red","yellow"]),c("design:type",String)],w.prototype,"color",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"fullwidth",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"inverted",void 0),i([m("string"),c("design:type",String)],w.prototype,"label",void 0),i([m("string"),c("design:type",Object)],w.prototype,"value",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"vertical",void 0),i([u(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],w.prototype,"verticalColSize",void 0),i([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],w.prototype,"configChanged",null);let x=0;const _=w,y=function(){"undefined"!=typeof customElements&&["ds-tabs","ds-icon"].forEach((t=>{switch(t){case"ds-tabs":customElements.get(o(t))||customElements.define(o(t),w);break;case"ds-icon":customElements.get(o(t))||v()}}))};export{_ as DsTabs,y as defineCustomElement}

package/components/ds-tag.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as o,H as a,e as t,h as r,c as e,t as s}from"./p-DOP4fM2o.js";import{_ as g,L as l,a as d}from"./p-C8OqQuJ7.js";import{i as c}from"./p-ChyhE5ro.js";import{h as i}from"./p-CEPnyz7c.js";import{n}from"./p-B3VN_5Hp.js";import{d as v}from"./p-Bd5NhwlZ.js";import{d as m}from"./p-VnJFXLI2.js";import{d as p}from"./p-BJK2OSM1.js";import{d as b}from"./p-BWrjPWjt.js";import{d as h}from"./p-D8RaAucx.js";import{T as u}from"./p-DEnVBHne.js";import{O as f}from"./p-DaqLtBr3.js";const k=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=c(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{["is-"+this.color]:i(this.color),["is-"+o]:i(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},r("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],size:[1]}]);g([l("tag"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],k.prototype,"createLogger",null),g([u("boolean"),d("design:type",Boolean)],k.prototype,"closable",void 0),g([f(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),d("design:type",String)],k.prototype,"color",void 0),g([u("boolean"),d("design:type",Boolean)],k.prototype,"disabled",void 0),g([u("boolean"),d("design:type",Boolean)],k.prototype,"invalid",void 0),g([f(["left","center","right"]),d("design:type",String)],k.prototype,"position",void 0),g([f(["sm","md","lg"]),d("design:type",String)],k.prototype,"size",void 0);const x=k,y=function(){"undefined"!=typeof customElements&&["ds-tag","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),k);break;case"ds-brand-icon":customElements.get(s(o))||v();break;case"ds-button":customElements.get(s(o))||m();break;case"ds-close":customElements.get(s(o))||p();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{x as DsTag,y as defineCustomElement}
+import{p as o,H as a,e as t,h as r,c as e,t as s}from"./p-DOP4fM2o.js";import{_ as g,L as l,a as d}from"./p-C8OqQuJ7.js";import{i as c}from"./p-ChyhE5ro.js";import{h as i}from"./p-CEPnyz7c.js";import{n}from"./p-BPtibja3.js";import{d as v}from"./p-DyfdPmyS.js";import{d as m}from"./p-BB4SRrRj.js";import{d as p}from"./p-hhVbp_AN.js";import{d as b}from"./p-B0Z95Hj1.js";import{d as h}from"./p-D8RaAucx.js";import{T as u}from"./p-DEnVBHne.js";import{O as f}from"./p-DaqLtBr3.js";const k=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=c(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{["is-"+this.color]:i(this.color),["is-"+o]:i(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},r("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],size:[1]}]);g([l("tag"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],k.prototype,"createLogger",null),g([u("boolean"),d("design:type",Boolean)],k.prototype,"closable",void 0),g([f(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),d("design:type",String)],k.prototype,"color",void 0),g([u("boolean"),d("design:type",Boolean)],k.prototype,"disabled",void 0),g([u("boolean"),d("design:type",Boolean)],k.prototype,"invalid",void 0),g([f(["left","center","right"]),d("design:type",String)],k.prototype,"position",void 0),g([f(["sm","md","lg"]),d("design:type",String)],k.prototype,"size",void 0);const x=k,y=function(){"undefined"!=typeof customElements&&["ds-tag","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),k);break;case"ds-brand-icon":customElements.get(s(o))||v();break;case"ds-button":customElements.get(s(o))||m();break;case"ds-close":customElements.get(s(o))||p();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{x as DsTag,y as defineCustomElement}