@decidables/decidables-elements 0.0.4 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +45 -0
- package/LICENSE.md +641 -750
- package/README.md +20 -9
- package/lib/decidablesElements.esm.js +2010 -2235
- package/lib/decidablesElements.esm.js.map +1 -1
- package/lib/decidablesElements.esm.min.js +757 -3
- package/lib/decidablesElements.esm.min.js.map +1 -1
- package/lib/decidablesElements.umd.js +2011 -2236
- package/lib/decidablesElements.umd.js.map +1 -1
- package/lib/decidablesElements.umd.min.js +757 -3
- package/lib/decidablesElements.umd.min.js.map +1 -1
- package/package.json +10 -7
- package/src/decidables-element.js +2 -26
- package/src/slider.js +2 -2
- package/src/switch.js +3 -3
- package/src/toggle-option.js +2 -2
|
@@ -1,13 +1,767 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).decidablesElements={})}(this,(function(t){"use strict";
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).decidablesElements={})}(this,(function(t){"use strict";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2019 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/var A,$,E=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,S=Symbol(),R=new Map,C=function(){function t(e,n){if(r(this,t),this._$cssResult$=!0,n!==S)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}return o(t,[{key:"styleSheet",get:function(){var t=R.get(this.cssText);return E&&void 0===t&&(R.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}},{key:"toString",value:function(){return this.cssText}}]),t}(),N=function(t){return new C("string"==typeof t?t:t+"",S)},P=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var i=1===t.length?t[0]:n.reduce((function(e,n,r){return e+function(t){if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")}(n)+t[r+1]}),t[0]);return new C(i,S)},O=E?function(t){return t}:function(t){return t instanceof CSSStyleSheet?function(t){var e,n="",r=k(t.cssRules);try{for(r.s();!(e=r.n()).done;){n+=e.value.cssText}}catch(t){r.e(t)}finally{r.f()}return N(n)}(t):t},M=window.trustedTypes,U=M?M.emptyScript:"",T=window.reactiveElementPolyfillSupport,B={toAttribute:function(t,e){switch(e){case Boolean:t=t?U:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute:function(t,e){var n=t;switch(e){case Boolean:n=null!==t;break;case Number:n=null===t?null:Number(t);break;case Object:case Array:try{n=JSON.parse(t)}catch(t){n=null}}return n}},H=function(t,e){return e!==t&&(e==e||t==t)},j={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:H},z=function(t){s(u,t);var i,a,l=y(u);function u(){var t;return r(this,u),(t=l.call(this))._$Et=new Map,t.isUpdatePending=!1,t.hasUpdated=!1,t._$Ei=null,t.o(),t}return o(u,[{key:"o",value:function(){var t,e=this;this._$Ep=new Promise((function(t){return e.enableUpdating=t})),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((function(t){return t(e)}))}},{key:"addController",value:function(t){var e,n;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(n=t.hostConnected)||void 0===n||n.call(t))}},{key:"removeController",value:function(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}},{key:"_$Em",value:function(){var t=this;this.constructor.elementProperties.forEach((function(e,n){t.hasOwnProperty(n)&&(t._$Et.set(n,t[n]),delete t[n])}))}},{key:"createRenderRoot",value:function(){var t,e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return function(t,e){E?t.adoptedStyleSheets=e.map((function(t){return t instanceof CSSStyleSheet?t:t.styleSheet})):e.forEach((function(e){var n=document.createElement("style"),r=window.litNonce;void 0!==r&&n.setAttribute("nonce",r),n.textContent=e.cssText,t.appendChild(n)}))}(e,this.constructor.elementStyles),e}},{key:"connectedCallback",value:function(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((function(t){var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}},{key:"enableUpdating",value:function(t){}},{key:"disconnectedCallback",value:function(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((function(t){var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}},{key:"attributeChangedCallback",value:function(t,e,n){this._$AK(t,n)}},{key:"_$ES",value:function(t,e){var n,r,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:j,o=this.constructor._$Eh(t,i);if(void 0!==o&&!0===i.reflect){var a=(null!==(r=null===(n=i.converter)||void 0===n?void 0:n.toAttribute)&&void 0!==r?r:B.toAttribute)(e,i.type);this._$Ei=t,null==a?this.removeAttribute(o):this.setAttribute(o,a),this._$Ei=null}}},{key:"_$AK",value:function(t,e){var n,r,i,o=this.constructor,a=o._$Eu.get(t);if(void 0!==a&&this._$Ei!==a){var s=o.getPropertyOptions(a),l=s.converter,u=null!==(i=null!==(r=null===(n=l)||void 0===n?void 0:n.fromAttribute)&&void 0!==r?r:"function"==typeof l?l:null)&&void 0!==i?i:B.fromAttribute;this._$Ei=a,this[a]=u(e,s.type),this._$Ei=null}}},{key:"requestUpdate",value:function(t,e,n){var r=!0;void 0!==t&&(((n=n||this.constructor.getPropertyOptions(t)).hasChanged||H)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===n.reflect&&this._$Ei!==t&&(void 0===this._$E_&&(this._$E_=new Map),this._$E_.set(t,n))):r=!1),!this.isUpdatePending&&r&&(this._$Ep=this._$EC())}},{key:"_$EC",value:(i=regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.isUpdatePending=!0,t.prev=1,t.next=4,this._$Ep;case 4:t.next=9;break;case 6:t.prev=6,t.t0=t.catch(1),Promise.reject(t.t0);case 9:if(e=this.scheduleUpdate(),t.t1=null!=e,!t.t1){t.next=14;break}return t.next=14,e;case 14:return t.abrupt("return",!this.isUpdatePending);case 15:case"end":return t.stop()}}),t,this,[[1,6]])})),a=function(){var t=this,e=arguments;return new Promise((function(r,o){var a=i.apply(t,e);function s(t){n(a,r,o,s,l,"next",t)}function l(t){n(a,r,o,s,l,"throw",t)}s(void 0)}))},function(){return a.apply(this,arguments)})},{key:"scheduleUpdate",value:function(){return this.performUpdate()}},{key:"performUpdate",value:function(){var t,e=this;if(this.isUpdatePending){this.hasUpdated,this._$Et&&(this._$Et.forEach((function(t,n){return e[n]=t})),this._$Et=void 0);var n=!1,r=this._$AL;try{(n=this.shouldUpdate(r))?(this.willUpdate(r),null===(t=this._$Eg)||void 0===t||t.forEach((function(t){var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(r)):this._$EU()}catch(t){throw n=!1,this._$EU(),t}n&&this._$AE(r)}}},{key:"willUpdate",value:function(t){}},{key:"_$AE",value:function(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((function(t){var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}},{key:"_$EU",value:function(){this._$AL=new Map,this.isUpdatePending=!1}},{key:"updateComplete",get:function(){return this.getUpdateComplete()}},{key:"getUpdateComplete",value:function(){return this._$Ep}},{key:"shouldUpdate",value:function(t){return!0}},{key:"update",value:function(t){var e=this;void 0!==this._$E_&&(this._$E_.forEach((function(t,n){return e._$ES(n,e[n],t)})),this._$E_=void 0),this._$EU()}},{key:"updated",value:function(t){}},{key:"firstUpdated",value:function(t){}}],[{key:"addInitializer",value:function(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}},{key:"observedAttributes",get:function(){var t=this;this.finalize();var e=[];return this.elementProperties.forEach((function(n,r){var i=t._$Eh(r,n);void 0!==i&&(t._$Eu.set(i,r),e.push(i))})),e}},{key:"createProperty",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:j;if(n.state&&(n.attribute=!1),this.finalize(),this.elementProperties.set(t,n),!n.noAccessor&&!this.prototype.hasOwnProperty(t)){var r="symbol"==e(t)?Symbol():"__"+t,i=this.getPropertyDescriptor(t,r,n);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}},{key:"getPropertyDescriptor",value:function(t,e,n){return{get:function(){return this[e]},set:function(r){var i=this[t];this[e]=r,this.requestUpdate(t,i,n)},configurable:!0,enumerable:!0}}},{key:"getPropertyOptions",value:function(t){return this.elementProperties.get(t)||j}},{key:"finalize",value:function(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;var t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){var e,n=this.properties,r=k([].concat(w(Object.getOwnPropertyNames(n)),w(Object.getOwnPropertySymbols(n))));try{for(r.s();!(e=r.n()).done;){var i=e.value;this.createProperty(i,n[i])}}catch(t){r.e(t)}finally{r.f()}}return this.elementStyles=this.finalizeStyles(this.styles),!0}},{key:"finalizeStyles",value:function(t){var e=[];if(Array.isArray(t)){var n,r=k(new Set(t.flat(1/0).reverse()));try{for(r.s();!(n=r.n()).done;){var i=n.value;e.unshift(O(i))}}catch(t){r.e(t)}finally{r.f()}}else void 0!==t&&e.push(O(t));return e}},{key:"_$Eh",value:function(t,e){var n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}}]),u}(d(HTMLElement));z.finalized=!0,z.elementProperties=new Map,z.elementStyles=[],z.shadowRootOptions={mode:"open"},null==T||T({ReactiveElement:z}),(null!==(A=globalThis.reactiveElementVersions)&&void 0!==A?A:globalThis.reactiveElementVersions=[]).push("1.1.2");var I=globalThis.trustedTypes,D=I?I.createPolicy("lit-html",{createHTML:function(t){return t}}):void 0,q="lit$".concat((Math.random()+"").slice(9),"$"),L="?"+q,F="<".concat(L,">"),V=document,X=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return V.createComment(t)},Y=function(t){return null===t||"object"!=e(t)&&"function"!=typeof t},K=Array.isArray,G=function(t){var e;return K(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},W=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,J=/-->/g,Z=/>/g,Q=/>|[ \n\r](?:([^\s"'>=/]+)([ \n\r]*=[ \n\r]*(?:[^ \n\r"'`<>=]|("|')|))|$)/g,tt=/'/g,et=/"/g,nt=/^(?:script|style|textarea)$/i,rt=function(t){return function(e){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return{_$litType$:t,strings:e,values:r}}},it=rt(1),ot=rt(2),at=Symbol.for("lit-noChange"),st=Symbol.for("lit-nothing"),lt=new WeakMap,ut=V.createTreeWalker(V,129,null,!1),ct=function(t,e){for(var n,r=t.length-1,i=[],o=2===e?"<svg>":"",a=W,s=0;s<r;s++){for(var l=t[s],u=void 0,c=void 0,h=-1,d=0;d<l.length&&(a.lastIndex=d,null!==(c=a.exec(l)));)d=a.lastIndex,a===W?"!--"===c[1]?a=J:void 0!==c[1]?a=Z:void 0!==c[2]?(nt.test(c[2])&&(n=RegExp("</"+c[2],"g")),a=Q):void 0!==c[3]&&(a=Q):a===Q?">"===c[0]?(a=null!=n?n:W,h=-1):void 0===c[1]?h=-2:(h=a.lastIndex-c[2].length,u=c[1],a=void 0===c[3]?Q:'"'===c[3]?et:tt):a===et||a===tt?a=Q:a===J||a===Z?a=W:(a=Q,n=void 0);var f=a===Q&&t[s+1].startsWith("/>")?" ":"";o+=a===W?l+F:h>=0?(i.push(u),l.slice(0,h)+"$lit$"+l.slice(h)+q+f):l+q+(-2===h?(i.push(void 0),s):f)}var p=o+(t[r]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==D?D.createHTML(p):p,i]},ht=function(){function t(e,n){var i,o=e.strings,a=e._$litType$;r(this,t),this.parts=[];var s=0,l=0,u=o.length-1,c=this.parts,h=g(ct(o,a),2),d=h[0],f=h[1];if(this.el=t.createElement(d,n),ut.currentNode=this.el.content,2===a){var p=this.el.content,y=p.firstChild;y.remove(),p.append.apply(p,w(y.childNodes))}for(;null!==(i=ut.nextNode())&&c.length<u;){if(1===i.nodeType){if(i.hasAttributes()){var v,b=[],m=k(i.getAttributeNames());try{for(m.s();!(v=m.n()).done;){var _=v.value;if(_.endsWith("$lit$")||_.startsWith(q)){var x=f[l++];if(b.push(_),void 0!==x){var A=i.getAttribute(x.toLowerCase()+"$lit$").split(q),$=/([.?@])?(.*)/.exec(x);c.push({type:1,index:s,name:$[2],strings:A,ctor:"."===$[1]?mt:"?"===$[1]?wt:"@"===$[1]?_t:bt})}else c.push({type:6,index:s})}}}catch(t){m.e(t)}finally{m.f()}for(var E=0,S=b;E<S.length;E++){var R=S[E];i.removeAttribute(R)}}if(nt.test(i.tagName)){var C=i.textContent.split(q),N=C.length-1;if(N>0){i.textContent=I?I.emptyScript:"";for(var P=0;P<N;P++)i.append(C[P],X()),ut.nextNode(),c.push({type:2,index:++s});i.append(C[N],X())}}}else if(8===i.nodeType)if(i.data===L)c.push({type:2,index:s});else for(var O=-1;-1!==(O=i.data.indexOf(q,O+1));)c.push({type:7,index:s}),O+=q.length-1;s++}}return o(t,null,[{key:"createElement",value:function(t,e){var n=V.createElement("template");return n.innerHTML=t,n}}]),t}();function dt(t,e){var n,r,i,o,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,s=arguments.length>3?arguments[3]:void 0;if(e===at)return e;var l=void 0!==s?null===(n=a._$Cl)||void 0===n?void 0:n[s]:a._$Cu,u=Y(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==u&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===u?l=void 0:(l=new u(t))._$AT(t,a,s),void 0!==s?(null!==(i=(o=a)._$Cl)&&void 0!==i?i:o._$Cl=[])[s]=l:a._$Cu=l),void 0!==l&&(e=dt(t,l._$AS(t,e.values),l,s)),e}var ft,pt,yt=function(){function t(e,n){r(this,t),this.v=[],this._$AN=void 0,this._$AD=e,this._$AM=n}return o(t,[{key:"parentNode",get:function(){return this._$AM.parentNode}},{key:"_$AU",get:function(){return this._$AM._$AU}},{key:"p",value:function(t){var e,n=this._$AD,r=n.el.content,i=n.parts,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:V).importNode(r,!0);ut.currentNode=o;for(var a=ut.nextNode(),s=0,l=0,u=i[0];void 0!==u;){if(s===u.index){var c=void 0;2===u.type?c=new vt(a,a.nextSibling,this,t):1===u.type?c=new u.ctor(a,u.name,u.strings,this,t):6===u.type&&(c=new xt(a,this,t)),this.v.push(c),u=i[++l]}s!==(null==u?void 0:u.index)&&(a=ut.nextNode(),s++)}return o}},{key:"m",value:function(t){var e,n=0,r=k(this.v);try{for(r.s();!(e=r.n()).done;){var i=e.value;void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,n),n+=i.strings.length-2):i._$AI(t[n])),n++}}catch(t){r.e(t)}finally{r.f()}}}]),t}(),vt=function(){function t(e,n,i,o){var a;r(this,t),this.type=2,this._$AH=st,this._$AN=void 0,this._$AA=e,this._$AB=n,this._$AM=i,this.options=o,this._$Cg=null===(a=null==o?void 0:o.isConnected)||void 0===a||a}return o(t,[{key:"_$AU",get:function(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}},{key:"parentNode",get:function(){var t=this._$AA.parentNode,e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}},{key:"startNode",get:function(){return this._$AA}},{key:"endNode",get:function(){return this._$AB}},{key:"_$AI",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this;t=dt(this,t,e),Y(t)?t===st||null==t||""===t?(this._$AH!==st&&this._$AR(),this._$AH=st):t!==this._$AH&&t!==at&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):G(t)?this.A(t):this.$(t)}},{key:"M",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._$AB;return this._$AA.parentNode.insertBefore(t,e)}},{key:"S",value:function(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}},{key:"$",value:function(t){this._$AH!==st&&Y(this._$AH)?this._$AA.nextSibling.data=t:this.S(V.createTextNode(t)),this._$AH=t}},{key:"T",value:function(t){var e,n=t.values,r=t._$litType$,i="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=ht.createElement(r.h,this.options)),r);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===i)this._$AH.m(n);else{var o=new yt(i,this),a=o.p(this.options);o.m(n),this.S(a),this._$AH=o}}},{key:"_$AC",value:function(t){var e=lt.get(t.strings);return void 0===e&<.set(t.strings,e=new ht(t)),e}},{key:"A",value:function(e){K(this._$AH)||(this._$AH=[],this._$AR());var n,r,i=this._$AH,o=0,a=k(e);try{for(a.s();!(r=a.n()).done;){var s=r.value;o===i.length?i.push(n=new t(this.M(X()),this.M(X()),this,this.options)):n=i[o],n._$AI(s),o++}}catch(t){a.e(t)}finally{a.f()}o<i.length&&(this._$AR(n&&n._$AB.nextSibling,o),i.length=o)}},{key:"_$AR",value:function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._$AA.nextSibling,n=arguments.length>1?arguments[1]:void 0;for(null===(t=this._$AP)||void 0===t||t.call(this,!1,!0,n);e&&e!==this._$AB;){var r=e.nextSibling;e.remove(),e=r}}},{key:"setConnected",value:function(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}]),t}(),bt=function(){function t(e,n,i,o,a){r(this,t),this.type=1,this._$AH=st,this._$AN=void 0,this.element=e,this.name=n,this._$AM=o,this.options=a,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=st}return o(t,[{key:"tagName",get:function(){return this.element.tagName}},{key:"_$AU",get:function(){return this._$AM._$AU}},{key:"_$AI",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=this.strings,o=!1;if(void 0===i)t=dt(this,t,e,0),(o=!Y(t)||t!==this._$AH&&t!==at)&&(this._$AH=t);else{var a,s,l=t;for(t=i[0],a=0;a<i.length-1;a++)(s=dt(this,l[n+a],e,a))===at&&(s=this._$AH[a]),o||(o=!Y(s)||s!==this._$AH[a]),s===st?t=st:t!==st&&(t+=(null!=s?s:"")+i[a+1]),this._$AH[a]=s}o&&!r&&this.k(t)}},{key:"k",value:function(t){t===st?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}]),t}(),mt=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.apply(this,arguments)).type=3,t}return o(n,[{key:"k",value:function(t){this.element[this.name]=t===st?void 0:t}}]),n}(bt),gt=I?I.emptyScript:"",wt=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.apply(this,arguments)).type=4,t}return o(n,[{key:"k",value:function(t){t&&t!==st?this.element.setAttribute(this.name,gt):this.element.removeAttribute(this.name)}}]),n}(bt),_t=function(t){s(n,t);var e=y(n);function n(t,i,o,a,s){var l;return r(this,n),(l=e.call(this,t,i,o,a,s)).type=5,l}return o(n,[{key:"_$AI",value:function(t){var e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this;if((t=null!==(e=dt(this,t,n,0))&&void 0!==e?e:st)!==at){var r=this._$AH,i=t===st&&r!==st||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==st&&(r===st||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}}},{key:"handleEvent",value:function(t){var e,n;"function"==typeof this._$AH?this._$AH.call(null!==(n=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==n?n:this.element,t):this._$AH.handleEvent(t)}}]),n}(bt),xt=function(){function t(e,n,i){r(this,t),this.element=e,this.type=6,this._$AN=void 0,this._$AM=n,this.options=i}return o(t,[{key:"_$AU",get:function(){return this._$AM._$AU}},{key:"_$AI",value:function(t){dt(this,t)}}]),t}(),kt=window.litHtmlPolyfillSupport;null==kt||kt(ht,vt),(null!==($=globalThis.litHtmlVersions)&&void 0!==$?$:globalThis.litHtmlVersions=[]).push("2.1.1");var At=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.apply(this,arguments)).renderOptions={host:f(t)},t._$Dt=void 0,t}return o(n,[{key:"createRenderRoot",value:function(){var t,e,r=b(l(n.prototype),"createRenderRoot",this).call(this);return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=r.firstChild),r}},{key:"update",value:function(t){var e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),b(l(n.prototype),"update",this).call(this,t),this._$Dt=function(t,e,n){var r,i,o=null!==(r=null==n?void 0:n.renderBefore)&&void 0!==r?r:e,a=o._$litPart$;if(void 0===a){var s=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:null;o._$litPart$=a=new vt(e.insertBefore(X(),s),s,void 0,null!=n?n:{})}return a._$AI(t),a}(e,this.renderRoot,this.renderOptions)}},{key:"connectedCallback",value:function(){var t;b(l(n.prototype),"connectedCallback",this).call(this),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}},{key:"disconnectedCallback",value:function(){var t;b(l(n.prototype),"disconnectedCallback",this).call(this),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}},{key:"render",value:function(){return at}}]),n}(z);At.finalized=!0,At._$litElement$=!0,null===(ft=globalThis.litElementHydrateSupport)||void 0===ft||ft.call(globalThis,{LitElement:At});var $t=globalThis.litElementPolyfillSupport;null==$t||$t({LitElement:At}),(null!==(pt=globalThis.litElementVersions)&&void 0!==pt?pt:globalThis.litElementVersions=[]).push("3.1.1");var Et={value:function(){}};function St(){for(var t,e=0,n=arguments.length,r={};e<n;++e){if(!(t=arguments[e]+"")||t in r||/[\s.]/.test(t))throw new Error("illegal type: "+t);r[t]=[]}return new Rt(r)}function Rt(t){this._=t}function Ct(t,e){return t.trim().split(/^|\s+/).map((function(t){var n="",r=t.indexOf(".");if(r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),t&&!e.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:n}}))}function Nt(t,e){for(var n,r=0,i=t.length;r<i;++r)if((n=t[r]).name===e)return n.value}function Pt(t,e,n){for(var r=0,i=t.length;r<i;++r)if(t[r].name===e){t[r]=Et,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=n&&t.push({name:e,value:n}),t}Rt.prototype=St.prototype={constructor:Rt,on:function(t,e){var n,r=this._,i=Ct(t+"",r),o=-1,a=i.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++o<a;)if(n=(t=i[o]).type)r[n]=Pt(r[n],t.name,e);else if(null==e)for(n in r)r[n]=Pt(r[n],t.name,null);return this}for(;++o<a;)if((n=(t=i[o]).type)&&(n=Nt(r[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new Rt(t)},call:function(t,e){if((n=arguments.length-2)>0)for(var n,r,i=new Array(n),o=0;o<n;++o)i[o]=arguments[o+2];if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(o=0,n=(r=this._[t]).length;o<n;++o)r[o].value.apply(e,i)},apply:function(t,e,n){if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(var r=this._[t],i=0,o=r.length;i<o;++i)r[i].value.apply(e,n)}};var Ot="http://www.w3.org/1999/xhtml",Mt={svg:"http://www.w3.org/2000/svg",xhtml:Ot,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function Ut(t){var e=t+="",n=e.indexOf(":");return n>=0&&"xmlns"!==(e=t.slice(0,n))&&(t=t.slice(n+1)),Mt.hasOwnProperty(e)?{space:Mt[e],local:t}:t}function Tt(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===Ot&&e.documentElement.namespaceURI===Ot?e.createElement(t):e.createElementNS(n,t)}}function Bt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function Ht(t){var e=Ut(t);return(e.local?Bt:Tt)(e)}function jt(){}function zt(t){return null==t?jt:function(){return this.querySelector(t)}}function It(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}function Dt(){return[]}function qt(t){return null==t?Dt:function(){return this.querySelectorAll(t)}}function Lt(t){return function(){return this.matches(t)}}function Ft(t){return function(e){return e.matches(t)}}var Vt=Array.prototype.find;function Xt(){return this.firstElementChild}var Yt=Array.prototype.filter;function Kt(){return Array.from(this.children)}function Gt(t){return new Array(t.length)}function Wt(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function Jt(t){return function(){return t}}function Zt(t,e,n,r,i,o){for(var a,s=0,l=e.length,u=o.length;s<u;++s)(a=e[s])?(a.__data__=o[s],r[s]=a):n[s]=new Wt(t,o[s]);for(;s<l;++s)(a=e[s])&&(i[s]=a)}function Qt(t,e,n,r,i,o,a){var s,l,u,c=new Map,h=e.length,d=o.length,f=new Array(h);for(s=0;s<h;++s)(l=e[s])&&(f[s]=u=a.call(l,l.__data__,s,e)+"",c.has(u)?i[s]=l:c.set(u,l));for(s=0;s<d;++s)u=a.call(t,o[s],s,o)+"",(l=c.get(u))?(r[s]=l,l.__data__=o[s],c.delete(u)):n[s]=new Wt(t,o[s]);for(s=0;s<h;++s)(l=e[s])&&c.get(f[s])===l&&(i[s]=l)}function te(t){return t.__data__}function ee(t){return"object"===e(t)&&"length"in t?t:Array.from(t)}function ne(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function re(t){return function(){this.removeAttribute(t)}}function ie(t){return function(){this.removeAttributeNS(t.space,t.local)}}function oe(t,e){return function(){this.setAttribute(t,e)}}function ae(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function se(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttribute(t):this.setAttribute(t,n)}}function le(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttributeNS(t.space,t.local):this.setAttributeNS(t.space,t.local,n)}}function ue(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function ce(t){return function(){this.style.removeProperty(t)}}function he(t,e,n){return function(){this.style.setProperty(t,e,n)}}function de(t,e,n){return function(){var r=e.apply(this,arguments);null==r?this.style.removeProperty(t):this.style.setProperty(t,r,n)}}function fe(t,e){return t.style.getPropertyValue(e)||ue(t).getComputedStyle(t,null).getPropertyValue(e)}function pe(t){return function(){delete this[t]}}function ye(t,e){return function(){this[t]=e}}function ve(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function be(t){return t.trim().split(/^|\s+/)}function me(t){return t.classList||new ge(t)}function ge(t){this._node=t,this._names=be(t.getAttribute("class")||"")}function we(t,e){for(var n=me(t),r=-1,i=e.length;++r<i;)n.add(e[r])}function _e(t,e){for(var n=me(t),r=-1,i=e.length;++r<i;)n.remove(e[r])}function xe(t){return function(){we(this,t)}}function ke(t){return function(){_e(this,t)}}function Ae(t,e){return function(){(e.apply(this,arguments)?we:_e)(this,t)}}function $e(){this.textContent=""}function Ee(t){return function(){this.textContent=t}}function Se(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function Re(){this.innerHTML=""}function Ce(t){return function(){this.innerHTML=t}}function Ne(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function Pe(){this.nextSibling&&this.parentNode.appendChild(this)}function Oe(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function Me(){return null}function Ue(){var t=this.parentNode;t&&t.removeChild(this)}function Te(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function Be(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function He(t){return t.trim().split(/^|\s+/).map((function(t){var e="",n=t.indexOf(".");return n>=0&&(e=t.slice(n+1),t=t.slice(0,n)),{type:t,name:e}}))}function je(t){return function(){var e=this.__on;if(e){for(var n,r=0,i=-1,o=e.length;r<o;++r)n=e[r],t.type&&n.type!==t.type||n.name!==t.name?e[++i]=n:this.removeEventListener(n.type,n.listener,n.options);++i?e.length=i:delete this.__on}}}function ze(t,e,n){return function(){var r,i=this.__on,o=function(t){return function(e){t.call(this,e,this.__data__)}}(e);if(i)for(var a=0,s=i.length;a<s;++a)if((r=i[a]).type===t.type&&r.name===t.name)return this.removeEventListener(r.type,r.listener,r.options),this.addEventListener(r.type,r.listener=o,r.options=n),void(r.value=e);this.addEventListener(t.type,o,n),r={type:t.type,name:t.name,value:e,listener:o,options:n},i?i.push(r):this.__on=[r]}}function Ie(t,e,n){var r=ue(t),i=r.CustomEvent;"function"==typeof i?i=new i(e,n):(i=r.document.createEvent("Event"),n?(i.initEvent(e,n.bubbles,n.cancelable),i.detail=n.detail):i.initEvent(e,!1,!1)),t.dispatchEvent(i)}function De(t,e){return function(){return Ie(this,t,e)}}function qe(t,e){return function(){return Ie(this,t,e.apply(this,arguments))}}Wt.prototype={constructor:Wt,appendChild:function(t){return this._parent.insertBefore(t,this._next)},insertBefore:function(t,e){return this._parent.insertBefore(t,e)},querySelector:function(t){return this._parent.querySelector(t)},querySelectorAll:function(t){return this._parent.querySelectorAll(t)}},ge.prototype={add:function(t){this._names.indexOf(t)<0&&(this._names.push(t),this._node.setAttribute("class",this._names.join(" ")))},remove:function(t){var e=this._names.indexOf(t);e>=0&&(this._names.splice(e,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(t){return this._names.indexOf(t)>=0}};var Le=regeneratorRuntime.mark(Fe);function Fe(){var t,e,n,r,i,o,a;return regeneratorRuntime.wrap((function(s){for(;;)switch(s.prev=s.next){case 0:t=this._groups,e=0,n=t.length;case 1:if(!(e<n)){s.next=13;break}r=t[e],i=0,o=r.length;case 3:if(!(i<o)){s.next=10;break}if(!(a=r[i])){s.next=7;break}return s.next=7,a;case 7:++i,s.next=3;break;case 10:++e,s.next=1;break;case 13:case"end":return s.stop()}}),Le,this)}var Ve=[null];function Xe(t,e){this._groups=t,this._parents=e}function Ye(){return new Xe([[document.documentElement]],Ve)}function Ke(t){return"string"==typeof t?new Xe([[document.querySelector(t)]],[document.documentElement]):new Xe([[t]],Ve)}function Ge(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function We(t,e){var n=Object.create(t.prototype);for(var r in e)n[r]=e[r];return n}function Je(){}Xe.prototype=Ye.prototype=a({constructor:Xe,select:function(t){"function"!=typeof t&&(t=zt(t));for(var e=this._groups,n=e.length,r=new Array(n),i=0;i<n;++i)for(var o,a,s=e[i],l=s.length,u=r[i]=new Array(l),c=0;c<l;++c)(o=s[c])&&(a=t.call(o,o.__data__,c,s))&&("__data__"in o&&(a.__data__=o.__data__),u[c]=a);return new Xe(r,this._parents)},selectAll:function(t){t="function"==typeof t?function(t){return function(){return It(t.apply(this,arguments))}}(t):qt(t);for(var e=this._groups,n=e.length,r=[],i=[],o=0;o<n;++o)for(var a,s=e[o],l=s.length,u=0;u<l;++u)(a=s[u])&&(r.push(t.call(a,a.__data__,u,s)),i.push(a));return new Xe(r,i)},selectChild:function(t){return this.select(null==t?Xt:function(t){return function(){return Vt.call(this.children,t)}}("function"==typeof t?t:Ft(t)))},selectChildren:function(t){return this.selectAll(null==t?Kt:function(t){return function(){return Yt.call(this.children,t)}}("function"==typeof t?t:Ft(t)))},filter:function(t){"function"!=typeof t&&(t=Lt(t));for(var e=this._groups,n=e.length,r=new Array(n),i=0;i<n;++i)for(var o,a=e[i],s=a.length,l=r[i]=[],u=0;u<s;++u)(o=a[u])&&t.call(o,o.__data__,u,a)&&l.push(o);return new Xe(r,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,te);var n=e?Qt:Zt,r=this._parents,i=this._groups;"function"!=typeof t&&(t=Jt(t));for(var o=i.length,a=new Array(o),s=new Array(o),l=new Array(o),u=0;u<o;++u){var c=r[u],h=i[u],d=h.length,f=ee(t.call(c,c&&c.__data__,u,r)),p=f.length,y=s[u]=new Array(p),v=a[u]=new Array(p),b=l[u]=new Array(d);n(c,h,y,v,b,f,e);for(var m,g,w=0,_=0;w<p;++w)if(m=y[w]){for(w>=_&&(_=w+1);!(g=v[_])&&++_<p;);m._next=g||null}}return(a=new Xe(a,r))._enter=s,a._exit=l,a},enter:function(){return new Xe(this._enter||this._groups.map(Gt),this._parents)},exit:function(){return new Xe(this._exit||this._groups.map(Gt),this._parents)},join:function(t,e,n){var r=this.enter(),i=this,o=this.exit();return"function"==typeof t?(r=t(r))&&(r=r.selection()):r=r.append(t+""),null!=e&&(i=e(i))&&(i=i.selection()),null==n?o.remove():n(o),r&&i?r.merge(i).order():i},merge:function(t){for(var e=t.selection?t.selection():t,n=this._groups,r=e._groups,i=n.length,o=r.length,a=Math.min(i,o),s=new Array(i),l=0;l<a;++l)for(var u,c=n[l],h=r[l],d=c.length,f=s[l]=new Array(d),p=0;p<d;++p)(u=c[p]||h[p])&&(f[p]=u);for(;l<i;++l)s[l]=n[l];return new Xe(s,this._parents)},selection:function(){return this},order:function(){for(var t=this._groups,e=-1,n=t.length;++e<n;)for(var r,i=t[e],o=i.length-1,a=i[o];--o>=0;)(r=i[o])&&(a&&4^r.compareDocumentPosition(a)&&a.parentNode.insertBefore(r,a),a=r);return this},sort:function(t){function e(e,n){return e&&n?t(e.__data__,n.__data__):!e-!n}t||(t=ne);for(var n=this._groups,r=n.length,i=new Array(r),o=0;o<r;++o){for(var a,s=n[o],l=s.length,u=i[o]=new Array(l),c=0;c<l;++c)(a=s[c])&&(u[c]=a);u.sort(e)}return new Xe(i,this._parents).order()},call:function(){var t=arguments[0];return arguments[0]=this,t.apply(null,arguments),this},nodes:function(){return Array.from(this)},node:function(){for(var t=this._groups,e=0,n=t.length;e<n;++e)for(var r=t[e],i=0,o=r.length;i<o;++i){var a=r[i];if(a)return a}return null},size:function(){var t,e=0,n=k(this);try{for(n.s();!(t=n.n()).done;){t.value;++e}}catch(t){n.e(t)}finally{n.f()}return e},empty:function(){return!this.node()},each:function(t){for(var e=this._groups,n=0,r=e.length;n<r;++n)for(var i,o=e[n],a=0,s=o.length;a<s;++a)(i=o[a])&&t.call(i,i.__data__,a,o);return this},attr:function(t,e){var n=Ut(t);if(arguments.length<2){var r=this.node();return n.local?r.getAttributeNS(n.space,n.local):r.getAttribute(n)}return this.each((null==e?n.local?ie:re:"function"==typeof e?n.local?le:se:n.local?ae:oe)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?ce:"function"==typeof e?de:he)(t,e,null==n?"":n)):fe(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?pe:"function"==typeof e?ve:ye)(t,e)):this.node()[t]},classed:function(t,e){var n=be(t+"");if(arguments.length<2){for(var r=me(this.node()),i=-1,o=n.length;++i<o;)if(!r.contains(n[i]))return!1;return!0}return this.each(("function"==typeof e?Ae:e?xe:ke)(n,e))},text:function(t){return arguments.length?this.each(null==t?$e:("function"==typeof t?Se:Ee)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?Re:("function"==typeof t?Ne:Ce)(t)):this.node().innerHTML},raise:function(){return this.each(Pe)},lower:function(){return this.each(Oe)},append:function(t){var e="function"==typeof t?t:Ht(t);return this.select((function(){return this.appendChild(e.apply(this,arguments))}))},insert:function(t,e){var n="function"==typeof t?t:Ht(t),r=null==e?Me:"function"==typeof e?e:zt(e);return this.select((function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)}))},remove:function(){return this.each(Ue)},clone:function(t){return this.select(t?Be:Te)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,e,n){var r,i,o=He(t+""),a=o.length;if(!(arguments.length<2)){for(s=e?ze:je,r=0;r<a;++r)this.each(s(o[r],e,n));return this}var s=this.node().__on;if(s)for(var l,u=0,c=s.length;u<c;++u)for(r=0,l=s[u];r<a;++r)if((i=o[r]).type===l.type&&i.name===l.name)return l.value},dispatch:function(t,e){return this.each(("function"==typeof e?qe:De)(t,e))}},Symbol.iterator,Fe);var Ze=.7,Qe=1/Ze,tn="\\s*([+-]?\\d+)\\s*",en="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",nn="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",rn=/^#([0-9a-f]{3,8})$/,on=new RegExp("^rgb\\("+[tn,tn,tn]+"\\)$"),an=new RegExp("^rgb\\("+[nn,nn,nn]+"\\)$"),sn=new RegExp("^rgba\\("+[tn,tn,tn,en]+"\\)$"),ln=new RegExp("^rgba\\("+[nn,nn,nn,en]+"\\)$"),un=new RegExp("^hsl\\("+[en,nn,nn]+"\\)$"),cn=new RegExp("^hsla\\("+[en,nn,nn,en]+"\\)$"),hn={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function dn(){return this.rgb().formatHex()}function fn(){return this.rgb().formatRgb()}function pn(t){var e,n;return t=(t+"").trim().toLowerCase(),(e=rn.exec(t))?(n=e[1].length,e=parseInt(e[1],16),6===n?yn(e):3===n?new gn(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===n?vn(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===n?vn(e>>12&15|e>>8&240,e>>8&15|e>>4&240,e>>4&15|240&e,((15&e)<<4|15&e)/255):null):(e=on.exec(t))?new gn(e[1],e[2],e[3],1):(e=an.exec(t))?new gn(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=sn.exec(t))?vn(e[1],e[2],e[3],e[4]):(e=ln.exec(t))?vn(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=un.exec(t))?kn(e[1],e[2]/100,e[3]/100,1):(e=cn.exec(t))?kn(e[1],e[2]/100,e[3]/100,e[4]):hn.hasOwnProperty(t)?yn(hn[t]):"transparent"===t?new gn(NaN,NaN,NaN,0):null}function yn(t){return new gn(t>>16&255,t>>8&255,255&t,1)}function vn(t,e,n,r){return r<=0&&(t=e=n=NaN),new gn(t,e,n,r)}function bn(t){return t instanceof Je||(t=pn(t)),t?new gn((t=t.rgb()).r,t.g,t.b,t.opacity):new gn}function mn(t,e,n,r){return 1===arguments.length?bn(t):new gn(t,e,n,null==r?1:r)}function gn(t,e,n,r){this.r=+t,this.g=+e,this.b=+n,this.opacity=+r}function wn(){return"#"+xn(this.r)+xn(this.g)+xn(this.b)}function _n(){var t=this.opacity;return(1===(t=isNaN(t)?1:Math.max(0,Math.min(1,t)))?"rgb(":"rgba(")+Math.max(0,Math.min(255,Math.round(this.r)||0))+", "+Math.max(0,Math.min(255,Math.round(this.g)||0))+", "+Math.max(0,Math.min(255,Math.round(this.b)||0))+(1===t?")":", "+t+")")}function xn(t){return((t=Math.max(0,Math.min(255,Math.round(t)||0)))<16?"0":"")+t.toString(16)}function kn(t,e,n,r){return r<=0?t=e=n=NaN:n<=0||n>=1?t=e=NaN:e<=0&&(t=NaN),new $n(t,e,n,r)}function An(t){if(t instanceof $n)return new $n(t.h,t.s,t.l,t.opacity);if(t instanceof Je||(t=pn(t)),!t)return new $n;if(t instanceof $n)return t;var e=(t=t.rgb()).r/255,n=t.g/255,r=t.b/255,i=Math.min(e,n,r),o=Math.max(e,n,r),a=NaN,s=o-i,l=(o+i)/2;return s?(a=e===o?(n-r)/s+6*(n<r):n===o?(r-e)/s+2:(e-n)/s+4,s/=l<.5?o+i:2-o-i,a*=60):s=l>0&&l<1?0:a,new $n(a,s,l,t.opacity)}function $n(t,e,n,r){this.h=+t,this.s=+e,this.l=+n,this.opacity=+r}function En(t,e,n){return 255*(t<60?e+(n-e)*t/60:t<180?n:t<240?e+(n-e)*(240-t)/60:e)}Ge(Je,pn,{copy:function(t){return Object.assign(new this.constructor,this,t)},displayable:function(){return this.rgb().displayable()},hex:dn,formatHex:dn,formatHsl:function(){return An(this).formatHsl()},formatRgb:fn,toString:fn}),Ge(gn,mn,We(Je,{brighter:function(t){return t=null==t?Qe:Math.pow(Qe,t),new gn(this.r*t,this.g*t,this.b*t,this.opacity)},darker:function(t){return t=null==t?Ze:Math.pow(Ze,t),new gn(this.r*t,this.g*t,this.b*t,this.opacity)},rgb:function(){return this},displayable:function(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:wn,formatHex:wn,formatRgb:_n,toString:_n})),Ge($n,(function(t,e,n,r){return 1===arguments.length?An(t):new $n(t,e,n,null==r?1:r)}),We(Je,{brighter:function(t){return t=null==t?Qe:Math.pow(Qe,t),new $n(this.h,this.s,this.l*t,this.opacity)},darker:function(t){return t=null==t?Ze:Math.pow(Ze,t),new $n(this.h,this.s,this.l*t,this.opacity)},rgb:function(){var t=this.h%360+360*(this.h<0),e=isNaN(t)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*e,i=2*n-r;return new gn(En(t>=240?t-240:t+120,i,r),En(t,i,r),En(t<120?t+240:t-120,i,r),this.opacity)},displayable:function(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl:function(){var t=this.opacity;return(1===(t=isNaN(t)?1:Math.max(0,Math.min(1,t)))?"hsl(":"hsla(")+(this.h||0)+", "+100*(this.s||0)+"%, "+100*(this.l||0)+"%"+(1===t?")":", "+t+")")}}));var Sn=function(t){return function(){return t}};function Rn(t){return 1==(t=+t)?Cn:function(e,n){return n-e?function(t,e,n){return t=Math.pow(t,n),e=Math.pow(e,n)-t,n=1/n,function(r){return Math.pow(t+r*e,n)}}(e,n,t):Sn(isNaN(e)?n:e)}}function Cn(t,e){var n=e-t;return n?function(t,e){return function(n){return t+n*e}}(t,n):Sn(isNaN(t)?e:t)}var Nn=function t(e){var n=Rn(e);function r(t,e){var r=n((t=mn(t)).r,(e=mn(e)).r),i=n(t.g,e.g),o=n(t.b,e.b),a=Cn(t.opacity,e.opacity);return function(e){return t.r=r(e),t.g=i(e),t.b=o(e),t.opacity=a(e),t+""}}return r.gamma=t,r}(1);function Pn(t,e){return t=+t,e=+e,function(n){return t*(1-n)+e*n}}var On=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,Mn=new RegExp(On.source,"g");function Un(t,e){var n,r,i,o=On.lastIndex=Mn.lastIndex=0,a=-1,s=[],l=[];for(t+="",e+="";(n=On.exec(t))&&(r=Mn.exec(e));)(i=r.index)>o&&(i=e.slice(o,i),s[a]?s[a]+=i:s[++a]=i),(n=n[0])===(r=r[0])?s[a]?s[a]+=r:s[++a]=r:(s[++a]=null,l.push({i:a,x:Pn(n,r)})),o=Mn.lastIndex;return o<e.length&&(i=e.slice(o),s[a]?s[a]+=i:s[++a]=i),s.length<2?l[0]?function(t){return function(e){return t(e)+""}}(l[0].x):function(t){return function(){return t}}(e):(e=l.length,function(t){for(var n,r=0;r<e;++r)s[(n=l[r]).i]=n.x(t);return s.join("")})}var Tn,Bn=180/Math.PI,Hn={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function jn(t,e,n,r,i,o){var a,s,l;return(a=Math.sqrt(t*t+e*e))&&(t/=a,e/=a),(l=t*n+e*r)&&(n-=t*l,r-=e*l),(s=Math.sqrt(n*n+r*r))&&(n/=s,r/=s,l/=s),t*r<e*n&&(t=-t,e=-e,l=-l,a=-a),{translateX:i,translateY:o,rotate:Math.atan2(e,t)*Bn,skewX:Math.atan(l)*Bn,scaleX:a,scaleY:s}}function zn(t,e,n,r){function i(t){return t.length?t.pop()+" ":""}return function(o,a){var s=[],l=[];return o=t(o),a=t(a),function(t,r,i,o,a,s){if(t!==i||r!==o){var l=a.push("translate(",null,e,null,n);s.push({i:l-4,x:Pn(t,i)},{i:l-2,x:Pn(r,o)})}else(i||o)&&a.push("translate("+i+e+o+n)}(o.translateX,o.translateY,a.translateX,a.translateY,s,l),function(t,e,n,o){t!==e?(t-e>180?e+=360:e-t>180&&(t+=360),o.push({i:n.push(i(n)+"rotate(",null,r)-2,x:Pn(t,e)})):e&&n.push(i(n)+"rotate("+e+r)}(o.rotate,a.rotate,s,l),function(t,e,n,o){t!==e?o.push({i:n.push(i(n)+"skewX(",null,r)-2,x:Pn(t,e)}):e&&n.push(i(n)+"skewX("+e+r)}(o.skewX,a.skewX,s,l),function(t,e,n,r,o,a){if(t!==n||e!==r){var s=o.push(i(o)+"scale(",null,",",null,")");a.push({i:s-4,x:Pn(t,n)},{i:s-2,x:Pn(e,r)})}else 1===n&&1===r||o.push(i(o)+"scale("+n+","+r+")")}(o.scaleX,o.scaleY,a.scaleX,a.scaleY,s,l),o=a=null,function(t){for(var e,n=-1,r=l.length;++n<r;)s[(e=l[n]).i]=e.x(t);return s.join("")}}}var In,Dn,qn=zn((function(t){var e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?Hn:jn(e.a,e.b,e.c,e.d,e.e,e.f)}),"px, ","px)","deg)"),Ln=zn((function(t){return null==t?Hn:(Tn||(Tn=document.createElementNS("http://www.w3.org/2000/svg","g")),Tn.setAttribute("transform",t),(t=Tn.transform.baseVal.consolidate())?jn((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):Hn)}),", ",")",")"),Fn=0,Vn=0,Xn=0,Yn=0,Kn=0,Gn=0,Wn="object"===("undefined"==typeof performance?"undefined":e(performance))&&performance.now?performance:Date,Jn="object"===("undefined"==typeof window?"undefined":e(window))&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function Zn(){return Kn||(Jn(Qn),Kn=Wn.now()+Gn)}function Qn(){Kn=0}function tr(){this._call=this._time=this._next=null}function er(t,e,n){var r=new tr;return r.restart(t,e,n),r}function nr(){Kn=(Yn=Wn.now())+Gn,Fn=Vn=0;try{!function(){Zn(),++Fn;for(var t,e=In;e;)(t=Kn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--Fn}()}finally{Fn=0,function(){var t,e,n=In,r=1/0;for(;n;)n._call?(r>n._time&&(r=n._time),t=n,n=n._next):(e=n._next,n._next=null,n=t?t._next=e:In=e);Dn=t,ir(r)}(),Kn=0}}function rr(){var t=Wn.now(),e=t-Yn;e>1e3&&(Gn-=e,Yn=t)}function ir(t){Fn||(Vn&&(Vn=clearTimeout(Vn)),t-Kn>24?(t<1/0&&(Vn=setTimeout(nr,t-Wn.now()-Gn)),Xn&&(Xn=clearInterval(Xn))):(Xn||(Yn=Wn.now(),Xn=setInterval(rr,1e3)),Fn=1,Jn(nr)))}function or(t,e,n){var r=new tr;return e=null==e?0:+e,r.restart((function(n){r.stop(),t(n+e)}),e,n),r}tr.prototype=er.prototype={constructor:tr,restart:function(t,e,n){if("function"!=typeof t)throw new TypeError("callback is not a function");n=(null==n?Zn():+n)+(null==e?0:+e),this._next||Dn===this||(Dn?Dn._next=this:In=this,Dn=this),this._call=t,this._time=n,ir()},stop:function(){this._call&&(this._call=null,this._time=1/0,ir())}};var ar=St("start","end","cancel","interrupt"),sr=[];function lr(t,e,n,r,i,o){var a=t.__transition;if(a){if(n in a)return}else t.__transition={};!function(t,e,n){var r,i=t.__transition;function o(t){n.state=1,n.timer.restart(a,n.delay,n.time),n.delay<=t&&a(t-n.delay)}function a(o){var u,c,h,d;if(1!==n.state)return l();for(u in i)if((d=i[u]).name===n.name){if(3===d.state)return or(a);4===d.state?(d.state=6,d.timer.stop(),d.on.call("interrupt",t,t.__data__,d.index,d.group),delete i[u]):+u<e&&(d.state=6,d.timer.stop(),d.on.call("cancel",t,t.__data__,d.index,d.group),delete i[u])}if(or((function(){3===n.state&&(n.state=4,n.timer.restart(s,n.delay,n.time),s(o))})),n.state=2,n.on.call("start",t,t.__data__,n.index,n.group),2===n.state){for(n.state=3,r=new Array(h=n.tween.length),u=0,c=-1;u<h;++u)(d=n.tween[u].value.call(t,t.__data__,n.index,n.group))&&(r[++c]=d);r.length=c+1}}function s(e){for(var i=e<n.duration?n.ease.call(null,e/n.duration):(n.timer.restart(l),n.state=5,1),o=-1,a=r.length;++o<a;)r[o].call(t,i);5===n.state&&(n.on.call("end",t,t.__data__,n.index,n.group),l())}function l(){for(var r in n.state=6,n.timer.stop(),delete i[e],i)return;delete t.__transition}i[e]=n,n.timer=er(o,0,n.time)}(t,n,{name:e,index:r,group:i,on:ar,tween:sr,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:0})}function ur(t,e){var n=hr(t,e);if(n.state>0)throw new Error("too late; already scheduled");return n}function cr(t,e){var n=hr(t,e);if(n.state>3)throw new Error("too late; already running");return n}function hr(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function dr(t,e){var n,r;return function(){var i=cr(this,t),o=i.tween;if(o!==n)for(var a=0,s=(r=n=o).length;a<s;++a)if(r[a].name===e){(r=r.slice()).splice(a,1);break}i.tween=r}}function fr(t,e,n){var r,i;if("function"!=typeof n)throw new Error;return function(){var o=cr(this,t),a=o.tween;if(a!==r){i=(r=a).slice();for(var s={name:e,value:n},l=0,u=i.length;l<u;++l)if(i[l].name===e){i[l]=s;break}l===u&&i.push(s)}o.tween=i}}function pr(t,e,n){var r=t._id;return t.each((function(){var t=cr(this,r);(t.value||(t.value={}))[e]=n.apply(this,arguments)})),function(t){return hr(t,r).value[e]}}function yr(t,e){var n;return("number"==typeof e?Pn:e instanceof pn?Nn:(n=pn(e))?(e=n,Nn):Un)(t,e)}function vr(t){return function(){this.removeAttribute(t)}}function br(t){return function(){this.removeAttributeNS(t.space,t.local)}}function mr(t,e,n){var r,i,o=n+"";return function(){var a=this.getAttribute(t);return a===o?null:a===r?i:i=e(r=a,n)}}function gr(t,e,n){var r,i,o=n+"";return function(){var a=this.getAttributeNS(t.space,t.local);return a===o?null:a===r?i:i=e(r=a,n)}}function wr(t,e,n){var r,i,o;return function(){var a,s,l=n(this);if(null!=l)return(a=this.getAttribute(t))===(s=l+"")?null:a===r&&s===i?o:(i=s,o=e(r=a,l));this.removeAttribute(t)}}function _r(t,e,n){var r,i,o;return function(){var a,s,l=n(this);if(null!=l)return(a=this.getAttributeNS(t.space,t.local))===(s=l+"")?null:a===r&&s===i?o:(i=s,o=e(r=a,l));this.removeAttributeNS(t.space,t.local)}}function xr(t,e){return function(n){this.setAttribute(t,e.call(this,n))}}function kr(t,e){return function(n){this.setAttributeNS(t.space,t.local,e.call(this,n))}}function Ar(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&kr(t,i)),n}return i._value=e,i}function $r(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&xr(t,i)),n}return i._value=e,i}function Er(t,e){return function(){ur(this,t).delay=+e.apply(this,arguments)}}function Sr(t,e){return e=+e,function(){ur(this,t).delay=e}}function Rr(t,e){return function(){cr(this,t).duration=+e.apply(this,arguments)}}function Cr(t,e){return e=+e,function(){cr(this,t).duration=e}}function Nr(t,e){if("function"!=typeof e)throw new Error;return function(){cr(this,t).ease=e}}function Pr(t,e,n){var r,i,o=function(t){return(t+"").trim().split(/^|\s+/).every((function(t){var e=t.indexOf(".");return e>=0&&(t=t.slice(0,e)),!t||"start"===t}))}(e)?ur:cr;return function(){var a=o(this,t),s=a.on;s!==r&&(i=(r=s).copy()).on(e,n),a.on=i}}var Or=Ye.prototype.constructor;function Mr(t){return function(){this.style.removeProperty(t)}}function Ur(t,e,n){return function(r){this.style.setProperty(t,e.call(this,r),n)}}function Tr(t,e,n){var r,i;function o(){var o=e.apply(this,arguments);return o!==i&&(r=(i=o)&&Ur(t,o,n)),r}return o._value=e,o}function Br(t){return function(e){this.textContent=t.call(this,e)}}function Hr(t){var e,n;function r(){var r=t.apply(this,arguments);return r!==n&&(e=(n=r)&&Br(r)),e}return r._value=t,r}var jr=0;function zr(t,e,n,r){this._groups=t,this._parents=e,this._name=n,this._id=r}function Ir(){return++jr}var Dr=Ye.prototype;zr.prototype=a({constructor:zr,select:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=zt(t));for(var r=this._groups,i=r.length,o=new Array(i),a=0;a<i;++a)for(var s,l,u=r[a],c=u.length,h=o[a]=new Array(c),d=0;d<c;++d)(s=u[d])&&(l=t.call(s,s.__data__,d,u))&&("__data__"in s&&(l.__data__=s.__data__),h[d]=l,lr(h[d],e,n,d,h,hr(s,n)));return new zr(o,this._parents,e,n)},selectAll:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=qt(t));for(var r=this._groups,i=r.length,o=[],a=[],s=0;s<i;++s)for(var l,u=r[s],c=u.length,h=0;h<c;++h)if(l=u[h]){for(var d,f=t.call(l,l.__data__,h,u),p=hr(l,n),y=0,v=f.length;y<v;++y)(d=f[y])&&lr(d,e,n,y,f,p);o.push(f),a.push(l)}return new zr(o,a,e,n)},selectChild:Dr.selectChild,selectChildren:Dr.selectChildren,filter:function(t){"function"!=typeof t&&(t=Lt(t));for(var e=this._groups,n=e.length,r=new Array(n),i=0;i<n;++i)for(var o,a=e[i],s=a.length,l=r[i]=[],u=0;u<s;++u)(o=a[u])&&t.call(o,o.__data__,u,a)&&l.push(o);return new zr(r,this._parents,this._name,this._id)},merge:function(t){if(t._id!==this._id)throw new Error;for(var e=this._groups,n=t._groups,r=e.length,i=n.length,o=Math.min(r,i),a=new Array(r),s=0;s<o;++s)for(var l,u=e[s],c=n[s],h=u.length,d=a[s]=new Array(h),f=0;f<h;++f)(l=u[f]||c[f])&&(d[f]=l);for(;s<r;++s)a[s]=e[s];return new zr(a,this._parents,this._name,this._id)},selection:function(){return new Or(this._groups,this._parents)},transition:function(){for(var t=this._name,e=this._id,n=Ir(),r=this._groups,i=r.length,o=0;o<i;++o)for(var a,s=r[o],l=s.length,u=0;u<l;++u)if(a=s[u]){var c=hr(a,e);lr(a,t,n,u,s,{time:c.time+c.delay+c.duration,delay:0,duration:c.duration,ease:c.ease})}return new zr(r,this._parents,t,n)},call:Dr.call,nodes:Dr.nodes,node:Dr.node,size:Dr.size,empty:Dr.empty,each:Dr.each,on:function(t,e){var n=this._id;return arguments.length<2?hr(this.node(),n).on.on(t):this.each(Pr(n,t,e))},attr:function(t,e){var n=Ut(t),r="transform"===n?Ln:yr;return this.attrTween(t,"function"==typeof e?(n.local?_r:wr)(n,r,pr(this,"attr."+t,e)):null==e?(n.local?br:vr)(n):(n.local?gr:mr)(n,r,e))},attrTween:function(t,e){var n="attr."+t;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(null==e)return this.tween(n,null);if("function"!=typeof e)throw new Error;var r=Ut(t);return this.tween(n,(r.local?Ar:$r)(r,e))},style:function(t,e,n){var r="transform"==(t+="")?qn:yr;return null==e?this.styleTween(t,function(t,e){var n,r,i;return function(){var o=fe(this,t),a=(this.style.removeProperty(t),fe(this,t));return o===a?null:o===n&&a===r?i:i=e(n=o,r=a)}}(t,r)).on("end.style."+t,Mr(t)):"function"==typeof e?this.styleTween(t,function(t,e,n){var r,i,o;return function(){var a=fe(this,t),s=n(this),l=s+"";return null==s&&(this.style.removeProperty(t),l=s=fe(this,t)),a===l?null:a===r&&l===i?o:(i=l,o=e(r=a,s))}}(t,r,pr(this,"style."+t,e))).each(function(t,e){var n,r,i,o,a="style."+e,s="end."+a;return function(){var l=cr(this,t),u=l.on,c=null==l.value[a]?o||(o=Mr(e)):void 0;u===n&&i===c||(r=(n=u).copy()).on(s,i=c),l.on=r}}(this._id,t)):this.styleTween(t,function(t,e,n){var r,i,o=n+"";return function(){var a=fe(this,t);return a===o?null:a===r?i:i=e(r=a,n)}}(t,r,e),n).on("end.style."+t,null)},styleTween:function(t,e,n){var r="style."+(t+="");if(arguments.length<2)return(r=this.tween(r))&&r._value;if(null==e)return this.tween(r,null);if("function"!=typeof e)throw new Error;return this.tween(r,Tr(t,e,null==n?"":n))},text:function(t){return this.tween("text","function"==typeof t?function(t){return function(){var e=t(this);this.textContent=null==e?"":e}}(pr(this,"text",t)):function(t){return function(){this.textContent=t}}(null==t?"":t+""))},textTween:function(t){var e="text";if(arguments.length<1)return(e=this.tween(e))&&e._value;if(null==t)return this.tween(e,null);if("function"!=typeof t)throw new Error;return this.tween(e,Hr(t))},remove:function(){return this.on("end.remove",function(t){return function(){var e=this.parentNode;for(var n in this.__transition)if(+n!==t)return;e&&e.removeChild(this)}}(this._id))},tween:function(t,e){var n=this._id;if(t+="",arguments.length<2){for(var r,i=hr(this.node(),n).tween,o=0,a=i.length;o<a;++o)if((r=i[o]).name===t)return r.value;return null}return this.each((null==e?dr:fr)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?Er:Sr)(e,t)):hr(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?Rr:Cr)(e,t)):hr(this.node(),e).duration},ease:function(t){var e=this._id;return arguments.length?this.each(Nr(e,t)):hr(this.node(),e).ease},easeVarying:function(t){if("function"!=typeof t)throw new Error;return this.each(function(t,e){return function(){var n=e.apply(this,arguments);if("function"!=typeof n)throw new Error;cr(this,t).ease=n}}(this._id,t))},end:function(){var t,e,n=this,r=n._id,i=n.size();return new Promise((function(o,a){var s={value:a},l={value:function(){0==--i&&o()}};n.each((function(){var n=cr(this,r),i=n.on;i!==t&&((e=(t=i).copy())._.cancel.push(s),e._.interrupt.push(s),e._.end.push(l)),n.on=e})),0===i&&o()}))}},Symbol.iterator,Dr[Symbol.iterator]);var qr,Lr,Fr,Vr,Xr,Yr,Kr,Gr,Wr,Jr={time:null,delay:0,duration:250,ease:function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}};function Zr(t,e){for(var n;!(n=t.__transition)||!(n=n[e]);)if(!(t=t.parentNode))throw new Error("transition ".concat(e," not found"));return n}Ye.prototype.interrupt=function(t){return this.each((function(){!function(t,e){var n,r,i,o=t.__transition,a=!0;if(o){for(i in e=null==e?null:e+"",o)(n=o[i]).name===e?(r=n.state>2&&n.state<5,n.state=6,n.timer.stop(),n.on.call(r?"interrupt":"cancel",t,t.__data__,n.index,n.group),delete o[i]):a=!1;a&&delete t.__transition}}(this,t)}))},Ye.prototype.transition=function(t){var e,n;t instanceof zr?(e=t._id,t=t._name):(e=Ir(),(n=Jr).time=Zn(),t=null==t?null:t+"");for(var r=this._groups,i=r.length,o=0;o<i;++o)for(var a,s=r[o],l=s.length,u=0;u<l;++u)(a=s[u])&&lr(a,t,e,u,s,n||Zr(a,e));return new zr(r,this._parents,t,e)};var Qr,ti,ei=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).uniqueId="decidables-".concat(n.uniqueId),t}return o(n,[{key:"getComputedStyleValue",value:function(t){return window.ShadyCSS?window.ShadyCSS.getComputedStyleValue(this,t):getComputedStyle(this).getPropertyValue(t)}},{key:"firstUpdated",value:function(t){b(l(n.prototype),"firstUpdated",this).call(this,t),Ke(this.renderRoot.host).classed("keyboard",!0).on("mousemove.keyboard touchstart.keyboard",(function(t){Ke(t.currentTarget.renderRoot.host).classed("keyboard",!1).on("mousemove.keyboard touchstart.keyboard",null)})).on("keydown.keyboard",(function(t){Ke(t.currentTarget.renderRoot.host).classed("keyboard",!0).on("keydown.keyboard mousemove.keyboard touchstart.keyboard",null)}))}}],[{key:"uniqueId",get:function(){return n.ID+=1,n.ID}},{key:"greys",get:function(){var t="#999999",e={white:"#ffffff"};return e.light75=Nn(t,"#ffffff")(.75),e.light50=Nn(t,"#ffffff")(.5),e.light25=Nn(t,"#ffffff")(.25),e.grey=t,e.dark25=Nn(t,"#000000")(.25),e.dark50=Nn(t,"#000000")(.5),e.dark75=Nn(t,"#000000")(.75),e.black="#000000",e}},{key:"shadows",get:function(){return{elevations:[0,2,4,8,16],baselineColor:"#000000",baselineColorString:"0, 0, 0",inverseBaselineColor:"#FFFFFF",inverseBaselineColorString:"255, 255, 255",opacityUmbra:.2,opacityPenumbra:.14,opacityAmbient:.12,opacityBoost:.2,mapUmbra:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:3,b:1,s:-2},4:{x:0,y:2,b:4,s:-1},8:{x:0,y:5,b:5,s:-3},16:{x:0,y:8,b:10,s:-5}},mapPenumbra:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:2,b:2,s:0},4:{x:0,y:4,b:5,s:0},8:{x:0,y:8,b:10,s:1},16:{x:0,y:16,b:24,s:2}},mapAmbient:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:1,b:5,s:0},4:{x:0,y:1,b:10,s:0},8:{x:0,y:3,b:14,s:2},16:{x:0,y:6,b:30,s:5}}}}},{key:"cssBoxShadow",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.shadows.opacityUmbra+this.shadows.opacityBoost,i=this.shadows.opacityPenumbra+this.shadows.opacityBoost,o=this.shadows.opacityAmbient+this.shadows.opacityBoost,a=n?"rgba(".concat(this.shadows.inverseBaselineColorString,", ").concat(r,")"):"rgba(".concat(this.shadows.baselineColorString,", ").concat(r,")"),s=n?"rgba(".concat(this.shadows.inverseBaselineColorString,", ").concat(i,")"):"rgba(".concat(this.shadows.baselineColorString,", ").concat(i,")"),l=n?"rgba(".concat(this.shadows.inverseBaselineColorString,", ").concat(o,")"):"rgba(".concat(this.shadows.baselineColorString,", ").concat(o,")"),u=this.shadows.mapUmbra[t],c=this.shadows.mapPenumbra[t],h=this.shadows.mapAmbient[t],d=e?"".concat(-u.y,"px ").concat(u.y/2,"px ").concat(u.b,"px ").concat(u.s,"px"):"".concat(u.y/2,"px ").concat(u.y,"px ").concat(u.b,"px ").concat(u.s,"px"),f=e?"".concat(-c.y,"px ").concat(c.y/2,"px ").concat(c.b,"px ").concat(c.s,"px"):"".concat(c.y/2,"px ").concat(c.y,"px ").concat(c.b,"px ").concat(c.s,"px"),p=e?"".concat(-h.y,"px ").concat(h.y/2,"px ").concat(h.b,"px ").concat(h.s,"px"):"".concat(h.y/2,"px ").concat(h.y,"px ").concat(h.b,"px ").concat(h.s,"px");return"".concat(d," ").concat(a,", ").concat(f," ").concat(s,", ").concat(p," ").concat(l)}},{key:"svgFilters",get:function(){var t=n.shadows,e=t.elevations.map((function(e){return ot(qr||(qr=m(["\n <filter id=",' x="-250%" y="-250%" width="600%" height="600%">\n <feComponentTransfer in="SourceAlpha" result="solid">\n <feFuncA type="table" tableValues="0 1 1"/>\n </feComponentTransfer>\n <feOffset in="solid" result="offU" dx='," dy=",' />\n <feOffset in="solid" result="offP" dx='," dy=",' />\n <feOffset in="solid" result="offA" dx='," dy="," />\n ","\n ","\n ","\n <feGaussianBlur in=",' result="blurU" stdDeviation='," />\n <feGaussianBlur in=",' result="blurP" stdDeviation='," />\n <feGaussianBlur in=",' result="blurA" stdDeviation=',' />\n <feFlood in="SourceGraphic" result="opU" flood-color='," flood-opacity=",' />\n <feFlood in="SourceGraphic" result="opP" flood-color='," flood-opacity=",' />\n <feFlood in="SourceGraphic" result="opA" flood-color='," flood-opacity=",' />\n <feComposite in="opU" in2="blurU" result="shU" operator="in" />\n <feComposite in="opP" in2="blurP" result="shP" operator="in" />\n <feComposite in="opA" in2="blurA" result="shA" operator="in" />\n \x3c!-- HACK Edge: Using a dynamic value for erode radius stops Edge from corrupting the "radius" value! --\x3e\n <feMorphology in="solid" result="smaller" operator="erode" radius=',' />\n <feComposite in="shU" in2="smaller" result="finalU" operator="out" />\n <feComposite in="shP" in2="smaller" result="finalP" operator="out" />\n <feComposite in="shA" in2="smaller" result="finalA" operator="out" />\n <feMerge>\n <feMergeNode in="finalU" />\n <feMergeNode in="finalP" />\n <feMergeNode in="finalA" />\n <feMergeNode in="SourceGraphic" />\n </feMerge>\n </filter>'])),"shadow-".concat(e),t.mapUmbra[e].y/2,t.mapUmbra[e].y,t.mapPenumbra[e].y/2,t.mapPenumbra[e].y,t.mapAmbient[e].y/2,t.mapAmbient[e].y,0===t.mapUmbra[e].s?ot(Lr||(Lr=m([""]))):ot(Fr||(Fr=m(['<feMorphology in="offU" result="spreadU" operator='," radius="," />"])),t.mapUmbra[e].s>0?"dilate":"erode",Math.abs(t.mapUmbra[e].s)),0===t.mapPenumbra[e].s?ot(Vr||(Vr=m([""]))):ot(Xr||(Xr=m(['<feMorphology in="offP" result="spreadP" operator='," radius="," />"])),t.mapPenumbra[e].s>0?"dilate":"erode",Math.abs(t.mapPenumbra[e].s)),0===t.mapAmbient[e].s?ot(Yr||(Yr=m([""]))):ot(Kr||(Kr=m(['<feMorphology in="offA" result="spreadA" operator='," radius="," />"])),t.mapAmbient[e].s>0?"dilate":"erode",Math.abs(t.mapAmbient[e].s)),0===t.mapUmbra[e].s?"offU":"spreadU",t.mapUmbra[e].b/2,0===t.mapPenumbra[e].s?"offP":"spreadP",t.mapPenumbra[e].b/2,0===t.mapAmbient[e].s?"offA":"spreadA",t.mapAmbient[e].b/2,t.baselineColor,t.opacityUmbra+t.opacityBoost,t.baselineColor,t.opacityPenumbra+t.opacityBoost,t.baselineColor,t.opacityAmbient+t.opacityBoost,1)}));return ot(Gr||(Gr=m(['\n <svg class="defs">\n <defs>\n ',"\n </defs>\n </svg>\n "])),e)}},{key:"styles",get:function(){return P(Wr||(Wr=m(["\n :host {\n ---shadow-0: var(--shadow-0, ",");\n ---shadow-2: var(--shadow-2, ",");\n ---shadow-4: var(--shadow-4, ",");\n ---shadow-8: var(--shadow-8, ",");\n\n ---color-background: var(--color-background, ",");\n ---color-border: var(--color-border, ",");\n ---color-text: var(--color-text, ",");\n ---color-text-inverse: var(--color-text-inverse, ",");\n ---color-link: var(--color-link, ",");\n ---color-element-background: var(--color-element-background, ",");\n ---color-element-disabled: var(--color-element-disabled, ",");\n ---color-element-enabled: var(--color-element-enabled, ",");\n ---color-element-selected: var(--color-element-selected, ",");\n ---color-element-border: var(--color-element-border, ",");\n ---color-element-emphasis: var(--color-element-emphasis, ",');\n\n ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);\n ---font-family-math: var(--font-family-math, "Source Serif", serif);\n\n ---transition-duration: var(--transition-duration, 500ms);\n\n font-family: var(---font-family-base);\n }\n\n :host,\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: border-box;\n }\n\n .math-greek {\n font-family: var(---font-family-math);\n font-style: normal;\n }\n\n .math-num {\n font-family: var(---font-family-base);\n font-style: normal;\n }\n\n .math-var {\n font-family: var(---font-family-math);\n font-style: italic;\n }\n\n .defs {\n display: block;\n\n width: 0;\n height: 0;\n }\n '])),N(this.cssBoxShadow(0)),N(this.cssBoxShadow(2)),N(this.cssBoxShadow(4)),N(this.cssBoxShadow(8)),N(this.greys.white),N(this.greys.light75),N(this.greys.dark75),N(this.greys.white),N(this.greys.dark25),N(this.greys.light75),N(this.greys.light50),N(this.greys.grey),N(this.greys.dark25),N(this.greys.dark50),N(this.greys.dark75))}}]),n}(At);ei.ID=0;var ni=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).disabled=!1,t}return o(n,[{key:"render",value:function(){return it(Qr||(Qr=m(["\n <button ?disabled=",">\n <slot></slot>\n </button>\n "])),this.disabled)}}],[{key:"properties",get:function(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}},{key:"styles",get:function(){return[b(l(n),"styles",this),P(ti||(ti=m(["\n :host {\n margin: 0.25rem;\n }\n\n button {\n width: 100%;\n height: 100%;\n padding: 0.375rem 0.75rem;\n\n font-family: var(---font-family-base);\n font-size: 1.125rem;\n line-height: 1.5;\n color: var(---color-text-inverse);\n\n border: 0;\n border-radius: 0.25rem;\n outline: none;\n }\n\n button:disabled {\n background-color: var(--decidables-button-background-color, var(---color-element-disabled));\n outline: none;\n box-shadow: none;\n }\n\n button:enabled {\n cursor: pointer;\n\n background-color: var(--decidables-button-background-color, var(---color-element-enabled));\n outline: none;\n box-shadow: var(---shadow-2);\n }\n\n button:enabled:hover {\n outline: none;\n box-shadow: var(---shadow-4);\n }\n\n button:enabled:active {\n outline: none;\n box-shadow: var(---shadow-8);\n }\n\n :host(.keyboard) button:enabled:focus {\n outline: none;\n box-shadow: var(---shadow-4);\n }\n\n :host(.keyboard) button:enabled:focus:active {\n outline: none;\n box-shadow: var(---shadow-8);\n }\n "])))]}}]),n}(ei);customElements.define("decidables-button",ni);
|
|
6
|
+
*/const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,n=Symbol(),r=new Map;class i{constructor(t,e){if(this._$cssResult$=!0,e!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=r.get(this.cssText);return e&&void 0===t&&(r.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const o=t=>new i("string"==typeof t?t:t+"",n),s=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,n,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+t[r+1]),t[0]);return new i(r,n)},a=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return o(e)})(t):t
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/;var l;const u=window.trustedTypes,c=u?u.emptyScript:"",h=window.reactiveElementPolyfillSupport,d={toAttribute(t,e){switch(e){case Boolean:t=t?c:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let n=t;switch(e){case Boolean:n=null!==t;break;case Number:n=null===t?null:Number(t);break;case Object:case Array:try{n=JSON.parse(t)}catch(t){n=null}}return n}},p=(t,e)=>e!==t&&(e==e||t==t),f={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:p};class b extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,n)=>{const r=this._$Eh(n,e);void 0!==r&&(this._$Eu.set(r,n),t.push(r))})),t}static createProperty(t,e=f){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const n="symbol"==typeof t?Symbol():"__"+t,r=this.getPropertyDescriptor(t,n,e);void 0!==r&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,n){return{get(){return this[e]},set(r){const i=this[t];this[e]=r,this.requestUpdate(t,i,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||f}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const n of e)this.createProperty(n,t[n])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const t of n)e.unshift(a(t))}else void 0!==t&&e.push(a(t));return e}static _$Eh(t,e){const n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,n;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(n=t.hostConnected)||void 0===n||n.call(t))}removeController(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const n=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,n)=>{e?t.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),r=window.litNonce;void 0!==r&&n.setAttribute("nonce",r),n.textContent=e.cssText,t.appendChild(n)}))})(n,this.constructor.elementStyles),n}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ES(t,e,n=f){var r,i;const o=this.constructor._$Eh(t,n);if(void 0!==o&&!0===n.reflect){const s=(null!==(i=null===(r=n.converter)||void 0===r?void 0:r.toAttribute)&&void 0!==i?i:d.toAttribute)(e,n.type);this._$Ei=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$Ei=null}}_$AK(t,e){var n,r,i;const o=this.constructor,s=o._$Eu.get(t);if(void 0!==s&&this._$Ei!==s){const t=o.getPropertyOptions(s),a=t.converter,l=null!==(i=null!==(r=null===(n=a)||void 0===n?void 0:n.fromAttribute)&&void 0!==r?r:"function"==typeof a?a:null)&&void 0!==i?i:d.fromAttribute;this._$Ei=s,this[s]=l(e,t.type),this._$Ei=null}}requestUpdate(t,e,n){let r=!0;void 0!==t&&(((n=n||this.constructor.getPropertyOptions(t)).hasChanged||p)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===n.reflect&&this._$Ei!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,n))):r=!1),!this.isUpdatePending&&r&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const n=this._$AL;try{e=this.shouldUpdate(n),e?(this.willUpdate(n),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(n)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(n)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$EC=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
|
|
12
|
+
/**
|
|
13
|
+
* @license
|
|
14
|
+
* Copyright 2017 Google LLC
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
17
|
+
var y;b.finalized=!0,b.elementProperties=new Map,b.elementStyles=[],b.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:b}),(null!==(l=globalThis.reactiveElementVersions)&&void 0!==l?l:globalThis.reactiveElementVersions=[]).push("1.3.1");const m=globalThis.trustedTypes,v=m?m.createPolicy("lit-html",{createHTML:t=>t}):void 0,g=`lit$${(Math.random()+"").slice(9)}$`,w="?"+g,_=`<${w}>`,x=document,$=(t="")=>x.createComment(t),A=t=>null===t||"object"!=typeof t&&"function"!=typeof t,k=Array.isArray,E=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,S=/-->/g,C=/>/g,R=/>|[ \n\r](?:([^\s"'>=/]+)([ \n\r]*=[ \n\r]*(?:[^ \n\r"'`<>=]|("|')|))|$)/g,N=/'/g,P=/"/g,M=/^(?:script|style|textarea|title)$/i,U=t=>(e,...n)=>({_$litType$:t,strings:e,values:n}),O=U(1),T=U(2),B=Symbol.for("lit-noChange"),H=Symbol.for("lit-nothing"),z=new WeakMap,D=x.createTreeWalker(x,129,null,!1),j=(t,e)=>{const n=t.length-1,r=[];let i,o=2===e?"<svg>":"",s=E;for(let e=0;e<n;e++){const n=t[e];let a,l,u=-1,c=0;for(;c<n.length&&(s.lastIndex=c,l=s.exec(n),null!==l);)c=s.lastIndex,s===E?"!--"===l[1]?s=S:void 0!==l[1]?s=C:void 0!==l[2]?(M.test(l[2])&&(i=RegExp("</"+l[2],"g")),s=R):void 0!==l[3]&&(s=R):s===R?">"===l[0]?(s=null!=i?i:E,u=-1):void 0===l[1]?u=-2:(u=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?R:'"'===l[3]?P:N):s===P||s===N?s=R:s===S||s===C?s=E:(s=R,i=void 0);const h=s===R&&t[e+1].startsWith("/>")?" ":"";o+=s===E?n+_:u>=0?(r.push(a),n.slice(0,u)+"$lit$"+n.slice(u)+g+h):n+g+(-2===u?(r.push(void 0),e):h)}const a=o+(t[n]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==v?v.createHTML(a):a,r]};class L{constructor({strings:t,_$litType$:e},n){let r;this.parts=[];let i=0,o=0;const s=t.length-1,a=this.parts,[l,u]=j(t,e);if(this.el=L.createElement(l,n),D.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=D.nextNode())&&a.length<s;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(g)){const n=u[o++];if(t.push(e),void 0!==n){const t=r.getAttribute(n.toLowerCase()+"$lit$").split(g),e=/([.?@])?(.*)/.exec(n);a.push({type:1,index:i,name:e[2],strings:t,ctor:"."===e[1]?X:"?"===e[1]?G:"@"===e[1]?K:V})}else a.push({type:6,index:i})}for(const e of t)r.removeAttribute(e)}if(M.test(r.tagName)){const t=r.textContent.split(g),e=t.length-1;if(e>0){r.textContent=m?m.emptyScript:"";for(let n=0;n<e;n++)r.append(t[n],$()),D.nextNode(),a.push({type:2,index:++i});r.append(t[e],$())}}}else if(8===r.nodeType)if(r.data===w)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(g,t+1));)a.push({type:7,index:i}),t+=g.length-1}i++}}static createElement(t,e){const n=x.createElement("template");return n.innerHTML=t,n}}function I(t,e,n=t,r){var i,o,s,a;if(e===B)return e;let l=void 0!==r?null===(i=n._$Cl)||void 0===i?void 0:i[r]:n._$Cu;const u=A(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==u&&(null===(o=null==l?void 0:l._$AO)||void 0===o||o.call(l,!1),void 0===u?l=void 0:(l=new u(t),l._$AT(t,n,r)),void 0!==r?(null!==(s=(a=n)._$Cl)&&void 0!==s?s:a._$Cl=[])[r]=l:n._$Cu=l),void 0!==l&&(e=I(t,l._$AS(t,e.values),l,r)),e}class q{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:n},parts:r}=this._$AD,i=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:x).importNode(n,!0);D.currentNode=i;let o=D.nextNode(),s=0,a=0,l=r[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new F(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new W(o,this,t)),this.v.push(e),l=r[++a]}s!==(null==l?void 0:l.index)&&(o=D.nextNode(),s++)}return i}m(t){let e=0;for(const n of this.v)void 0!==n&&(void 0!==n.strings?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class F{constructor(t,e,n,r){var i;this.type=2,this._$AH=H,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=r,this._$Cg=null===(i=null==r?void 0:r.isConnected)||void 0===i||i}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=I(this,t,e),A(t)?t===H||null==t||""===t?(this._$AH!==H&&this._$AR(),this._$AH=H):t!==this._$AH&&t!==B&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>{var e;return k(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.S(t):this.$(t)}A(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t))}$(t){this._$AH!==H&&A(this._$AH)?this._$AA.nextSibling.data=t:this.k(x.createTextNode(t)),this._$AH=t}T(t){var e;const{values:n,_$litType$:r}=t,i="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=L.createElement(r.h,this.options)),r);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===i)this._$AH.m(n);else{const t=new q(i,this),e=t.p(this.options);t.m(n),this.k(e),this._$AH=t}}_$AC(t){let e=z.get(t.strings);return void 0===e&&z.set(t.strings,e=new L(t)),e}S(t){k(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,r=0;for(const i of t)r===e.length?e.push(n=new F(this.A($()),this.A($()),this,this.options)):n=e[r],n._$AI(i),r++;r<e.length&&(this._$AR(n&&n._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var n;for(null===(n=this._$AP)||void 0===n||n.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class V{constructor(t,e,n,r,i){this.type=1,this._$AH=H,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=i,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=H}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,n,r){const i=this.strings;let o=!1;if(void 0===i)t=I(this,t,e,0),o=!A(t)||t!==this._$AH&&t!==B,o&&(this._$AH=t);else{const r=t;let s,a;for(t=i[0],s=0;s<i.length-1;s++)a=I(this,r[n+s],e,s),a===B&&(a=this._$AH[s]),o||(o=!A(a)||a!==this._$AH[s]),a===H?t=H:t!==H&&(t+=(null!=a?a:"")+i[s+1]),this._$AH[s]=a}o&&!r&&this.C(t)}C(t){t===H?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class X extends V{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===H?void 0:t}}const Y=m?m.emptyScript:"";class G extends V{constructor(){super(...arguments),this.type=4}C(t){t&&t!==H?this.element.setAttribute(this.name,Y):this.element.removeAttribute(this.name)}}class K extends V{constructor(t,e,n,r,i){super(t,e,n,r,i),this.type=5}_$AI(t,e=this){var n;if((t=null!==(n=I(this,t,e,0))&&void 0!==n?n:H)===B)return;const r=this._$AH,i=t===H&&r!==H||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==H&&(r===H||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,n;"function"==typeof this._$AH?this._$AH.call(null!==(n=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==n?n:this.element,t):this._$AH.handleEvent(t)}}class W{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const J=window.litHtmlPolyfillSupport;
|
|
18
|
+
/**
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/
|
|
23
|
+
var Z,Q;null==J||J(L,F),(null!==(y=globalThis.litHtmlVersions)&&void 0!==y?y:globalThis.litHtmlVersions=[]).push("2.2.1");class tt extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const n=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=n.firstChild),n}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,n)=>{var r,i;const o=null!==(r=null==n?void 0:n.renderBefore)&&void 0!==r?r:e;let s=o._$litPart$;if(void 0===s){const t=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:null;o._$litPart$=s=new F(e.insertBefore($(),t),t,void 0,null!=n?n:{})}return s._$AI(t),s})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return B}}tt.finalized=!0,tt._$litElement$=!0,null===(Z=globalThis.litElementHydrateSupport)||void 0===Z||Z.call(globalThis,{LitElement:tt});const et=globalThis.litElementPolyfillSupport;null==et||et({LitElement:tt}),(null!==(Q=globalThis.litElementVersions)&&void 0!==Q?Q:globalThis.litElementVersions=[]).push("3.2.0");var nt={value:()=>{}};function rt(){for(var t,e=0,n=arguments.length,r={};e<n;++e){if(!(t=arguments[e]+"")||t in r||/[\s.]/.test(t))throw new Error("illegal type: "+t);r[t]=[]}return new it(r)}function it(t){this._=t}function ot(t,e){return t.trim().split(/^|\s+/).map((function(t){var n="",r=t.indexOf(".");if(r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),t&&!e.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:n}}))}function st(t,e){for(var n,r=0,i=t.length;r<i;++r)if((n=t[r]).name===e)return n.value}function at(t,e,n){for(var r=0,i=t.length;r<i;++r)if(t[r].name===e){t[r]=nt,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=n&&t.push({name:e,value:n}),t}it.prototype=rt.prototype={constructor:it,on:function(t,e){var n,r=this._,i=ot(t+"",r),o=-1,s=i.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++o<s;)if(n=(t=i[o]).type)r[n]=at(r[n],t.name,e);else if(null==e)for(n in r)r[n]=at(r[n],t.name,null);return this}for(;++o<s;)if((n=(t=i[o]).type)&&(n=st(r[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new it(t)},call:function(t,e){if((n=arguments.length-2)>0)for(var n,r,i=new Array(n),o=0;o<n;++o)i[o]=arguments[o+2];if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(o=0,n=(r=this._[t]).length;o<n;++o)r[o].value.apply(e,i)},apply:function(t,e,n){if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(var r=this._[t],i=0,o=r.length;i<o;++i)r[i].value.apply(e,n)}};var lt="http://www.w3.org/1999/xhtml",ut={svg:"http://www.w3.org/2000/svg",xhtml:lt,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function ct(t){var e=t+="",n=e.indexOf(":");return n>=0&&"xmlns"!==(e=t.slice(0,n))&&(t=t.slice(n+1)),ut.hasOwnProperty(e)?{space:ut[e],local:t}:t}function ht(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===lt&&e.documentElement.namespaceURI===lt?e.createElement(t):e.createElementNS(n,t)}}function dt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function pt(t){var e=ct(t);return(e.local?dt:ht)(e)}function ft(){}function bt(t){return null==t?ft:function(){return this.querySelector(t)}}function yt(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}function mt(){return[]}function vt(t){return null==t?mt:function(){return this.querySelectorAll(t)}}function gt(t){return function(){return this.matches(t)}}function wt(t){return function(e){return e.matches(t)}}var _t=Array.prototype.find;function xt(){return this.firstElementChild}var $t=Array.prototype.filter;function At(){return Array.from(this.children)}function kt(t){return new Array(t.length)}function Et(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function St(t){return function(){return t}}function Ct(t,e,n,r,i,o){for(var s,a=0,l=e.length,u=o.length;a<u;++a)(s=e[a])?(s.__data__=o[a],r[a]=s):n[a]=new Et(t,o[a]);for(;a<l;++a)(s=e[a])&&(i[a]=s)}function Rt(t,e,n,r,i,o,s){var a,l,u,c=new Map,h=e.length,d=o.length,p=new Array(h);for(a=0;a<h;++a)(l=e[a])&&(p[a]=u=s.call(l,l.__data__,a,e)+"",c.has(u)?i[a]=l:c.set(u,l));for(a=0;a<d;++a)u=s.call(t,o[a],a,o)+"",(l=c.get(u))?(r[a]=l,l.__data__=o[a],c.delete(u)):n[a]=new Et(t,o[a]);for(a=0;a<h;++a)(l=e[a])&&c.get(p[a])===l&&(i[a]=l)}function Nt(t){return t.__data__}function Pt(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function Mt(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function Ut(t){return function(){this.removeAttribute(t)}}function Ot(t){return function(){this.removeAttributeNS(t.space,t.local)}}function Tt(t,e){return function(){this.setAttribute(t,e)}}function Bt(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function Ht(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttribute(t):this.setAttribute(t,n)}}function zt(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttributeNS(t.space,t.local):this.setAttributeNS(t.space,t.local,n)}}function Dt(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function jt(t){return function(){this.style.removeProperty(t)}}function Lt(t,e,n){return function(){this.style.setProperty(t,e,n)}}function It(t,e,n){return function(){var r=e.apply(this,arguments);null==r?this.style.removeProperty(t):this.style.setProperty(t,r,n)}}function qt(t,e){return t.style.getPropertyValue(e)||Dt(t).getComputedStyle(t,null).getPropertyValue(e)}function Ft(t){return function(){delete this[t]}}function Vt(t,e){return function(){this[t]=e}}function Xt(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function Yt(t){return t.trim().split(/^|\s+/)}function Gt(t){return t.classList||new Kt(t)}function Kt(t){this._node=t,this._names=Yt(t.getAttribute("class")||"")}function Wt(t,e){for(var n=Gt(t),r=-1,i=e.length;++r<i;)n.add(e[r])}function Jt(t,e){for(var n=Gt(t),r=-1,i=e.length;++r<i;)n.remove(e[r])}function Zt(t){return function(){Wt(this,t)}}function Qt(t){return function(){Jt(this,t)}}function te(t,e){return function(){(e.apply(this,arguments)?Wt:Jt)(this,t)}}function ee(){this.textContent=""}function ne(t){return function(){this.textContent=t}}function re(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function ie(){this.innerHTML=""}function oe(t){return function(){this.innerHTML=t}}function se(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function ae(){this.nextSibling&&this.parentNode.appendChild(this)}function le(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function ue(){return null}function ce(){var t=this.parentNode;t&&t.removeChild(this)}function he(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function de(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function pe(t){return t.trim().split(/^|\s+/).map((function(t){var e="",n=t.indexOf(".");return n>=0&&(e=t.slice(n+1),t=t.slice(0,n)),{type:t,name:e}}))}function fe(t){return function(){var e=this.__on;if(e){for(var n,r=0,i=-1,o=e.length;r<o;++r)n=e[r],t.type&&n.type!==t.type||n.name!==t.name?e[++i]=n:this.removeEventListener(n.type,n.listener,n.options);++i?e.length=i:delete this.__on}}}function be(t,e,n){return function(){var r,i=this.__on,o=function(t){return function(e){t.call(this,e,this.__data__)}}(e);if(i)for(var s=0,a=i.length;s<a;++s)if((r=i[s]).type===t.type&&r.name===t.name)return this.removeEventListener(r.type,r.listener,r.options),this.addEventListener(r.type,r.listener=o,r.options=n),void(r.value=e);this.addEventListener(t.type,o,n),r={type:t.type,name:t.name,value:e,listener:o,options:n},i?i.push(r):this.__on=[r]}}function ye(t,e,n){var r=Dt(t),i=r.CustomEvent;"function"==typeof i?i=new i(e,n):(i=r.document.createEvent("Event"),n?(i.initEvent(e,n.bubbles,n.cancelable),i.detail=n.detail):i.initEvent(e,!1,!1)),t.dispatchEvent(i)}function me(t,e){return function(){return ye(this,t,e)}}function ve(t,e){return function(){return ye(this,t,e.apply(this,arguments))}}Et.prototype={constructor:Et,appendChild:function(t){return this._parent.insertBefore(t,this._next)},insertBefore:function(t,e){return this._parent.insertBefore(t,e)},querySelector:function(t){return this._parent.querySelector(t)},querySelectorAll:function(t){return this._parent.querySelectorAll(t)}},Kt.prototype={add:function(t){this._names.indexOf(t)<0&&(this._names.push(t),this._node.setAttribute("class",this._names.join(" ")))},remove:function(t){var e=this._names.indexOf(t);e>=0&&(this._names.splice(e,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(t){return this._names.indexOf(t)>=0}};var ge=[null];function we(t,e){this._groups=t,this._parents=e}function _e(){return new we([[document.documentElement]],ge)}function xe(t){return"string"==typeof t?new we([[document.querySelector(t)]],[document.documentElement]):new we([[t]],ge)}function $e(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function Ae(t,e){var n=Object.create(t.prototype);for(var r in e)n[r]=e[r];return n}function ke(){}we.prototype=_e.prototype={constructor:we,select:function(t){"function"!=typeof t&&(t=bt(t));for(var e=this._groups,n=e.length,r=new Array(n),i=0;i<n;++i)for(var o,s,a=e[i],l=a.length,u=r[i]=new Array(l),c=0;c<l;++c)(o=a[c])&&(s=t.call(o,o.__data__,c,a))&&("__data__"in o&&(s.__data__=o.__data__),u[c]=s);return new we(r,this._parents)},selectAll:function(t){t="function"==typeof t?function(t){return function(){return yt(t.apply(this,arguments))}}(t):vt(t);for(var e=this._groups,n=e.length,r=[],i=[],o=0;o<n;++o)for(var s,a=e[o],l=a.length,u=0;u<l;++u)(s=a[u])&&(r.push(t.call(s,s.__data__,u,a)),i.push(s));return new we(r,i)},selectChild:function(t){return this.select(null==t?xt:function(t){return function(){return _t.call(this.children,t)}}("function"==typeof t?t:wt(t)))},selectChildren:function(t){return this.selectAll(null==t?At:function(t){return function(){return $t.call(this.children,t)}}("function"==typeof t?t:wt(t)))},filter:function(t){"function"!=typeof t&&(t=gt(t));for(var e=this._groups,n=e.length,r=new Array(n),i=0;i<n;++i)for(var o,s=e[i],a=s.length,l=r[i]=[],u=0;u<a;++u)(o=s[u])&&t.call(o,o.__data__,u,s)&&l.push(o);return new we(r,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,Nt);var n=e?Rt:Ct,r=this._parents,i=this._groups;"function"!=typeof t&&(t=St(t));for(var o=i.length,s=new Array(o),a=new Array(o),l=new Array(o),u=0;u<o;++u){var c=r[u],h=i[u],d=h.length,p=Pt(t.call(c,c&&c.__data__,u,r)),f=p.length,b=a[u]=new Array(f),y=s[u]=new Array(f),m=l[u]=new Array(d);n(c,h,b,y,m,p,e);for(var v,g,w=0,_=0;w<f;++w)if(v=b[w]){for(w>=_&&(_=w+1);!(g=y[_])&&++_<f;);v._next=g||null}}return(s=new we(s,r))._enter=a,s._exit=l,s},enter:function(){return new we(this._enter||this._groups.map(kt),this._parents)},exit:function(){return new we(this._exit||this._groups.map(kt),this._parents)},join:function(t,e,n){var r=this.enter(),i=this,o=this.exit();return"function"==typeof t?(r=t(r))&&(r=r.selection()):r=r.append(t+""),null!=e&&(i=e(i))&&(i=i.selection()),null==n?o.remove():n(o),r&&i?r.merge(i).order():i},merge:function(t){for(var e=t.selection?t.selection():t,n=this._groups,r=e._groups,i=n.length,o=r.length,s=Math.min(i,o),a=new Array(i),l=0;l<s;++l)for(var u,c=n[l],h=r[l],d=c.length,p=a[l]=new Array(d),f=0;f<d;++f)(u=c[f]||h[f])&&(p[f]=u);for(;l<i;++l)a[l]=n[l];return new we(a,this._parents)},selection:function(){return this},order:function(){for(var t=this._groups,e=-1,n=t.length;++e<n;)for(var r,i=t[e],o=i.length-1,s=i[o];--o>=0;)(r=i[o])&&(s&&4^r.compareDocumentPosition(s)&&s.parentNode.insertBefore(r,s),s=r);return this},sort:function(t){function e(e,n){return e&&n?t(e.__data__,n.__data__):!e-!n}t||(t=Mt);for(var n=this._groups,r=n.length,i=new Array(r),o=0;o<r;++o){for(var s,a=n[o],l=a.length,u=i[o]=new Array(l),c=0;c<l;++c)(s=a[c])&&(u[c]=s);u.sort(e)}return new we(i,this._parents).order()},call:function(){var t=arguments[0];return arguments[0]=this,t.apply(null,arguments),this},nodes:function(){return Array.from(this)},node:function(){for(var t=this._groups,e=0,n=t.length;e<n;++e)for(var r=t[e],i=0,o=r.length;i<o;++i){var s=r[i];if(s)return s}return null},size:function(){let t=0;for(const e of this)++t;return t},empty:function(){return!this.node()},each:function(t){for(var e=this._groups,n=0,r=e.length;n<r;++n)for(var i,o=e[n],s=0,a=o.length;s<a;++s)(i=o[s])&&t.call(i,i.__data__,s,o);return this},attr:function(t,e){var n=ct(t);if(arguments.length<2){var r=this.node();return n.local?r.getAttributeNS(n.space,n.local):r.getAttribute(n)}return this.each((null==e?n.local?Ot:Ut:"function"==typeof e?n.local?zt:Ht:n.local?Bt:Tt)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?jt:"function"==typeof e?It:Lt)(t,e,null==n?"":n)):qt(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?Ft:"function"==typeof e?Xt:Vt)(t,e)):this.node()[t]},classed:function(t,e){var n=Yt(t+"");if(arguments.length<2){for(var r=Gt(this.node()),i=-1,o=n.length;++i<o;)if(!r.contains(n[i]))return!1;return!0}return this.each(("function"==typeof e?te:e?Zt:Qt)(n,e))},text:function(t){return arguments.length?this.each(null==t?ee:("function"==typeof t?re:ne)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?ie:("function"==typeof t?se:oe)(t)):this.node().innerHTML},raise:function(){return this.each(ae)},lower:function(){return this.each(le)},append:function(t){var e="function"==typeof t?t:pt(t);return this.select((function(){return this.appendChild(e.apply(this,arguments))}))},insert:function(t,e){var n="function"==typeof t?t:pt(t),r=null==e?ue:"function"==typeof e?e:bt(e);return this.select((function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)}))},remove:function(){return this.each(ce)},clone:function(t){return this.select(t?de:he)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,e,n){var r,i,o=pe(t+""),s=o.length;if(!(arguments.length<2)){for(a=e?be:fe,r=0;r<s;++r)this.each(a(o[r],e,n));return this}var a=this.node().__on;if(a)for(var l,u=0,c=a.length;u<c;++u)for(r=0,l=a[u];r<s;++r)if((i=o[r]).type===l.type&&i.name===l.name)return l.value},dispatch:function(t,e){return this.each(("function"==typeof e?ve:me)(t,e))},[Symbol.iterator]:function*(){for(var t=this._groups,e=0,n=t.length;e<n;++e)for(var r,i=t[e],o=0,s=i.length;o<s;++o)(r=i[o])&&(yield r)}};var Ee=.7,Se=1/Ee,Ce="\\s*([+-]?\\d+)\\s*",Re="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",Ne="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Pe=/^#([0-9a-f]{3,8})$/,Me=new RegExp("^rgb\\("+[Ce,Ce,Ce]+"\\)$"),Ue=new RegExp("^rgb\\("+[Ne,Ne,Ne]+"\\)$"),Oe=new RegExp("^rgba\\("+[Ce,Ce,Ce,Re]+"\\)$"),Te=new RegExp("^rgba\\("+[Ne,Ne,Ne,Re]+"\\)$"),Be=new RegExp("^hsl\\("+[Re,Ne,Ne]+"\\)$"),He=new RegExp("^hsla\\("+[Re,Ne,Ne,Re]+"\\)$"),ze={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function De(){return this.rgb().formatHex()}function je(){return this.rgb().formatRgb()}function Le(t){var e,n;return t=(t+"").trim().toLowerCase(),(e=Pe.exec(t))?(n=e[1].length,e=parseInt(e[1],16),6===n?Ie(e):3===n?new Xe(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===n?qe(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===n?qe(e>>12&15|e>>8&240,e>>8&15|e>>4&240,e>>4&15|240&e,((15&e)<<4|15&e)/255):null):(e=Me.exec(t))?new Xe(e[1],e[2],e[3],1):(e=Ue.exec(t))?new Xe(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=Oe.exec(t))?qe(e[1],e[2],e[3],e[4]):(e=Te.exec(t))?qe(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=Be.exec(t))?We(e[1],e[2]/100,e[3]/100,1):(e=He.exec(t))?We(e[1],e[2]/100,e[3]/100,e[4]):ze.hasOwnProperty(t)?Ie(ze[t]):"transparent"===t?new Xe(NaN,NaN,NaN,0):null}function Ie(t){return new Xe(t>>16&255,t>>8&255,255&t,1)}function qe(t,e,n,r){return r<=0&&(t=e=n=NaN),new Xe(t,e,n,r)}function Fe(t){return t instanceof ke||(t=Le(t)),t?new Xe((t=t.rgb()).r,t.g,t.b,t.opacity):new Xe}function Ve(t,e,n,r){return 1===arguments.length?Fe(t):new Xe(t,e,n,null==r?1:r)}function Xe(t,e,n,r){this.r=+t,this.g=+e,this.b=+n,this.opacity=+r}function Ye(){return"#"+Ke(this.r)+Ke(this.g)+Ke(this.b)}function Ge(){var t=this.opacity;return(1===(t=isNaN(t)?1:Math.max(0,Math.min(1,t)))?"rgb(":"rgba(")+Math.max(0,Math.min(255,Math.round(this.r)||0))+", "+Math.max(0,Math.min(255,Math.round(this.g)||0))+", "+Math.max(0,Math.min(255,Math.round(this.b)||0))+(1===t?")":", "+t+")")}function Ke(t){return((t=Math.max(0,Math.min(255,Math.round(t)||0)))<16?"0":"")+t.toString(16)}function We(t,e,n,r){return r<=0?t=e=n=NaN:n<=0||n>=1?t=e=NaN:e<=0&&(t=NaN),new Ze(t,e,n,r)}function Je(t){if(t instanceof Ze)return new Ze(t.h,t.s,t.l,t.opacity);if(t instanceof ke||(t=Le(t)),!t)return new Ze;if(t instanceof Ze)return t;var e=(t=t.rgb()).r/255,n=t.g/255,r=t.b/255,i=Math.min(e,n,r),o=Math.max(e,n,r),s=NaN,a=o-i,l=(o+i)/2;return a?(s=e===o?(n-r)/a+6*(n<r):n===o?(r-e)/a+2:(e-n)/a+4,a/=l<.5?o+i:2-o-i,s*=60):a=l>0&&l<1?0:s,new Ze(s,a,l,t.opacity)}function Ze(t,e,n,r){this.h=+t,this.s=+e,this.l=+n,this.opacity=+r}function Qe(t,e,n){return 255*(t<60?e+(n-e)*t/60:t<180?n:t<240?e+(n-e)*(240-t)/60:e)}$e(ke,Le,{copy:function(t){return Object.assign(new this.constructor,this,t)},displayable:function(){return this.rgb().displayable()},hex:De,formatHex:De,formatHsl:function(){return Je(this).formatHsl()},formatRgb:je,toString:je}),$e(Xe,Ve,Ae(ke,{brighter:function(t){return t=null==t?Se:Math.pow(Se,t),new Xe(this.r*t,this.g*t,this.b*t,this.opacity)},darker:function(t){return t=null==t?Ee:Math.pow(Ee,t),new Xe(this.r*t,this.g*t,this.b*t,this.opacity)},rgb:function(){return this},displayable:function(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:Ye,formatHex:Ye,formatRgb:Ge,toString:Ge})),$e(Ze,(function(t,e,n,r){return 1===arguments.length?Je(t):new Ze(t,e,n,null==r?1:r)}),Ae(ke,{brighter:function(t){return t=null==t?Se:Math.pow(Se,t),new Ze(this.h,this.s,this.l*t,this.opacity)},darker:function(t){return t=null==t?Ee:Math.pow(Ee,t),new Ze(this.h,this.s,this.l*t,this.opacity)},rgb:function(){var t=this.h%360+360*(this.h<0),e=isNaN(t)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*e,i=2*n-r;return new Xe(Qe(t>=240?t-240:t+120,i,r),Qe(t,i,r),Qe(t<120?t+240:t-120,i,r),this.opacity)},displayable:function(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl:function(){var t=this.opacity;return(1===(t=isNaN(t)?1:Math.max(0,Math.min(1,t)))?"hsl(":"hsla(")+(this.h||0)+", "+100*(this.s||0)+"%, "+100*(this.l||0)+"%"+(1===t?")":", "+t+")")}}));var tn=t=>()=>t;function en(t){return 1==(t=+t)?nn:function(e,n){return n-e?function(t,e,n){return t=Math.pow(t,n),e=Math.pow(e,n)-t,n=1/n,function(r){return Math.pow(t+r*e,n)}}(e,n,t):tn(isNaN(e)?n:e)}}function nn(t,e){var n=e-t;return n?function(t,e){return function(n){return t+n*e}}(t,n):tn(isNaN(t)?e:t)}var rn=function t(e){var n=en(e);function r(t,e){var r=n((t=Ve(t)).r,(e=Ve(e)).r),i=n(t.g,e.g),o=n(t.b,e.b),s=nn(t.opacity,e.opacity);return function(e){return t.r=r(e),t.g=i(e),t.b=o(e),t.opacity=s(e),t+""}}return r.gamma=t,r}(1);function on(t,e){return t=+t,e=+e,function(n){return t*(1-n)+e*n}}var sn=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,an=new RegExp(sn.source,"g");function ln(t,e){var n,r,i,o=sn.lastIndex=an.lastIndex=0,s=-1,a=[],l=[];for(t+="",e+="";(n=sn.exec(t))&&(r=an.exec(e));)(i=r.index)>o&&(i=e.slice(o,i),a[s]?a[s]+=i:a[++s]=i),(n=n[0])===(r=r[0])?a[s]?a[s]+=r:a[++s]=r:(a[++s]=null,l.push({i:s,x:on(n,r)})),o=an.lastIndex;return o<e.length&&(i=e.slice(o),a[s]?a[s]+=i:a[++s]=i),a.length<2?l[0]?function(t){return function(e){return t(e)+""}}(l[0].x):function(t){return function(){return t}}(e):(e=l.length,function(t){for(var n,r=0;r<e;++r)a[(n=l[r]).i]=n.x(t);return a.join("")})}var un,cn=180/Math.PI,hn={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function dn(t,e,n,r,i,o){var s,a,l;return(s=Math.sqrt(t*t+e*e))&&(t/=s,e/=s),(l=t*n+e*r)&&(n-=t*l,r-=e*l),(a=Math.sqrt(n*n+r*r))&&(n/=a,r/=a,l/=a),t*r<e*n&&(t=-t,e=-e,l=-l,s=-s),{translateX:i,translateY:o,rotate:Math.atan2(e,t)*cn,skewX:Math.atan(l)*cn,scaleX:s,scaleY:a}}function pn(t,e,n,r){function i(t){return t.length?t.pop()+" ":""}return function(o,s){var a=[],l=[];return o=t(o),s=t(s),function(t,r,i,o,s,a){if(t!==i||r!==o){var l=s.push("translate(",null,e,null,n);a.push({i:l-4,x:on(t,i)},{i:l-2,x:on(r,o)})}else(i||o)&&s.push("translate("+i+e+o+n)}(o.translateX,o.translateY,s.translateX,s.translateY,a,l),function(t,e,n,o){t!==e?(t-e>180?e+=360:e-t>180&&(t+=360),o.push({i:n.push(i(n)+"rotate(",null,r)-2,x:on(t,e)})):e&&n.push(i(n)+"rotate("+e+r)}(o.rotate,s.rotate,a,l),function(t,e,n,o){t!==e?o.push({i:n.push(i(n)+"skewX(",null,r)-2,x:on(t,e)}):e&&n.push(i(n)+"skewX("+e+r)}(o.skewX,s.skewX,a,l),function(t,e,n,r,o,s){if(t!==n||e!==r){var a=o.push(i(o)+"scale(",null,",",null,")");s.push({i:a-4,x:on(t,n)},{i:a-2,x:on(e,r)})}else 1===n&&1===r||o.push(i(o)+"scale("+n+","+r+")")}(o.scaleX,o.scaleY,s.scaleX,s.scaleY,a,l),o=s=null,function(t){for(var e,n=-1,r=l.length;++n<r;)a[(e=l[n]).i]=e.x(t);return a.join("")}}}var fn,bn,yn=pn((function(t){const e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?hn:dn(e.a,e.b,e.c,e.d,e.e,e.f)}),"px, ","px)","deg)"),mn=pn((function(t){return null==t?hn:(un||(un=document.createElementNS("http://www.w3.org/2000/svg","g")),un.setAttribute("transform",t),(t=un.transform.baseVal.consolidate())?dn((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):hn)}),", ",")",")"),vn=0,gn=0,wn=0,_n=0,xn=0,$n=0,An="object"==typeof performance&&performance.now?performance:Date,kn="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function En(){return xn||(kn(Sn),xn=An.now()+$n)}function Sn(){xn=0}function Cn(){this._call=this._time=this._next=null}function Rn(t,e,n){var r=new Cn;return r.restart(t,e,n),r}function Nn(){xn=(_n=An.now())+$n,vn=gn=0;try{!function(){En(),++vn;for(var t,e=fn;e;)(t=xn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--vn}()}finally{vn=0,function(){var t,e,n=fn,r=1/0;for(;n;)n._call?(r>n._time&&(r=n._time),t=n,n=n._next):(e=n._next,n._next=null,n=t?t._next=e:fn=e);bn=t,Mn(r)}(),xn=0}}function Pn(){var t=An.now(),e=t-_n;e>1e3&&($n-=e,_n=t)}function Mn(t){vn||(gn&&(gn=clearTimeout(gn)),t-xn>24?(t<1/0&&(gn=setTimeout(Nn,t-An.now()-$n)),wn&&(wn=clearInterval(wn))):(wn||(_n=An.now(),wn=setInterval(Pn,1e3)),vn=1,kn(Nn)))}function Un(t,e,n){var r=new Cn;return e=null==e?0:+e,r.restart((n=>{r.stop(),t(n+e)}),e,n),r}Cn.prototype=Rn.prototype={constructor:Cn,restart:function(t,e,n){if("function"!=typeof t)throw new TypeError("callback is not a function");n=(null==n?En():+n)+(null==e?0:+e),this._next||bn===this||(bn?bn._next=this:fn=this,bn=this),this._call=t,this._time=n,Mn()},stop:function(){this._call&&(this._call=null,this._time=1/0,Mn())}};var On=rt("start","end","cancel","interrupt"),Tn=[];function Bn(t,e,n,r,i,o){var s=t.__transition;if(s){if(n in s)return}else t.__transition={};!function(t,e,n){var r,i=t.__transition;function o(t){n.state=1,n.timer.restart(s,n.delay,n.time),n.delay<=t&&s(t-n.delay)}function s(o){var u,c,h,d;if(1!==n.state)return l();for(u in i)if((d=i[u]).name===n.name){if(3===d.state)return Un(s);4===d.state?(d.state=6,d.timer.stop(),d.on.call("interrupt",t,t.__data__,d.index,d.group),delete i[u]):+u<e&&(d.state=6,d.timer.stop(),d.on.call("cancel",t,t.__data__,d.index,d.group),delete i[u])}if(Un((function(){3===n.state&&(n.state=4,n.timer.restart(a,n.delay,n.time),a(o))})),n.state=2,n.on.call("start",t,t.__data__,n.index,n.group),2===n.state){for(n.state=3,r=new Array(h=n.tween.length),u=0,c=-1;u<h;++u)(d=n.tween[u].value.call(t,t.__data__,n.index,n.group))&&(r[++c]=d);r.length=c+1}}function a(e){for(var i=e<n.duration?n.ease.call(null,e/n.duration):(n.timer.restart(l),n.state=5,1),o=-1,s=r.length;++o<s;)r[o].call(t,i);5===n.state&&(n.on.call("end",t,t.__data__,n.index,n.group),l())}function l(){for(var r in n.state=6,n.timer.stop(),delete i[e],i)return;delete t.__transition}i[e]=n,n.timer=Rn(o,0,n.time)}(t,n,{name:e,index:r,group:i,on:On,tween:Tn,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:0})}function Hn(t,e){var n=Dn(t,e);if(n.state>0)throw new Error("too late; already scheduled");return n}function zn(t,e){var n=Dn(t,e);if(n.state>3)throw new Error("too late; already running");return n}function Dn(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function jn(t,e){var n,r;return function(){var i=zn(this,t),o=i.tween;if(o!==n)for(var s=0,a=(r=n=o).length;s<a;++s)if(r[s].name===e){(r=r.slice()).splice(s,1);break}i.tween=r}}function Ln(t,e,n){var r,i;if("function"!=typeof n)throw new Error;return function(){var o=zn(this,t),s=o.tween;if(s!==r){i=(r=s).slice();for(var a={name:e,value:n},l=0,u=i.length;l<u;++l)if(i[l].name===e){i[l]=a;break}l===u&&i.push(a)}o.tween=i}}function In(t,e,n){var r=t._id;return t.each((function(){var t=zn(this,r);(t.value||(t.value={}))[e]=n.apply(this,arguments)})),function(t){return Dn(t,r).value[e]}}function qn(t,e){var n;return("number"==typeof e?on:e instanceof Le?rn:(n=Le(e))?(e=n,rn):ln)(t,e)}function Fn(t){return function(){this.removeAttribute(t)}}function Vn(t){return function(){this.removeAttributeNS(t.space,t.local)}}function Xn(t,e,n){var r,i,o=n+"";return function(){var s=this.getAttribute(t);return s===o?null:s===r?i:i=e(r=s,n)}}function Yn(t,e,n){var r,i,o=n+"";return function(){var s=this.getAttributeNS(t.space,t.local);return s===o?null:s===r?i:i=e(r=s,n)}}function Gn(t,e,n){var r,i,o;return function(){var s,a,l=n(this);if(null!=l)return(s=this.getAttribute(t))===(a=l+"")?null:s===r&&a===i?o:(i=a,o=e(r=s,l));this.removeAttribute(t)}}function Kn(t,e,n){var r,i,o;return function(){var s,a,l=n(this);if(null!=l)return(s=this.getAttributeNS(t.space,t.local))===(a=l+"")?null:s===r&&a===i?o:(i=a,o=e(r=s,l));this.removeAttributeNS(t.space,t.local)}}function Wn(t,e){return function(n){this.setAttribute(t,e.call(this,n))}}function Jn(t,e){return function(n){this.setAttributeNS(t.space,t.local,e.call(this,n))}}function Zn(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&Jn(t,i)),n}return i._value=e,i}function Qn(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&Wn(t,i)),n}return i._value=e,i}function tr(t,e){return function(){Hn(this,t).delay=+e.apply(this,arguments)}}function er(t,e){return e=+e,function(){Hn(this,t).delay=e}}function nr(t,e){return function(){zn(this,t).duration=+e.apply(this,arguments)}}function rr(t,e){return e=+e,function(){zn(this,t).duration=e}}function ir(t,e){if("function"!=typeof e)throw new Error;return function(){zn(this,t).ease=e}}function or(t,e,n){var r,i,o=function(t){return(t+"").trim().split(/^|\s+/).every((function(t){var e=t.indexOf(".");return e>=0&&(t=t.slice(0,e)),!t||"start"===t}))}(e)?Hn:zn;return function(){var s=o(this,t),a=s.on;a!==r&&(i=(r=a).copy()).on(e,n),s.on=i}}var sr=_e.prototype.constructor;function ar(t){return function(){this.style.removeProperty(t)}}function lr(t,e,n){return function(r){this.style.setProperty(t,e.call(this,r),n)}}function ur(t,e,n){var r,i;function o(){var o=e.apply(this,arguments);return o!==i&&(r=(i=o)&&lr(t,o,n)),r}return o._value=e,o}function cr(t){return function(e){this.textContent=t.call(this,e)}}function hr(t){var e,n;function r(){var r=t.apply(this,arguments);return r!==n&&(e=(n=r)&&cr(r)),e}return r._value=t,r}var dr=0;function pr(t,e,n,r){this._groups=t,this._parents=e,this._name=n,this._id=r}function fr(){return++dr}var br=_e.prototype;pr.prototype={constructor:pr,select:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=bt(t));for(var r=this._groups,i=r.length,o=new Array(i),s=0;s<i;++s)for(var a,l,u=r[s],c=u.length,h=o[s]=new Array(c),d=0;d<c;++d)(a=u[d])&&(l=t.call(a,a.__data__,d,u))&&("__data__"in a&&(l.__data__=a.__data__),h[d]=l,Bn(h[d],e,n,d,h,Dn(a,n)));return new pr(o,this._parents,e,n)},selectAll:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=vt(t));for(var r=this._groups,i=r.length,o=[],s=[],a=0;a<i;++a)for(var l,u=r[a],c=u.length,h=0;h<c;++h)if(l=u[h]){for(var d,p=t.call(l,l.__data__,h,u),f=Dn(l,n),b=0,y=p.length;b<y;++b)(d=p[b])&&Bn(d,e,n,b,p,f);o.push(p),s.push(l)}return new pr(o,s,e,n)},selectChild:br.selectChild,selectChildren:br.selectChildren,filter:function(t){"function"!=typeof t&&(t=gt(t));for(var e=this._groups,n=e.length,r=new Array(n),i=0;i<n;++i)for(var o,s=e[i],a=s.length,l=r[i]=[],u=0;u<a;++u)(o=s[u])&&t.call(o,o.__data__,u,s)&&l.push(o);return new pr(r,this._parents,this._name,this._id)},merge:function(t){if(t._id!==this._id)throw new Error;for(var e=this._groups,n=t._groups,r=e.length,i=n.length,o=Math.min(r,i),s=new Array(r),a=0;a<o;++a)for(var l,u=e[a],c=n[a],h=u.length,d=s[a]=new Array(h),p=0;p<h;++p)(l=u[p]||c[p])&&(d[p]=l);for(;a<r;++a)s[a]=e[a];return new pr(s,this._parents,this._name,this._id)},selection:function(){return new sr(this._groups,this._parents)},transition:function(){for(var t=this._name,e=this._id,n=fr(),r=this._groups,i=r.length,o=0;o<i;++o)for(var s,a=r[o],l=a.length,u=0;u<l;++u)if(s=a[u]){var c=Dn(s,e);Bn(s,t,n,u,a,{time:c.time+c.delay+c.duration,delay:0,duration:c.duration,ease:c.ease})}return new pr(r,this._parents,t,n)},call:br.call,nodes:br.nodes,node:br.node,size:br.size,empty:br.empty,each:br.each,on:function(t,e){var n=this._id;return arguments.length<2?Dn(this.node(),n).on.on(t):this.each(or(n,t,e))},attr:function(t,e){var n=ct(t),r="transform"===n?mn:qn;return this.attrTween(t,"function"==typeof e?(n.local?Kn:Gn)(n,r,In(this,"attr."+t,e)):null==e?(n.local?Vn:Fn)(n):(n.local?Yn:Xn)(n,r,e))},attrTween:function(t,e){var n="attr."+t;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(null==e)return this.tween(n,null);if("function"!=typeof e)throw new Error;var r=ct(t);return this.tween(n,(r.local?Zn:Qn)(r,e))},style:function(t,e,n){var r="transform"==(t+="")?yn:qn;return null==e?this.styleTween(t,function(t,e){var n,r,i;return function(){var o=qt(this,t),s=(this.style.removeProperty(t),qt(this,t));return o===s?null:o===n&&s===r?i:i=e(n=o,r=s)}}(t,r)).on("end.style."+t,ar(t)):"function"==typeof e?this.styleTween(t,function(t,e,n){var r,i,o;return function(){var s=qt(this,t),a=n(this),l=a+"";return null==a&&(this.style.removeProperty(t),l=a=qt(this,t)),s===l?null:s===r&&l===i?o:(i=l,o=e(r=s,a))}}(t,r,In(this,"style."+t,e))).each(function(t,e){var n,r,i,o,s="style."+e,a="end."+s;return function(){var l=zn(this,t),u=l.on,c=null==l.value[s]?o||(o=ar(e)):void 0;u===n&&i===c||(r=(n=u).copy()).on(a,i=c),l.on=r}}(this._id,t)):this.styleTween(t,function(t,e,n){var r,i,o=n+"";return function(){var s=qt(this,t);return s===o?null:s===r?i:i=e(r=s,n)}}(t,r,e),n).on("end.style."+t,null)},styleTween:function(t,e,n){var r="style."+(t+="");if(arguments.length<2)return(r=this.tween(r))&&r._value;if(null==e)return this.tween(r,null);if("function"!=typeof e)throw new Error;return this.tween(r,ur(t,e,null==n?"":n))},text:function(t){return this.tween("text","function"==typeof t?function(t){return function(){var e=t(this);this.textContent=null==e?"":e}}(In(this,"text",t)):function(t){return function(){this.textContent=t}}(null==t?"":t+""))},textTween:function(t){var e="text";if(arguments.length<1)return(e=this.tween(e))&&e._value;if(null==t)return this.tween(e,null);if("function"!=typeof t)throw new Error;return this.tween(e,hr(t))},remove:function(){return this.on("end.remove",function(t){return function(){var e=this.parentNode;for(var n in this.__transition)if(+n!==t)return;e&&e.removeChild(this)}}(this._id))},tween:function(t,e){var n=this._id;if(t+="",arguments.length<2){for(var r,i=Dn(this.node(),n).tween,o=0,s=i.length;o<s;++o)if((r=i[o]).name===t)return r.value;return null}return this.each((null==e?jn:Ln)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?tr:er)(e,t)):Dn(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?nr:rr)(e,t)):Dn(this.node(),e).duration},ease:function(t){var e=this._id;return arguments.length?this.each(ir(e,t)):Dn(this.node(),e).ease},easeVarying:function(t){if("function"!=typeof t)throw new Error;return this.each(function(t,e){return function(){var n=e.apply(this,arguments);if("function"!=typeof n)throw new Error;zn(this,t).ease=n}}(this._id,t))},end:function(){var t,e,n=this,r=n._id,i=n.size();return new Promise((function(o,s){var a={value:s},l={value:function(){0==--i&&o()}};n.each((function(){var n=zn(this,r),i=n.on;i!==t&&((e=(t=i).copy())._.cancel.push(a),e._.interrupt.push(a),e._.end.push(l)),n.on=e})),0===i&&o()}))},[Symbol.iterator]:br[Symbol.iterator]};var yr={time:null,delay:0,duration:250,ease:function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}};function mr(t,e){for(var n;!(n=t.__transition)||!(n=n[e]);)if(!(t=t.parentNode))throw new Error(`transition ${e} not found`);return n}_e.prototype.interrupt=function(t){return this.each((function(){!function(t,e){var n,r,i,o=t.__transition,s=!0;if(o){for(i in e=null==e?null:e+"",o)(n=o[i]).name===e?(r=n.state>2&&n.state<5,n.state=6,n.timer.stop(),n.on.call(r?"interrupt":"cancel",t,t.__data__,n.index,n.group),delete o[i]):s=!1;s&&delete t.__transition}}(this,t)}))},_e.prototype.transition=function(t){var e,n;t instanceof pr?(e=t._id,t=t._name):(e=fr(),(n=yr).time=En(),t=null==t?null:t+"");for(var r=this._groups,i=r.length,o=0;o<i;++o)for(var s,a=r[o],l=a.length,u=0;u<l;++u)(s=a[u])&&Bn(s,t,e,u,a,n||mr(s,e));return new pr(r,this._parents,t,e)};let vr,gr,wr,_r,xr,$r,Ar,kr,Er,Sr=t=>t;class Cr extends tt{getComputedStyleValue(t){return getComputedStyle(this).getPropertyValue(t).trim()}firstUpdated(t){super.firstUpdated(t),xe(this.renderRoot.host).classed("keyboard",!0).on("mousemove.keyboard touchstart.keyboard",(t=>{xe(t.currentTarget.renderRoot.host).classed("keyboard",!1).on("mousemove.keyboard touchstart.keyboard",null)})).on("keydown.keyboard",(t=>{xe(t.currentTarget.renderRoot.host).classed("keyboard",!0).on("keydown.keyboard mousemove.keyboard touchstart.keyboard",null)}))}static get greys(){const t="#999999",e={white:"#ffffff"};return e.light75=rn(t,"#ffffff")(.75),e.light50=rn(t,"#ffffff")(.5),e.light25=rn(t,"#ffffff")(.25),e.grey=t,e.dark25=rn(t,"#000000")(.25),e.dark50=rn(t,"#000000")(.5),e.dark75=rn(t,"#000000")(.75),e.black="#000000",e}static get shadows(){return{elevations:[0,2,4,8,16],baselineColor:"#000000",baselineColorString:"0, 0, 0",inverseBaselineColor:"#FFFFFF",inverseBaselineColorString:"255, 255, 255",opacityUmbra:.2,opacityPenumbra:.14,opacityAmbient:.12,opacityBoost:.2,mapUmbra:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:3,b:1,s:-2},4:{x:0,y:2,b:4,s:-1},8:{x:0,y:5,b:5,s:-3},16:{x:0,y:8,b:10,s:-5}},mapPenumbra:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:2,b:2,s:0},4:{x:0,y:4,b:5,s:0},8:{x:0,y:8,b:10,s:1},16:{x:0,y:16,b:24,s:2}},mapAmbient:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:1,b:5,s:0},4:{x:0,y:1,b:10,s:0},8:{x:0,y:3,b:14,s:2},16:{x:0,y:6,b:30,s:5}}}}static cssBoxShadow(t,e=!1,n=!1){const r=this.shadows.opacityUmbra+this.shadows.opacityBoost,i=this.shadows.opacityPenumbra+this.shadows.opacityBoost,o=this.shadows.opacityAmbient+this.shadows.opacityBoost,s=n?`rgba(${this.shadows.inverseBaselineColorString}, ${r})`:`rgba(${this.shadows.baselineColorString}, ${r})`,a=n?`rgba(${this.shadows.inverseBaselineColorString}, ${i})`:`rgba(${this.shadows.baselineColorString}, ${i})`,l=n?`rgba(${this.shadows.inverseBaselineColorString}, ${o})`:`rgba(${this.shadows.baselineColorString}, ${o})`,u=this.shadows.mapUmbra[t],c=this.shadows.mapPenumbra[t],h=this.shadows.mapAmbient[t];return`${e?`${-u.y}px ${u.y/2}px ${u.b}px ${u.s}px`:`${u.y/2}px ${u.y}px ${u.b}px ${u.s}px`} ${s}, ${e?`${-c.y}px ${c.y/2}px ${c.b}px ${c.s}px`:`${c.y/2}px ${c.y}px ${c.b}px ${c.s}px`} ${a}, ${e?`${-h.y}px ${h.y/2}px ${h.b}px ${h.s}px`:`${h.y/2}px ${h.y}px ${h.b}px ${h.s}px`} ${l}`}static get svgFilters(){const t=Cr.shadows,e=t.elevations.map((e=>T(vr||(vr=Sr`
|
|
24
|
+
<filter id=${0} x="-250%" y="-250%" width="600%" height="600%">
|
|
25
|
+
<feComponentTransfer in="SourceAlpha" result="solid">
|
|
26
|
+
<feFuncA type="table" tableValues="0 1 1"/>
|
|
27
|
+
</feComponentTransfer>
|
|
28
|
+
<feOffset in="solid" result="offU" dx=${0} dy=${0} />
|
|
29
|
+
<feOffset in="solid" result="offP" dx=${0} dy=${0} />
|
|
30
|
+
<feOffset in="solid" result="offA" dx=${0} dy=${0} />
|
|
31
|
+
${0}
|
|
32
|
+
${0}
|
|
33
|
+
${0}
|
|
34
|
+
<feGaussianBlur in=${0} result="blurU" stdDeviation=${0} />
|
|
35
|
+
<feGaussianBlur in=${0} result="blurP" stdDeviation=${0} />
|
|
36
|
+
<feGaussianBlur in=${0} result="blurA" stdDeviation=${0} />
|
|
37
|
+
<feFlood in="SourceGraphic" result="opU" flood-color=${0} flood-opacity=${0} />
|
|
38
|
+
<feFlood in="SourceGraphic" result="opP" flood-color=${0} flood-opacity=${0} />
|
|
39
|
+
<feFlood in="SourceGraphic" result="opA" flood-color=${0} flood-opacity=${0} />
|
|
40
|
+
<feComposite in="opU" in2="blurU" result="shU" operator="in" />
|
|
41
|
+
<feComposite in="opP" in2="blurP" result="shP" operator="in" />
|
|
42
|
+
<feComposite in="opA" in2="blurA" result="shA" operator="in" />
|
|
43
|
+
<feMorphology in="solid" result="smaller" operator="erode" radius="1" />
|
|
44
|
+
<feComposite in="shU" in2="smaller" result="finalU" operator="out" />
|
|
45
|
+
<feComposite in="shP" in2="smaller" result="finalP" operator="out" />
|
|
46
|
+
<feComposite in="shA" in2="smaller" result="finalA" operator="out" />
|
|
47
|
+
<feMerge>
|
|
48
|
+
<feMergeNode in="finalU" />
|
|
49
|
+
<feMergeNode in="finalP" />
|
|
50
|
+
<feMergeNode in="finalA" />
|
|
51
|
+
<feMergeNode in="SourceGraphic" />
|
|
52
|
+
</feMerge>
|
|
53
|
+
</filter>`),`shadow-${e}`,t.mapUmbra[e].y/2,t.mapUmbra[e].y,t.mapPenumbra[e].y/2,t.mapPenumbra[e].y,t.mapAmbient[e].y/2,t.mapAmbient[e].y,0===t.mapUmbra[e].s?T(gr||(gr=Sr``)):T(wr||(wr=Sr`<feMorphology in="offU" result="spreadU" operator=${0} radius=${0} />`),t.mapUmbra[e].s>0?"dilate":"erode",Math.abs(t.mapUmbra[e].s)),0===t.mapPenumbra[e].s?T(_r||(_r=Sr``)):T(xr||(xr=Sr`<feMorphology in="offP" result="spreadP" operator=${0} radius=${0} />`),t.mapPenumbra[e].s>0?"dilate":"erode",Math.abs(t.mapPenumbra[e].s)),0===t.mapAmbient[e].s?T($r||($r=Sr``)):T(Ar||(Ar=Sr`<feMorphology in="offA" result="spreadA" operator=${0} radius=${0} />`),t.mapAmbient[e].s>0?"dilate":"erode",Math.abs(t.mapAmbient[e].s)),0===t.mapUmbra[e].s?"offU":"spreadU",t.mapUmbra[e].b/2,0===t.mapPenumbra[e].s?"offP":"spreadP",t.mapPenumbra[e].b/2,0===t.mapAmbient[e].s?"offA":"spreadA",t.mapAmbient[e].b/2,t.baselineColor,t.opacityUmbra+t.opacityBoost,t.baselineColor,t.opacityPenumbra+t.opacityBoost,t.baselineColor,t.opacityAmbient+t.opacityBoost)));return T(kr||(kr=Sr`
|
|
54
|
+
<svg class="defs">
|
|
55
|
+
<defs>
|
|
56
|
+
${0}
|
|
57
|
+
</defs>
|
|
58
|
+
</svg>
|
|
59
|
+
`),e)}static get styles(){return s(Er||(Er=Sr`
|
|
60
|
+
:host {
|
|
61
|
+
---shadow-0: var(--shadow-0, ${0});
|
|
62
|
+
---shadow-2: var(--shadow-2, ${0});
|
|
63
|
+
---shadow-4: var(--shadow-4, ${0});
|
|
64
|
+
---shadow-8: var(--shadow-8, ${0});
|
|
65
|
+
|
|
66
|
+
---color-background: var(--color-background, ${0});
|
|
67
|
+
---color-border: var(--color-border, ${0});
|
|
68
|
+
---color-text: var(--color-text, ${0});
|
|
69
|
+
---color-text-inverse: var(--color-text-inverse, ${0});
|
|
70
|
+
---color-link: var(--color-link, ${0});
|
|
71
|
+
---color-element-background: var(--color-element-background, ${0});
|
|
72
|
+
---color-element-disabled: var(--color-element-disabled, ${0});
|
|
73
|
+
---color-element-enabled: var(--color-element-enabled, ${0});
|
|
74
|
+
---color-element-selected: var(--color-element-selected, ${0});
|
|
75
|
+
---color-element-border: var(--color-element-border, ${0});
|
|
76
|
+
---color-element-emphasis: var(--color-element-emphasis, ${0});
|
|
77
|
+
|
|
78
|
+
---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
|
|
79
|
+
---font-family-math: var(--font-family-math, "Source Serif", serif);
|
|
80
|
+
|
|
81
|
+
---transition-duration: var(--transition-duration, 500ms);
|
|
82
|
+
|
|
83
|
+
font-family: var(---font-family-base);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
:host,
|
|
87
|
+
:host *,
|
|
88
|
+
:host *::before,
|
|
89
|
+
:host *::after {
|
|
90
|
+
box-sizing: border-box;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.math-greek {
|
|
94
|
+
font-family: var(---font-family-math);
|
|
95
|
+
font-style: normal;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.math-num {
|
|
99
|
+
font-family: var(---font-family-base);
|
|
100
|
+
font-style: normal;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.math-var {
|
|
104
|
+
font-family: var(---font-family-math);
|
|
105
|
+
font-style: italic;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.defs {
|
|
109
|
+
display: block;
|
|
110
|
+
|
|
111
|
+
width: 0;
|
|
112
|
+
height: 0;
|
|
113
|
+
}
|
|
114
|
+
`),o(this.cssBoxShadow(0)),o(this.cssBoxShadow(2)),o(this.cssBoxShadow(4)),o(this.cssBoxShadow(8)),o(this.greys.white),o(this.greys.light75),o(this.greys.dark75),o(this.greys.white),o(this.greys.dark25),o(this.greys.light75),o(this.greys.light50),o(this.greys.grey),o(this.greys.dark25),o(this.greys.dark50),o(this.greys.dark75))}}let Rr,Nr,Pr=t=>t;class Mr extends Cr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,s(Rr||(Rr=Pr`
|
|
115
|
+
:host {
|
|
116
|
+
margin: 0.25rem;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
button {
|
|
120
|
+
width: 100%;
|
|
121
|
+
height: 100%;
|
|
122
|
+
padding: 0.375rem 0.75rem;
|
|
123
|
+
|
|
124
|
+
font-family: var(---font-family-base);
|
|
125
|
+
font-size: 1.125rem;
|
|
126
|
+
line-height: 1.5;
|
|
127
|
+
color: var(---color-text-inverse);
|
|
128
|
+
|
|
129
|
+
border: 0;
|
|
130
|
+
border-radius: 0.25rem;
|
|
131
|
+
outline: none;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
button:disabled {
|
|
135
|
+
background-color: var(--decidables-button-background-color, var(---color-element-disabled));
|
|
136
|
+
outline: none;
|
|
137
|
+
box-shadow: none;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
button:enabled {
|
|
141
|
+
cursor: pointer;
|
|
142
|
+
|
|
143
|
+
background-color: var(--decidables-button-background-color, var(---color-element-enabled));
|
|
144
|
+
outline: none;
|
|
145
|
+
box-shadow: var(---shadow-2);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
button:enabled:hover {
|
|
149
|
+
outline: none;
|
|
150
|
+
box-shadow: var(---shadow-4);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
button:enabled:active {
|
|
154
|
+
outline: none;
|
|
155
|
+
box-shadow: var(---shadow-8);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
:host(.keyboard) button:enabled:focus {
|
|
159
|
+
outline: none;
|
|
160
|
+
box-shadow: var(---shadow-4);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
:host(.keyboard) button:enabled:focus:active {
|
|
164
|
+
outline: none;
|
|
165
|
+
box-shadow: var(---shadow-8);
|
|
166
|
+
}
|
|
167
|
+
`))]}render(){return O(Nr||(Nr=Pr`
|
|
168
|
+
<button ?disabled=${0}>
|
|
169
|
+
<slot></slot>
|
|
170
|
+
</button>
|
|
171
|
+
`),this.disabled)}}customElements.define("decidables-button",Mr);
|
|
7
172
|
/**
|
|
8
173
|
* @license
|
|
9
174
|
* Copyright 2018 Google LLC
|
|
10
175
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
176
|
*/
|
|
12
|
-
var ri,ii,oi,ai,si=function(t){return null!=t?t:st},li=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).disabled=!1,t.max=void 0,t.min=void 0,t.step=void 0,t.value=void 0,t}return o(n,[{key:"changed",value:function(t){this.value=t.target.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0}))}},{key:"inputted",value:function(t){this.value=t.target.value}},{key:"render",value:function(){return it(ri||(ri=m(["\n <label for=",'>\n <slot></slot>\n </label>\n <div class="range">\n <input type="range" id='," min="," max="," step="," .value="," @change="," @input=",">\n </div>\n <decidables-spinner min="," max="," step="," .value="," @input=","></decidables-spinner>\n "])),"".concat(this.uniqueId,"-slider"),"".concat(this.uniqueId,"-slider"),si(this.min),si(this.max),si(this.step),this.value,this.changed.bind(this),this.inputted.bind(this),si(this.min),si(this.max),si(this.step),this.value,this.inputted.bind(this))}}],[{key:"properties",get:function(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},max:{attribute:"max",type:Number,reflect:!0},min:{attribute:"min",type:Number,reflect:!0},step:{attribute:"step",type:Number,reflect:!0},value:{attribute:"value",type:Number,reflect:!0}}}},{key:"styles",get:function(){return[b(l(n),"styles",this),P(ii||(ii=m(["\n :host {\n ---shadow-2-rotate: var(--shadow-2-rotate, ",");\n ---shadow-4-rotate: var(--shadow-4-rotate, ",");\n ---shadow-8-rotate: var(--shadow-8-rotate, ",");\n\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n }\n\n label {\n margin: 0.25rem 0.25rem 0;\n }\n\n .range {\n display: inline-block;\n\n width: 3.5rem;\n height: 4.75rem;\n margin: 0 0.25rem 0.25rem;\n }\n\n decidables-spinner {\n --decidables-spinner-input-width: 3.5rem;\n\n margin: 0 0.25rem 0.25rem;\n }\n\n /* Adapted from http://danielstern.ca/range.css/#/ */\n /* Overall */\n input[type=range] {\n width: 4.75rem;\n height: 3.5rem;\n padding: 0;\n margin: 0;\n\n background-color: unset;\n\n transform: rotate(-90deg);\n transform-origin: 2.375rem 2.375rem;\n\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n }\n\n input[type=range]:enabled {\n cursor: ns-resize;\n }\n\n input[type=range]:focus {\n outline: none;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-ms-tooltip {\n display: none;\n }\n\n /* Track */\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 4px;\n\n background: var(---color-element-disabled);\n border: 0;\n border-radius: 2px;\n box-shadow: none;\n }\n\n input[type=range]:focus::-webkit-slider-runnable-track {\n background: var(---color-element-disabled);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-moz-range-track {\n width: 100%;\n height: 4px;\n\n background: var(---color-element-disabled);\n border: 0;\n border-radius: 2px;\n box-shadow: none;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n\n color: transparent;\n\n background: transparent;\n border-color: transparent;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-ms-fill-lower {\n background: #cccccc;\n /* background: var(---color-element-disabled); */\n border: 0;\n border-radius: 2px;\n box-shadow: none;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-ms-fill-upper {\n background: #cccccc;\n /* background: var(---color-element-disabled); */\n border: 0;\n border-radius: 2px;\n box-shadow: none;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:focus::-ms-fill-lower {\n background: var(---color-element-disabled);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:focus::-ms-fill-upper {\n background: var(---color-element-disabled);\n }\n\n /* Thumb */\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-webkit-slider-thumb {\n width: 10px;\n height: 20px;\n margin-top: -8px;\n\n border: 0;\n border-radius: 4px;\n\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n }\n\n input[type=range]:disabled::-webkit-slider-thumb {\n background: var(---color-element-disabled);\n box-shadow: none;\n }\n\n input[type=range]:enabled::-webkit-slider-thumb {\n background: var(---color-element-enabled);\n box-shadow: var(---shadow-2-rotate);\n }\n\n input[type=range]:enabled:hover::-webkit-slider-thumb {\n box-shadow: var(---shadow-4-rotate);\n }\n\n input[type=range]:enabled:active::-webkit-slider-thumb {\n box-shadow: var(---shadow-8-rotate);\n }\n\n :host(.keyboard) input[type=range]:enabled:focus::-webkit-slider-thumb {\n box-shadow: var(---shadow-4-rotate);\n }\n\n :host(.keyboard) input[type=range]:focus:active::-webkit-slider-thumb {\n box-shadow: var(---shadow-8-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-moz-range-thumb {\n width: 10px;\n height: 20px;\n\n border: 0;\n border-radius: 4px;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:disabled::-moz-range-thumb {\n background: var(---color-element-disabled);\n box-shadow: none;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:enabled::-moz-range-thumb {\n background: var(---color-element-enabled);\n box-shadow: var(---shadow-2-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:enabled:hover::-moz-range-thumb {\n box-shadow: var(---shadow-4-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:enabled:active::-moz-range-thumb {\n box-shadow: var(---shadow-8-rotate);\n }\n\n :host(.keyboard) input[type=range]:enabled:focus::-moz-range-thumb {\n box-shadow: var(---shadow-4-rotate);\n }\n\n :host(.keyboard) input[type=range]:enabled:focus:active::-moz-range-thumb {\n box-shadow: var(---shadow-8-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]::-ms-thumb {\n width: 10px;\n height: 20px;\n margin-top: 0;\n\n background: #999999;\n /* background: var(---color-element-enabled); */\n border: 0;\n border-radius: 4px;\n box-shadow: var(---shadow-2-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:disabled::-ms-thumb {\n background: var(---color-element-disabled);\n box-shadow: none;\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:enabled::-ms-thumb {\n background: var(---color-element-enabled);\n box-shadow: var(---shadow-2-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:enabled:hover::-ms-thumb {\n box-shadow: var(---shadow-4-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n input[type=range]:enabled:active::-ms-thumb {\n box-shadow: var(---shadow-8-rotate);\n }\n\n /* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */\n :host(.keyboard) input[type=range]:enabled:focus::-ms-thumb {\n box-shadow: var(---shadow-4-rotate);\n }\n\n :host(.keyboard) input[type=range]:enabled:focus:active::-ms-thumb {\n box-shadow: var(---shadow-8-rotate);\n }\n "])),N(this.cssBoxShadow(2,!0,!1)),N(this.cssBoxShadow(4,!0,!1)),N(this.cssBoxShadow(8,!0,!1)))]}}]),n}(ei);customElements.define("decidables-slider",li);var ui,ci,hi=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).disabled=!1,t.max=void 0,t.min=void 0,t.step=void 0,t.value=void 0,t}return o(n,[{key:"inputted",value:function(t){this.value=t.target.value}},{key:"render",value:function(){return it(oi||(oi=m(["\n <label>\n <slot></slot>\n <input ?disabled=",' type="number" min='," max="," step="," .value="," @input=",">\n </label>\n "])),this.disabled,si(this.min),si(this.max),si(this.step),this.value,this.inputted.bind(this))}}],[{key:"properties",get:function(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},max:{attribute:"max",type:Number,reflect:!0},min:{attribute:"min",type:Number,reflect:!0},step:{attribute:"step",type:Number,reflect:!0},value:{attribute:"value",type:Number,reflect:!0}}}},{key:"styles",get:function(){return[b(l(n),"styles",this),P(ai||(ai=m(['\n :host {\n ---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);\n ---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);\n ---decidables-spinner-prefix: var(--decidables-spinner-prefix, "");\n\n display: block;\n }\n\n label {\n position: relative;\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n\n margin: 0;\n\n font-size: 0.75rem;\n }\n\n label::before {\n position: absolute;\n bottom: 1px;\n left: calc(50% - var(---decidables-spinner-input-width) / 2 + 0.25rem);\n\n font-size: var(---decidables-spinner-font-size);\n line-height: normal;\n\n content: var(---decidables-spinner-prefix);\n }\n\n input[type=number] {\n width: var(---decidables-spinner-input-width);\n\n font-family: var(---font-family-base);\n font-size: var(---decidables-spinner-font-size);\n color: inherit;\n text-align: right;\n\n background: none;\n border: 0;\n border-radius: 0;\n outline: none;\n box-shadow: var(---shadow-2);\n\n -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */\n }\n\n input[type=number]:hover {\n box-shadow: var(---shadow-4);\n }\n\n input[type=number]:focus,\n input[type=number]:active {\n box-shadow: var(---shadow-8);\n }\n\n input[type=number]:disabled {\n color: var(---color-text);\n\n border: 0;\n box-shadow: none;\n\n /* HACK: Use correct text color in Safari */\n -webkit-opacity: 1;\n /* HACK: Hide spinners in disabled input for Firefox and Safari */\n -moz-appearance: textfield; /* stylelint-disable-line property-no-vendor-prefix */\n /* HACK: Use correct text color in Safari */\n -webkit-text-fill-color: var(---color-text);\n }\n\n /* HACK: Hide spinners in disabled input for Firefox and Safari */\n input[type=number]:disabled::-webkit-outer-spin-button,\n input[type=number]:disabled::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */\n }\n '])))]}}]),n}(ei);customElements.define("decidables-spinner",hi);var di,fi,pi=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).checked=!1,t.disabled=!1,t}return o(n,[{key:"changed",value:function(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked},bubbles:!0}))}},{key:"render",value:function(){return it(ui||(ui=m(['\n <input type="checkbox" id='," ?checked="," ?disabled="," @change=",">\n <label for=",'>\n <slot name="off-label"></slot>\n </label>\n <label for=',">\n <slot></slot>\n </label>\n "])),"".concat(this.uniqueId,"-checkbox"),this.checked,this.disabled,this.changed.bind(this),"".concat(this.uniqueId,"-checkbox"),"".concat(this.uniqueId,"-checkbox"))}}],[{key:"properties",get:function(){return{checked:{attribute:"checked",type:Boolean,reflect:!0},disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}},{key:"styles",get:function(){return[b(l(n),"styles",this),P(ci||(ci=m(['\n :host {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n justify-content: center;\n }\n\n /* Adapted from https://codepen.io/guuslieben/pen/YyPRVP */\n input[type=checkbox] {\n /* visuallyhidden: https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.md */\n position: absolute;\n\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n white-space: nowrap;\n\n border: 0;\n clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */\n }\n\n input[type=checkbox] + label {\n order: 1;\n\n margin: 0 0.25rem 0.25rem;\n\n font-weight: 400;\n }\n\n input[type=checkbox] + label + label {\n position: relative;\n\n min-width: 24px;\n padding: 0 0 36px;\n margin: 0.25rem 0.25rem 0;\n\n font-weight: 400;\n\n outline: none;\n }\n\n input[type=checkbox] + label + label::before,\n input[type=checkbox] + label + label::after {\n position: absolute;\n\n left: 50%;\n\n margin: 0;\n\n content: "";\n\n outline: 0;\n\n transition: all var(---transition-duration) ease;\n transform: translate(-50%, 0);\n }\n\n input[type=checkbox] + label + label::before {\n bottom: 1px;\n\n width: 8px;\n height: 34px;\n\n background-color: var(---color-element-disabled);\n border-radius: 4px;\n }\n\n input[type=checkbox] + label + label::after {\n bottom: 0;\n\n width: 18px;\n height: 18px;\n\n background-color: var(---color-element-enabled);\n border-radius: 50%;\n box-shadow: var(---shadow-2);\n }\n\n input[type=checkbox]:checked + label + label::after {\n transform: translate(-50%, -100%);\n }\n\n input[type=checkbox]:disabled + label + label::after {\n background-color: var(---color-element-disabled);\n box-shadow: none;\n }\n\n input[type=checkbox]:enabled + label,\n input[type=checkbox]:enabled + label + label {\n cursor: pointer;\n }\n\n input[type=checkbox]:enabled + label:hover + label::after,\n input[type=checkbox]:enabled + label + label:hover::after {\n box-shadow: var(---shadow-4);\n }\n\n input[type=checkbox]:enabled + label:active + label::after,\n input[type=checkbox]:enabled + label + label:active::after {\n box-shadow: var(---shadow-8);\n }\n\n /* stylelint-disable-next-line selector-max-compound-selectors */\n :host(.keyboard) input[type=checkbox]:enabled:focus + label + label::after {\n box-shadow: var(---shadow-4);\n }\n\n /* stylelint-disable-next-line selector-max-compound-selectors */\n :host(.keyboard) input[type=checkbox]:enabled:focus + label + label:active::after,\n :host(.keyboard) input[type=checkbox]:enabled:focus:active + label + label::after {\n box-shadow: var(---shadow-8);\n }\n '])))]}}]),n}(ei);customElements.define("decidables-switch",pi);var yi,vi,bi=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).disabled=!1,t}return o(n,[{key:"render",value:function(){return it(di||(di=m(["\n <fieldset ?disabled=",'>\n <legend><slot name="label"></slot></legend>\n <slot></slot>\n </fieldset>\n '])),this.disabled)}}],[{key:"properties",get:function(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}},{key:"styles",get:function(){return[b(l(n),"styles",this),P(fi||(fi=m(["\n fieldset {\n display: flex;\n\n flex-direction: column;\n\n align-items: stretch;\n justify-content: center;\n\n margin: 0.25rem;\n\n border: 0;\n }\n\n legend {\n text-align: center;\n }\n "])))]}}]),n}(ei);customElements.define("decidables-toggle",bi);var mi=function(t){s(n,t);var e=y(n);function n(){var t;return r(this,n),(t=e.call(this)).checked=!1,t.disabled=!1,t.name=void 0,t.value=void 0,t}return o(n,[{key:"changed",value:function(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0}))}},{key:"render",value:function(){return it(yi||(yi=m(['\n <input type="radio" id='," name="," value="," .checked="," @change=",">\n <label for=",">\n <slot></slot>\n </label>\n "])),"".concat(this.uniqueId,"-radio"),this.name,this.value,this.checked,this.changed.bind(this),"".concat(this.uniqueId,"-radio"))}}],[{key:"properties",get:function(){return{checked:{attribute:"checked",type:Boolean,reflect:!0},disabled:{attribute:"disabled",type:Boolean,reflect:!0},name:{attribute:"name",type:String,reflect:!0},value:{attribute:"value",type:String,reflect:!0}}}},{key:"styles",get:function(){return[b(l(n),"styles",this),P(vi||(vi=m(["\n :host {\n display: flex;\n }\n\n input[type=radio] {\n /* visuallyhidden: https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.md */\n position: absolute;\n\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n white-space: nowrap;\n\n border: 0;\n clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */\n }\n\n input[type=radio] + label {\n width: 100%;\n padding: 0.375rem 0.75rem;\n\n font-family: var(---font-family-base);\n font-size: 1.125rem;\n line-height: 1.5;\n color: var(---color-text-inverse);\n text-align: center;\n\n cursor: pointer;\n\n background-color: var(---color-element-enabled);\n border: 0;\n border-radius: 0;\n outline: none;\n\n box-shadow: var(---shadow-2);\n }\n\n input[type=radio]:checked + label {\n background-color: var(---color-element-selected);\n outline: none;\n box-shadow: var(---shadow-2);\n }\n\n input[type=radio] + label:hover {\n z-index: 1;\n\n outline: none;\n box-shadow: var(---shadow-4);\n }\n\n input[type=radio] + label:active {\n z-index: 2;\n\n outline: none;\n box-shadow: var(---shadow-8);\n }\n\n :host(:first-of-type) input[type=radio] + label {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n\n :host(:last-of-type) input[type=radio] + label {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n\n :host(.keyboard) input[type=radio]:focus + label {\n z-index: 1;\n\n outline: none;\n box-shadow: var(---shadow-4);\n }\n\n :host(.keyboard) input[type=radio]:focus:checked + label {\n z-index: 1;\n\n background-color: var(---color-element-selected);\n outline: none;\n box-shadow: var(---shadow-4);\n }\n\n :host(.keyboard) input[type=radio]:focus + label:active {\n z-index: 2;\n\n outline: none;\n box-shadow: var(---shadow-8);\n }\n "])))]}}]),n}(ei);customElements.define("decidables-toggle-option",mi);var gi={fromAttribute:function(t){return t.split(/\s+/).map((function(t){return Number.parseFloat(t)}))},toAttribute:function(t){return t.length?t.map((function(t){return t.toFixed(3)})).join(" "):null}},wi={fromAttribute:function(t){return new Set(t.split(/\s+/))},toAttribute:function(t){return t.size?w(t).join(" "):null}};t.DecidablesButton=ni,t.DecidablesConverterArray=gi,t.DecidablesConverterSet=wi,t.DecidablesElement=ei,t.DecidablesSlider=li,t.DecidablesSpinner=hi,t.DecidablesSwitch=pi,t.DecidablesToggle=bi,t.DecidablesToggleOption=mi,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
177
|
+
const Ur=t=>null!=t?t:H;let Or,Tr,Br=t=>t;class Hr extends Cr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},max:{attribute:"max",type:Number,reflect:!0},min:{attribute:"min",type:Number,reflect:!0},step:{attribute:"step",type:Number,reflect:!0},value:{attribute:"value",type:Number,reflect:!0}}}constructor(){super(),this.disabled=!1,this.max=void 0,this.min=void 0,this.step=void 0,this.value=void 0}changed(t){this.value=t.target.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0}))}inputted(t){this.value=t.target.value}static get styles(){return[super.styles,s(Or||(Or=Br`
|
|
178
|
+
:host {
|
|
179
|
+
---shadow-2-rotate: var(--shadow-2-rotate, ${0});
|
|
180
|
+
---shadow-4-rotate: var(--shadow-4-rotate, ${0});
|
|
181
|
+
---shadow-8-rotate: var(--shadow-8-rotate, ${0});
|
|
182
|
+
|
|
183
|
+
display: flex;
|
|
184
|
+
|
|
185
|
+
flex-direction: column;
|
|
186
|
+
|
|
187
|
+
align-items: center;
|
|
188
|
+
justify-content: center;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
label {
|
|
192
|
+
margin: 0.25rem 0.25rem 0;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.range {
|
|
196
|
+
display: inline-block;
|
|
197
|
+
|
|
198
|
+
width: 3.5rem;
|
|
199
|
+
height: 4.75rem;
|
|
200
|
+
margin: 0 0.25rem 0.25rem;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
decidables-spinner {
|
|
204
|
+
--decidables-spinner-input-width: 3.5rem;
|
|
205
|
+
|
|
206
|
+
margin: 0 0.25rem 0.25rem;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
/* Adapted from http://danielstern.ca/range.css/#/ */
|
|
210
|
+
/* Overall */
|
|
211
|
+
input[type=range] {
|
|
212
|
+
width: 4.75rem;
|
|
213
|
+
height: 3.5rem;
|
|
214
|
+
padding: 0;
|
|
215
|
+
margin: 0;
|
|
216
|
+
|
|
217
|
+
background-color: unset;
|
|
218
|
+
|
|
219
|
+
transform: rotate(-90deg);
|
|
220
|
+
transform-origin: 2.375rem 2.375rem;
|
|
221
|
+
|
|
222
|
+
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
223
|
+
-webkit-appearance: none;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
input[type=range]:enabled {
|
|
227
|
+
cursor: ns-resize;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
input[type=range]:focus {
|
|
231
|
+
outline: none;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
235
|
+
input[type=range]::-ms-tooltip {
|
|
236
|
+
display: none;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
/* Track */
|
|
240
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
241
|
+
input[type=range]::-webkit-slider-runnable-track {
|
|
242
|
+
width: 100%;
|
|
243
|
+
height: 4px;
|
|
244
|
+
|
|
245
|
+
background: var(---color-element-disabled);
|
|
246
|
+
border: 0;
|
|
247
|
+
border-radius: 2px;
|
|
248
|
+
box-shadow: none;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
252
|
+
background: var(---color-element-disabled);
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
256
|
+
input[type=range]::-moz-range-track {
|
|
257
|
+
width: 100%;
|
|
258
|
+
height: 4px;
|
|
259
|
+
|
|
260
|
+
background: var(---color-element-disabled);
|
|
261
|
+
border: 0;
|
|
262
|
+
border-radius: 2px;
|
|
263
|
+
box-shadow: none;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
267
|
+
input[type=range]::-ms-track {
|
|
268
|
+
width: 100%;
|
|
269
|
+
height: 4px;
|
|
270
|
+
|
|
271
|
+
color: transparent;
|
|
272
|
+
|
|
273
|
+
background: transparent;
|
|
274
|
+
border-color: transparent;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
278
|
+
input[type=range]::-ms-fill-lower {
|
|
279
|
+
background: #cccccc;
|
|
280
|
+
/* background: var(---color-element-disabled); */
|
|
281
|
+
border: 0;
|
|
282
|
+
border-radius: 2px;
|
|
283
|
+
box-shadow: none;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
287
|
+
input[type=range]::-ms-fill-upper {
|
|
288
|
+
background: #cccccc;
|
|
289
|
+
/* background: var(---color-element-disabled); */
|
|
290
|
+
border: 0;
|
|
291
|
+
border-radius: 2px;
|
|
292
|
+
box-shadow: none;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
296
|
+
input[type=range]:focus::-ms-fill-lower {
|
|
297
|
+
background: var(---color-element-disabled);
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
301
|
+
input[type=range]:focus::-ms-fill-upper {
|
|
302
|
+
background: var(---color-element-disabled);
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
/* Thumb */
|
|
306
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
307
|
+
input[type=range]::-webkit-slider-thumb {
|
|
308
|
+
width: 10px;
|
|
309
|
+
height: 20px;
|
|
310
|
+
margin-top: -8px;
|
|
311
|
+
|
|
312
|
+
border: 0;
|
|
313
|
+
border-radius: 4px;
|
|
314
|
+
|
|
315
|
+
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
316
|
+
-webkit-appearance: none;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
input[type=range]:disabled::-webkit-slider-thumb {
|
|
320
|
+
background: var(---color-element-disabled);
|
|
321
|
+
box-shadow: none;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
input[type=range]:enabled::-webkit-slider-thumb {
|
|
325
|
+
background: var(---color-element-enabled);
|
|
326
|
+
box-shadow: var(---shadow-2-rotate);
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
input[type=range]:enabled:hover::-webkit-slider-thumb {
|
|
330
|
+
box-shadow: var(---shadow-4-rotate);
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
input[type=range]:enabled:active::-webkit-slider-thumb {
|
|
334
|
+
box-shadow: var(---shadow-8-rotate);
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
:host(.keyboard) input[type=range]:enabled:focus::-webkit-slider-thumb {
|
|
338
|
+
box-shadow: var(---shadow-4-rotate);
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
:host(.keyboard) input[type=range]:focus:active::-webkit-slider-thumb {
|
|
342
|
+
box-shadow: var(---shadow-8-rotate);
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
346
|
+
input[type=range]::-moz-range-thumb {
|
|
347
|
+
width: 10px;
|
|
348
|
+
height: 20px;
|
|
349
|
+
|
|
350
|
+
border: 0;
|
|
351
|
+
border-radius: 4px;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
355
|
+
input[type=range]:disabled::-moz-range-thumb {
|
|
356
|
+
background: var(---color-element-disabled);
|
|
357
|
+
box-shadow: none;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
361
|
+
input[type=range]:enabled::-moz-range-thumb {
|
|
362
|
+
background: var(---color-element-enabled);
|
|
363
|
+
box-shadow: var(---shadow-2-rotate);
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
367
|
+
input[type=range]:enabled:hover::-moz-range-thumb {
|
|
368
|
+
box-shadow: var(---shadow-4-rotate);
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
372
|
+
input[type=range]:enabled:active::-moz-range-thumb {
|
|
373
|
+
box-shadow: var(---shadow-8-rotate);
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
:host(.keyboard) input[type=range]:enabled:focus::-moz-range-thumb {
|
|
377
|
+
box-shadow: var(---shadow-4-rotate);
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
:host(.keyboard) input[type=range]:enabled:focus:active::-moz-range-thumb {
|
|
381
|
+
box-shadow: var(---shadow-8-rotate);
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
385
|
+
input[type=range]::-ms-thumb {
|
|
386
|
+
width: 10px;
|
|
387
|
+
height: 20px;
|
|
388
|
+
margin-top: 0;
|
|
389
|
+
|
|
390
|
+
background: #999999;
|
|
391
|
+
/* background: var(---color-element-enabled); */
|
|
392
|
+
border: 0;
|
|
393
|
+
border-radius: 4px;
|
|
394
|
+
box-shadow: var(---shadow-2-rotate);
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
398
|
+
input[type=range]:disabled::-ms-thumb {
|
|
399
|
+
background: var(---color-element-disabled);
|
|
400
|
+
box-shadow: none;
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
404
|
+
input[type=range]:enabled::-ms-thumb {
|
|
405
|
+
background: var(---color-element-enabled);
|
|
406
|
+
box-shadow: var(---shadow-2-rotate);
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
410
|
+
input[type=range]:enabled:hover::-ms-thumb {
|
|
411
|
+
box-shadow: var(---shadow-4-rotate);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
415
|
+
input[type=range]:enabled:active::-ms-thumb {
|
|
416
|
+
box-shadow: var(---shadow-8-rotate);
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
420
|
+
:host(.keyboard) input[type=range]:enabled:focus::-ms-thumb {
|
|
421
|
+
box-shadow: var(---shadow-4-rotate);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
:host(.keyboard) input[type=range]:enabled:focus:active::-ms-thumb {
|
|
425
|
+
box-shadow: var(---shadow-8-rotate);
|
|
426
|
+
}
|
|
427
|
+
`),o(this.cssBoxShadow(2,!0,!1)),o(this.cssBoxShadow(4,!0,!1)),o(this.cssBoxShadow(8,!0,!1)))]}render(){return O(Tr||(Tr=Br`
|
|
428
|
+
<label for="slider">
|
|
429
|
+
<slot></slot>
|
|
430
|
+
</label>
|
|
431
|
+
<div class="range">
|
|
432
|
+
<input type="range" id="slider" min=${0} max=${0} step=${0} .value=${0} @change=${0} @input=${0}>
|
|
433
|
+
</div>
|
|
434
|
+
<decidables-spinner min=${0} max=${0} step=${0} .value=${0} @input=${0}></decidables-spinner>
|
|
435
|
+
`),Ur(this.min),Ur(this.max),Ur(this.step),this.value,this.changed.bind(this),this.inputted.bind(this),Ur(this.min),Ur(this.max),Ur(this.step),this.value,this.inputted.bind(this))}}customElements.define("decidables-slider",Hr);let zr,Dr,jr=t=>t;class Lr extends Cr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},max:{attribute:"max",type:Number,reflect:!0},min:{attribute:"min",type:Number,reflect:!0},step:{attribute:"step",type:Number,reflect:!0},value:{attribute:"value",type:Number,reflect:!0}}}constructor(){super(),this.disabled=!1,this.max=void 0,this.min=void 0,this.step=void 0,this.value=void 0}inputted(t){this.value=t.target.value}static get styles(){return[super.styles,s(zr||(zr=jr`
|
|
436
|
+
:host {
|
|
437
|
+
---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
|
|
438
|
+
---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
|
|
439
|
+
---decidables-spinner-prefix: var(--decidables-spinner-prefix, "");
|
|
440
|
+
|
|
441
|
+
display: block;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
label {
|
|
445
|
+
position: relative;
|
|
446
|
+
display: flex;
|
|
447
|
+
|
|
448
|
+
flex-direction: column;
|
|
449
|
+
|
|
450
|
+
align-items: center;
|
|
451
|
+
|
|
452
|
+
margin: 0;
|
|
453
|
+
|
|
454
|
+
font-size: 0.75rem;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
label::before {
|
|
458
|
+
position: absolute;
|
|
459
|
+
bottom: 1px;
|
|
460
|
+
left: calc(50% - var(---decidables-spinner-input-width) / 2 + 0.25rem);
|
|
461
|
+
|
|
462
|
+
font-size: var(---decidables-spinner-font-size);
|
|
463
|
+
line-height: normal;
|
|
464
|
+
|
|
465
|
+
content: var(---decidables-spinner-prefix);
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
input[type=number] {
|
|
469
|
+
width: var(---decidables-spinner-input-width);
|
|
470
|
+
|
|
471
|
+
font-family: var(---font-family-base);
|
|
472
|
+
font-size: var(---decidables-spinner-font-size);
|
|
473
|
+
color: inherit;
|
|
474
|
+
text-align: right;
|
|
475
|
+
|
|
476
|
+
background: none;
|
|
477
|
+
border: 0;
|
|
478
|
+
border-radius: 0;
|
|
479
|
+
outline: none;
|
|
480
|
+
box-shadow: var(---shadow-2);
|
|
481
|
+
|
|
482
|
+
-webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
input[type=number]:hover {
|
|
486
|
+
box-shadow: var(---shadow-4);
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
input[type=number]:focus,
|
|
490
|
+
input[type=number]:active {
|
|
491
|
+
box-shadow: var(---shadow-8);
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
input[type=number]:disabled {
|
|
495
|
+
color: var(---color-text);
|
|
496
|
+
|
|
497
|
+
border: 0;
|
|
498
|
+
box-shadow: none;
|
|
499
|
+
|
|
500
|
+
/* HACK: Use correct text color in Safari */
|
|
501
|
+
-webkit-opacity: 1;
|
|
502
|
+
/* HACK: Hide spinners in disabled input for Firefox and Safari */
|
|
503
|
+
-moz-appearance: textfield; /* stylelint-disable-line property-no-vendor-prefix */
|
|
504
|
+
/* HACK: Use correct text color in Safari */
|
|
505
|
+
-webkit-text-fill-color: var(---color-text);
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
/* HACK: Hide spinners in disabled input for Firefox and Safari */
|
|
509
|
+
input[type=number]:disabled::-webkit-outer-spin-button,
|
|
510
|
+
input[type=number]:disabled::-webkit-inner-spin-button {
|
|
511
|
+
margin: 0;
|
|
512
|
+
-webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
|
|
513
|
+
}
|
|
514
|
+
`))]}render(){return O(Dr||(Dr=jr`
|
|
515
|
+
<label>
|
|
516
|
+
<slot></slot>
|
|
517
|
+
<input ?disabled=${0} type="number" min=${0} max=${0} step=${0} .value=${0} @input=${0}>
|
|
518
|
+
</label>
|
|
519
|
+
`),this.disabled,Ur(this.min),Ur(this.max),Ur(this.step),this.value,this.inputted.bind(this))}}customElements.define("decidables-spinner",Lr);let Ir,qr,Fr=t=>t;class Vr extends Cr{static get properties(){return{checked:{attribute:"checked",type:Boolean,reflect:!0},disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.checked=!1,this.disabled=!1}changed(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked},bubbles:!0}))}static get styles(){return[super.styles,s(Ir||(Ir=Fr`
|
|
520
|
+
:host {
|
|
521
|
+
display: flex;
|
|
522
|
+
|
|
523
|
+
flex-direction: column;
|
|
524
|
+
|
|
525
|
+
align-items: center;
|
|
526
|
+
justify-content: center;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
/* Adapted from https://codepen.io/guuslieben/pen/YyPRVP */
|
|
530
|
+
input[type=checkbox] {
|
|
531
|
+
/* visuallyhidden: https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.md */
|
|
532
|
+
position: absolute;
|
|
533
|
+
|
|
534
|
+
width: 1px;
|
|
535
|
+
height: 1px;
|
|
536
|
+
padding: 0;
|
|
537
|
+
margin: -1px;
|
|
538
|
+
overflow: hidden;
|
|
539
|
+
clip: rect(0 0 0 0);
|
|
540
|
+
|
|
541
|
+
white-space: nowrap;
|
|
542
|
+
|
|
543
|
+
border: 0;
|
|
544
|
+
clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
input[type=checkbox] + label {
|
|
548
|
+
order: 1;
|
|
549
|
+
|
|
550
|
+
margin: 0 0.25rem 0.25rem;
|
|
551
|
+
|
|
552
|
+
font-weight: 400;
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
input[type=checkbox] + label + label {
|
|
556
|
+
position: relative;
|
|
557
|
+
|
|
558
|
+
min-width: 24px;
|
|
559
|
+
padding: 0 0 36px;
|
|
560
|
+
margin: 0.25rem 0.25rem 0;
|
|
561
|
+
|
|
562
|
+
font-weight: 400;
|
|
563
|
+
|
|
564
|
+
outline: none;
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
input[type=checkbox] + label + label::before,
|
|
568
|
+
input[type=checkbox] + label + label::after {
|
|
569
|
+
position: absolute;
|
|
570
|
+
|
|
571
|
+
left: 50%;
|
|
572
|
+
|
|
573
|
+
margin: 0;
|
|
574
|
+
|
|
575
|
+
content: "";
|
|
576
|
+
|
|
577
|
+
outline: 0;
|
|
578
|
+
|
|
579
|
+
transition: all var(---transition-duration) ease;
|
|
580
|
+
transform: translate(-50%, 0);
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
input[type=checkbox] + label + label::before {
|
|
584
|
+
bottom: 1px;
|
|
585
|
+
|
|
586
|
+
width: 8px;
|
|
587
|
+
height: 34px;
|
|
588
|
+
|
|
589
|
+
background-color: var(---color-element-disabled);
|
|
590
|
+
border-radius: 4px;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
input[type=checkbox] + label + label::after {
|
|
594
|
+
bottom: 0;
|
|
595
|
+
|
|
596
|
+
width: 18px;
|
|
597
|
+
height: 18px;
|
|
598
|
+
|
|
599
|
+
background-color: var(---color-element-enabled);
|
|
600
|
+
border-radius: 50%;
|
|
601
|
+
box-shadow: var(---shadow-2);
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
input[type=checkbox]:checked + label + label::after {
|
|
605
|
+
transform: translate(-50%, -100%);
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
input[type=checkbox]:disabled + label + label::after {
|
|
609
|
+
background-color: var(---color-element-disabled);
|
|
610
|
+
box-shadow: none;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
input[type=checkbox]:enabled + label,
|
|
614
|
+
input[type=checkbox]:enabled + label + label {
|
|
615
|
+
cursor: pointer;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
input[type=checkbox]:enabled + label:hover + label::after,
|
|
619
|
+
input[type=checkbox]:enabled + label + label:hover::after {
|
|
620
|
+
box-shadow: var(---shadow-4);
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
input[type=checkbox]:enabled + label:active + label::after,
|
|
624
|
+
input[type=checkbox]:enabled + label + label:active::after {
|
|
625
|
+
box-shadow: var(---shadow-8);
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
629
|
+
:host(.keyboard) input[type=checkbox]:enabled:focus + label + label::after {
|
|
630
|
+
box-shadow: var(---shadow-4);
|
|
631
|
+
}
|
|
632
|
+
|
|
633
|
+
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
634
|
+
:host(.keyboard) input[type=checkbox]:enabled:focus + label + label:active::after,
|
|
635
|
+
:host(.keyboard) input[type=checkbox]:enabled:focus:active + label + label::after {
|
|
636
|
+
box-shadow: var(---shadow-8);
|
|
637
|
+
}
|
|
638
|
+
`))]}render(){return O(qr||(qr=Fr`
|
|
639
|
+
<input type="checkbox" id="switch" ?checked=${0} ?disabled=${0} @change=${0}>
|
|
640
|
+
<label for="switch">
|
|
641
|
+
<slot name="off-label"></slot>
|
|
642
|
+
</label>
|
|
643
|
+
<label for="switch">
|
|
644
|
+
<slot></slot>
|
|
645
|
+
</label>
|
|
646
|
+
`),this.checked,this.disabled,this.changed.bind(this))}}customElements.define("decidables-switch",Vr);let Xr,Yr,Gr=t=>t;class Kr extends Cr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,s(Xr||(Xr=Gr`
|
|
647
|
+
fieldset {
|
|
648
|
+
display: flex;
|
|
649
|
+
|
|
650
|
+
flex-direction: column;
|
|
651
|
+
|
|
652
|
+
align-items: stretch;
|
|
653
|
+
justify-content: center;
|
|
654
|
+
|
|
655
|
+
margin: 0.25rem;
|
|
656
|
+
|
|
657
|
+
border: 0;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
legend {
|
|
661
|
+
text-align: center;
|
|
662
|
+
}
|
|
663
|
+
`))]}render(){return O(Yr||(Yr=Gr`
|
|
664
|
+
<fieldset ?disabled=${0}>
|
|
665
|
+
<legend><slot name="label"></slot></legend>
|
|
666
|
+
<slot></slot>
|
|
667
|
+
</fieldset>
|
|
668
|
+
`),this.disabled)}}customElements.define("decidables-toggle",Kr);let Wr,Jr,Zr=t=>t;class Qr extends Cr{static get properties(){return{checked:{attribute:"checked",type:Boolean,reflect:!0},disabled:{attribute:"disabled",type:Boolean,reflect:!0},name:{attribute:"name",type:String,reflect:!0},value:{attribute:"value",type:String,reflect:!0}}}constructor(){super(),this.checked=!1,this.disabled=!1,this.name=void 0,this.value=void 0}changed(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0}))}static get styles(){return[super.styles,s(Wr||(Wr=Zr`
|
|
669
|
+
:host {
|
|
670
|
+
display: flex;
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
input[type=radio] {
|
|
674
|
+
/* visuallyhidden: https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.md */
|
|
675
|
+
position: absolute;
|
|
676
|
+
|
|
677
|
+
width: 1px;
|
|
678
|
+
height: 1px;
|
|
679
|
+
padding: 0;
|
|
680
|
+
margin: -1px;
|
|
681
|
+
overflow: hidden;
|
|
682
|
+
clip: rect(0 0 0 0);
|
|
683
|
+
|
|
684
|
+
white-space: nowrap;
|
|
685
|
+
|
|
686
|
+
border: 0;
|
|
687
|
+
clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
input[type=radio] + label {
|
|
691
|
+
width: 100%;
|
|
692
|
+
padding: 0.375rem 0.75rem;
|
|
693
|
+
|
|
694
|
+
font-family: var(---font-family-base);
|
|
695
|
+
font-size: 1.125rem;
|
|
696
|
+
line-height: 1.5;
|
|
697
|
+
color: var(---color-text-inverse);
|
|
698
|
+
text-align: center;
|
|
699
|
+
|
|
700
|
+
cursor: pointer;
|
|
701
|
+
|
|
702
|
+
background-color: var(---color-element-enabled);
|
|
703
|
+
border: 0;
|
|
704
|
+
border-radius: 0;
|
|
705
|
+
outline: none;
|
|
706
|
+
|
|
707
|
+
box-shadow: var(---shadow-2);
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
input[type=radio]:checked + label {
|
|
711
|
+
background-color: var(---color-element-selected);
|
|
712
|
+
outline: none;
|
|
713
|
+
box-shadow: var(---shadow-2);
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
input[type=radio] + label:hover {
|
|
717
|
+
z-index: 1;
|
|
718
|
+
|
|
719
|
+
outline: none;
|
|
720
|
+
box-shadow: var(---shadow-4);
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
input[type=radio] + label:active {
|
|
724
|
+
z-index: 2;
|
|
725
|
+
|
|
726
|
+
outline: none;
|
|
727
|
+
box-shadow: var(---shadow-8);
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
:host(:first-of-type) input[type=radio] + label {
|
|
731
|
+
border-top-left-radius: 0.25rem;
|
|
732
|
+
border-top-right-radius: 0.25rem;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
:host(:last-of-type) input[type=radio] + label {
|
|
736
|
+
border-bottom-right-radius: 0.25rem;
|
|
737
|
+
border-bottom-left-radius: 0.25rem;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
:host(.keyboard) input[type=radio]:focus + label {
|
|
741
|
+
z-index: 1;
|
|
742
|
+
|
|
743
|
+
outline: none;
|
|
744
|
+
box-shadow: var(---shadow-4);
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
:host(.keyboard) input[type=radio]:focus:checked + label {
|
|
748
|
+
z-index: 1;
|
|
749
|
+
|
|
750
|
+
background-color: var(---color-element-selected);
|
|
751
|
+
outline: none;
|
|
752
|
+
box-shadow: var(---shadow-4);
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
:host(.keyboard) input[type=radio]:focus + label:active {
|
|
756
|
+
z-index: 2;
|
|
757
|
+
|
|
758
|
+
outline: none;
|
|
759
|
+
box-shadow: var(---shadow-8);
|
|
760
|
+
}
|
|
761
|
+
`))]}render(){return O(Jr||(Jr=Zr`
|
|
762
|
+
<input type="radio" id="toggle-option" name=${0} value=${0} .checked=${0} @change=${0}>
|
|
763
|
+
<label for="toggle-option">
|
|
764
|
+
<slot></slot>
|
|
765
|
+
</label>
|
|
766
|
+
`),this.name,this.value,this.checked,this.changed.bind(this))}}customElements.define("decidables-toggle-option",Qr);const ti={fromAttribute:t=>t.split(/\s+/).map((t=>Number.parseFloat(t))),toAttribute:t=>t.length?t.map((t=>t.toFixed(3))).join(" "):null},ei={fromAttribute:t=>new Set(t.split(/\s+/)),toAttribute:t=>t.size?[...t].join(" "):null};t.DecidablesButton=Mr,t.DecidablesConverterArray=ti,t.DecidablesConverterSet=ei,t.DecidablesElement=Cr,t.DecidablesSlider=Hr,t.DecidablesSpinner=Lr,t.DecidablesSwitch=Vr,t.DecidablesToggle=Kr,t.DecidablesToggleOption=Qr,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
13
767
|
//# sourceMappingURL=decidablesElements.umd.min.js.map
|