@decidables/decidables-elements 0.4.9 → 0.5.1
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 +18 -0
- package/README.md +50 -0
- package/lib/decidablesElements.esm.js +242 -148
- package/lib/decidablesElements.esm.js.map +1 -1
- package/lib/decidablesElements.esm.min.js +87 -44
- package/lib/decidablesElements.esm.min.js.map +1 -1
- package/lib/decidablesElements.umd.js +242 -148
- package/lib/decidablesElements.umd.js.map +1 -1
- package/lib/decidablesElements.umd.min.js +85 -42
- package/lib/decidablesElements.umd.min.js.map +1 -1
- package/package.json +4 -4
- package/src/button.js +5 -2
- package/src/decidables-element.js +1 -0
- package/src/slider.js +126 -19
- package/src/switch.js +0 -1
- package/src/toggle-option.js +0 -1
|
@@ -3,24 +3,23 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,n=Symbol(),r=new WeakMap;let i=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const n=this.t;if(e&&void 0===t){const e=void 0!==n&&1===n.length;e&&(t=r.get(n)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(n,t))}return t}toString(){return this.cssText}};const o=t=>new i("string"==typeof t?t:t+"",void 0,n),s=(t,...e)=>{const r=1===t.length?t[0]:e.reduce((
|
|
6
|
+
const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,n=Symbol(),r=new WeakMap;let i=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const n=this.t;if(e&&void 0===t){const e=void 0!==n&&1===n.length;e&&(t=r.get(n)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(n,t))}return t}toString(){return this.cssText}};const o=t=>new i("string"==typeof t?t:t+"",void 0,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,t,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,{is:l,defineProperty:u,getOwnPropertyDescriptor:h,getOwnPropertyNames:c,getOwnPropertySymbols:d,getPrototypeOf:p}=Object,f=globalThis,b=f.trustedTypes,m=b?b.emptyScript:"",y=f.reactiveElementPolyfillSupport,g=(t,e)=>t,v={toAttribute(t,e){switch(e){case Boolean:t=t?m: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}},w=(t,e)=>!l(t,e),_={attribute:!0,type:String,converter:v,reflect:!1,useDefault:!1,hasChanged:w};
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
|
|
11
|
+
*/Symbol.metadata??=Symbol("metadata"),f.litPropertyMetadata??=new WeakMap;let x=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=_){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),r=this.getPropertyDescriptor(t,n,e);void 0!==r&&u(this.prototype,t,r)}}static getPropertyDescriptor(t,e,n){const{get:r,set:i}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:r,set(e){const o=r?.call(this);i?.call(this,e),this.requestUpdate(t,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??_}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...c(t),...d(t)];for(const n of e)this.createProperty(n,t[n])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,n]of e)this.elementProperties.set(t,n)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const n=this._$Eu(t,e);void 0!==n&&this._$Eh.set(n,t)}this.elementStyles=this.finalizeStyles(this.styles)}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 _$Eu(t,e){const n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const n=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((n,r)=>{if(e)n.adoptedStyleSheets=r.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of r){const r=document.createElement("style"),i=t.litNonce;void 0!==i&&r.setAttribute("nonce",i),r.textContent=e.cssText,n.appendChild(r)}})(n,this.constructor.elementStyles),n}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){const n=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,n);if(void 0!==r&&!0===n.reflect){const i=(void 0!==n.converter?.toAttribute?n.converter:v).toAttribute(e,n.type);this._$Em=t,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,e){const n=this.constructor,r=n._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=n.getPropertyOptions(r),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:v;this._$Em=r;const o=i.fromAttribute(e,t.type);this[r]=o??this._$Ej?.get(r)??o,this._$Em=null}}requestUpdate(t,e,n){if(void 0!==t){const r=this.constructor,i=this[t];if(n??=r.getPropertyOptions(t),!((n.hasChanged??w)(i,e)||n.useDefault&&n.reflect&&i===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:r,wrapped:i},o){n&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==i||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),!0===r&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,n]of t){const{wrapped:t}=n,r=this[e];!0!==t||this._$AL.has(e)||void 0===r||this.C(e,void 0,n,r)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};x.elementStyles=[],x.shadowRootOptions={mode:"open"},x[g("elementProperties")]=new Map,x[g("finalized")]=new Map,y?.({ReactiveElement:x}),(f.reactiveElementVersions??=[]).push("2.1.1");
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
const $=globalThis,A=$.trustedTypes,k=A?A.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+S,
|
|
17
|
+
const $=globalThis,A=$.trustedTypes,k=A?A.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+S,R=`<${C}>`,P=document,N=()=>P.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,U=Array.isArray,O="[ \t\n\f\r]",B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,T=/-->/g,z=/>/g,H=RegExp(`>|${O}(?:([^\\s"'>=/]+)(${O}*=${O}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),D=/'/g,j=/"/g,I=/^(?:script|style|textarea|title)$/i,q=t=>(e,...n)=>({_$litType$:t,strings:e,values:n}),L=q(1),F=q(2),V=Symbol.for("lit-noChange"),X=Symbol.for("lit-nothing"),G=new WeakMap,Y=P.createTreeWalker(P,129);function W(t,e){if(!U(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==k?k.createHTML(e):e}const K=(t,e)=>{const n=t.length-1,r=[];let i,o=2===e?"<svg>":3===e?"<math>":"",s=B;for(let e=0;e<n;e++){const n=t[e];let a,l,u=-1,h=0;for(;h<n.length&&(s.lastIndex=h,l=s.exec(n),null!==l);)h=s.lastIndex,s===B?"!--"===l[1]?s=T:void 0!==l[1]?s=z:void 0!==l[2]?(I.test(l[2])&&(i=RegExp("</"+l[2],"g")),s=H):void 0!==l[3]&&(s=H):s===H?">"===l[0]?(s=i??B,u=-1):void 0===l[1]?u=-2:(u=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?H:'"'===l[3]?j:D):s===j||s===D?s=H:s===T||s===z?s=B:(s=H,i=void 0);const c=s===H&&t[e+1].startsWith("/>")?" ":"";o+=s===B?n+R:u>=0?(r.push(a),n.slice(0,u)+E+n.slice(u)+S+c):n+S+(-2===u?e:c)}return[W(t,o+(t[n]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),r]};class J{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]=K(t,e);if(this.el=J.createElement(l,n),Y.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=Y.nextNode())&&a.length<s;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(E)){const e=u[o++],n=r.getAttribute(t).split(S),s=/([.?@])?(.*)/.exec(e);a.push({type:1,index:i,name:s[2],strings:n,ctor:"."===s[1]?nt:"?"===s[1]?rt:"@"===s[1]?it:et}),r.removeAttribute(t)}else t.startsWith(S)&&(a.push({type:6,index:i}),r.removeAttribute(t));if(I.test(r.tagName)){const t=r.textContent.split(S),e=t.length-1;if(e>0){r.textContent=A?A.emptyScript:"";for(let n=0;n<e;n++)r.append(t[n],N()),Y.nextNode(),a.push({type:2,index:++i});r.append(t[e],N())}}}else if(8===r.nodeType)if(r.data===C)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(S,t+1));)a.push({type:7,index:i}),t+=S.length-1}i++}}static createElement(t,e){const n=P.createElement("template");return n.innerHTML=t,n}}function Z(t,e,n=t,r){if(e===V)return e;let i=void 0!==r?n._$Co?.[r]:n._$Cl;const o=M(e)?void 0:e._$litDirective$;return i?.constructor!==o&&(i?._$AO?.(!1),void 0===o?i=void 0:(i=new o(t),i._$AT(t,n,r)),void 0!==r?(n._$Co??=[])[r]=i:n._$Cl=i),void 0!==i&&(e=Z(t,i._$AS(t,e.values),i,r)),e}class Q{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,r=(t?.creationScope??P).importNode(e,!0);Y.currentNode=r;let i=Y.nextNode(),o=0,s=0,a=n[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new tt(i,i.nextSibling,this,t):1===a.type?e=new a.ctor(i,a.name,a.strings,this,t):6===a.type&&(e=new ot(i,this,t)),this._$AV.push(e),a=n[++s]}o!==a?.index&&(i=Y.nextNode(),o++)}return Y.currentNode=P,r}p(t){let e=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class tt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,n,r){this.type=2,this._$AH=X,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}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=Z(this,t,e),M(t)?t===X||null==t||""===t?(this._$AH!==X&&this._$AR(),this._$AH=X):t!==this._$AH&&t!==V&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>U(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==X&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(P.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:n}=t,r="number"==typeof n?this._$AC(t):(void 0===n.el&&(n.el=J.createElement(W(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new Q(r,this),n=t.u(this.options);t.p(e),this.T(n),this._$AH=t}}_$AC(t){let e=G.get(t.strings);return void 0===e&&G.set(t.strings,e=new J(t)),e}k(t){U(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 tt(this.O(N()),this.O(N()),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){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class et{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,r,i){this.type=1,this._$AH=X,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=X}_$AI(t,e=this,n,r){const i=this.strings;let o=!1;if(void 0===i)t=Z(this,t,e,0),o=!M(t)||t!==this._$AH&&t!==V,o&&(this._$AH=t);else{const r=t;let s,a;for(t=i[0],s=0;s<i.length-1;s++)a=Z(this,r[n+s],e,s),a===V&&(a=this._$AH[s]),o||=!M(a)||a!==this._$AH[s],a===X?t=X:t!==X&&(t+=(a??"")+i[s+1]),this._$AH[s]=a}o&&!r&&this.j(t)}j(t){t===X?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class nt extends et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===X?void 0:t}}class rt extends et{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==X)}}class it extends et{constructor(t,e,n,r,i){super(t,e,n,r,i),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??X)===V)return;const n=this._$AH,r=t===X&&n!==X||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,i=t!==X&&(n===X||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ot{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){Z(this,t)}}const st=$.litHtmlPolyfillSupport;st?.(J,tt),($.litHtmlVersions??=[]).push("3.3.1");const at=globalThis;
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
-
*/
|
|
23
|
-
class at extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,n)=>{const r=n?.renderBefore??e;let i=r._$litPart$;if(void 0===i){const t=n?.renderBefore??null;r._$litPart$=i=new tt(e.insertBefore(R(),t),t,void 0,n??{})}return i._$AI(t),i})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return V}}at._$litElement$=!0,at.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:at});const lt=globalThis.litElementPolyfillSupport;lt?.({LitElement:at}),(globalThis.litElementVersions??=[]).push("4.1.1");var ut={value:()=>{}};function ht(){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 ct(r)}function ct(t){this._=t}function dt(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]=ut,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=n&&t.push({name:e,value:n}),t}ct.prototype=ht.prototype={constructor:ct,on:function(t,e){var n,r,i=this._,o=(r=i,(t+"").trim().split(/^|\s+/).map((function(t){var e="",n=t.indexOf(".");if(n>=0&&(e=t.slice(n+1),t=t.slice(0,n)),t&&!r.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:e}}))),s=-1,a=o.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++s<a;)if(n=(t=o[s]).type)i[n]=pt(i[n],t.name,e);else if(null==e)for(n in i)i[n]=pt(i[n],t.name,null);return this}for(;++s<a;)if((n=(t=o[s]).type)&&(n=dt(i[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new ct(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 ft="http://www.w3.org/1999/xhtml",bt={svg:"http://www.w3.org/2000/svg",xhtml:ft,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function mt(t){var e=t+="",n=e.indexOf(":");return n>=0&&"xmlns"!==(e=t.slice(0,n))&&(t=t.slice(n+1)),bt.hasOwnProperty(e)?{space:bt[e],local:t}:t}function yt(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===ft&&e.documentElement.namespaceURI===ft?e.createElement(t):e.createElementNS(n,t)}}function gt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function vt(t){var e=mt(t);return(e.local?gt:yt)(e)}function wt(){}function _t(t){return null==t?wt:function(){return this.querySelector(t)}}function xt(){return[]}function $t(t){return null==t?xt:function(){return this.querySelectorAll(t)}}function At(t){return function(){return function(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}(t.apply(this,arguments))}}function kt(t){return function(){return this.matches(t)}}function Et(t){return function(e){return e.matches(t)}}var St=Array.prototype.find;function Ct(){return this.firstElementChild}var Pt=Array.prototype.filter;function Nt(){return Array.from(this.children)}function Rt(t){return new Array(t.length)}function Ut(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function Mt(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 Ut(t,o[a]);for(;a<l;++a)(s=e[a])&&(i[a]=s)}function Ot(t,e,n,r,i,o,s){var a,l,u,h=new Map,c=e.length,d=o.length,p=new Array(c);for(a=0;a<c;++a)(l=e[a])&&(p[a]=u=s.call(l,l.__data__,a,e)+"",h.has(u)?i[a]=l:h.set(u,l));for(a=0;a<d;++a)u=s.call(t,o[a],a,o)+"",(l=h.get(u))?(r[a]=l,l.__data__=o[a],h.delete(u)):n[a]=new Ut(t,o[a]);for(a=0;a<c;++a)(l=e[a])&&h.get(p[a])===l&&(i[a]=l)}function Tt(t){return t.__data__}function Bt(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function Ht(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function zt(t){return function(){this.removeAttribute(t)}}function Dt(t){return function(){this.removeAttributeNS(t.space,t.local)}}function jt(t,e){return function(){this.setAttribute(t,e)}}function Lt(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function Ft(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttribute(t):this.setAttribute(t,n)}}function It(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 qt(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Vt(t){return function(){this.style.removeProperty(t)}}function Xt(t,e,n){return function(){this.style.setProperty(t,e,n)}}function Gt(t,e,n){return function(){var r=e.apply(this,arguments);null==r?this.style.removeProperty(t):this.style.setProperty(t,r,n)}}function Yt(t,e){return t.style.getPropertyValue(e)||qt(t).getComputedStyle(t,null).getPropertyValue(e)}function Wt(t){return function(){delete this[t]}}function Kt(t,e){return function(){this[t]=e}}function Jt(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function Zt(t){return t.trim().split(/^|\s+/)}function Qt(t){return t.classList||new te(t)}function te(t){this._node=t,this._names=Zt(t.getAttribute("class")||"")}function ee(t,e){for(var n=Qt(t),r=-1,i=e.length;++r<i;)n.add(e[r])}function ne(t,e){for(var n=Qt(t),r=-1,i=e.length;++r<i;)n.remove(e[r])}function re(t){return function(){ee(this,t)}}function ie(t){return function(){ne(this,t)}}function oe(t,e){return function(){(e.apply(this,arguments)?ee:ne)(this,t)}}function se(){this.textContent=""}function ae(t){return function(){this.textContent=t}}function le(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function ue(){this.innerHTML=""}function he(t){return function(){this.innerHTML=t}}function ce(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function de(){this.nextSibling&&this.parentNode.appendChild(this)}function pe(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function fe(){return null}function be(){var t=this.parentNode;t&&t.removeChild(this)}function me(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function ye(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function ge(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 ve(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 we(t,e,n){var r=qt(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 _e(t,e){return function(){return we(this,t,e)}}function xe(t,e){return function(){return we(this,t,e.apply(this,arguments))}}Ut.prototype={constructor:Ut,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)}},te.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 $e=[null];function Ae(t,e){this._groups=t,this._parents=e}function ke(){return new Ae([[document.documentElement]],$e)}function Ee(t){return"string"==typeof t?new Ae([[document.querySelector(t)]],[document.documentElement]):new Ae([[t]],$e)}function Se(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function Ce(t,e){var n=Object.create(t.prototype);for(var r in e)n[r]=e[r];return n}function Pe(){}Ae.prototype=ke.prototype={constructor:Ae,select:function(t){"function"!=typeof t&&(t=_t(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),h=0;h<l;++h)(o=a[h])&&(s=t.call(o,o.__data__,h,a))&&("__data__"in o&&(s.__data__=o.__data__),u[h]=s);return new Ae(r,this._parents)},selectAll:function(t){t="function"==typeof t?At(t):$t(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 Ae(r,i)},selectChild:function(t){return this.select(null==t?Ct:function(t){return function(){return St.call(this.children,t)}}("function"==typeof t?t:Et(t)))},selectChildren:function(t){return this.selectAll(null==t?Nt:function(t){return function(){return Pt.call(this.children,t)}}("function"==typeof t?t:Et(t)))},filter:function(t){"function"!=typeof t&&(t=kt(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 Ae(r,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,Tt);var n=e?Ot:Mt,r=this._parents,i=this._groups;"function"!=typeof t&&(t=function(t){return function(){return t}}(t));for(var o=i.length,s=new Array(o),a=new Array(o),l=new Array(o),u=0;u<o;++u){var h=r[u],c=i[u],d=c.length,p=Bt(t.call(h,h&&h.__data__,u,r)),f=p.length,b=a[u]=new Array(f),m=s[u]=new Array(f);n(h,c,b,m,l[u]=new Array(d),p,e);for(var y,g,v=0,w=0;v<f;++v)if(y=b[v]){for(v>=w&&(w=v+1);!(g=m[w])&&++w<f;);y._next=g||null}}return(s=new Ae(s,r))._enter=a,s._exit=l,s},enter:function(){return new Ae(this._enter||this._groups.map(Rt),this._parents)},exit:function(){return new Ae(this._exit||this._groups.map(Rt),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,h=n[l],c=r[l],d=h.length,p=a[l]=new Array(d),f=0;f<d;++f)(u=h[f]||c[f])&&(p[f]=u);for(;l<i;++l)a[l]=n[l];return new Ae(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=Ht);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),h=0;h<l;++h)(s=a[h])&&(u[h]=s);u.sort(e)}return new Ae(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=mt(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?Dt:zt:"function"==typeof e?n.local?It:Ft:n.local?Lt:jt)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?Vt:"function"==typeof e?Gt:Xt)(t,e,null==n?"":n)):Yt(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?Wt:"function"==typeof e?Jt:Kt)(t,e)):this.node()[t]},classed:function(t,e){var n=Zt(t+"");if(arguments.length<2){for(var r=Qt(this.node()),i=-1,o=n.length;++i<o;)if(!r.contains(n[i]))return!1;return!0}return this.each(("function"==typeof e?oe:e?re:ie)(n,e))},text:function(t){return arguments.length?this.each(null==t?se:("function"==typeof t?le:ae)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?ue:("function"==typeof t?ce:he)(t)):this.node().innerHTML},raise:function(){return this.each(de)},lower:function(){return this.each(pe)},append:function(t){var e="function"==typeof t?t:vt(t);return this.select((function(){return this.appendChild(e.apply(this,arguments))}))},insert:function(t,e){var n="function"==typeof t?t:vt(t),r=null==e?fe:"function"==typeof e?e:_t(e);return this.select((function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)}))},remove:function(){return this.each(be)},clone:function(t){return this.select(t?ye:me)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,e,n){var r,i,o=function(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}}))}(t+""),s=o.length;if(!(arguments.length<2)){for(a=e?ve:ge,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,h=a.length;u<h;++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?xe:_e)(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 Ne=.7,Re=1/Ne,Ue="\\s*([+-]?\\d+)\\s*",Me="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",Oe="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Te=/^#([0-9a-f]{3,8})$/,Be=new RegExp(`^rgb\\(${Ue},${Ue},${Ue}\\)$`),He=new RegExp(`^rgb\\(${Oe},${Oe},${Oe}\\)$`),ze=new RegExp(`^rgba\\(${Ue},${Ue},${Ue},${Me}\\)$`),De=new RegExp(`^rgba\\(${Oe},${Oe},${Oe},${Me}\\)$`),je=new RegExp(`^hsl\\(${Me},${Oe},${Oe}\\)$`),Le=new RegExp(`^hsla\\(${Me},${Oe},${Oe},${Me}\\)$`),Fe={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 Ie(){return this.rgb().formatHex()}function qe(){return this.rgb().formatRgb()}function Ve(t){var e,n;return t=(t+"").trim().toLowerCase(),(e=Te.exec(t))?(n=e[1].length,e=parseInt(e[1],16),6===n?Xe(e):3===n?new We(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===n?Ge(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===n?Ge(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=Be.exec(t))?new We(e[1],e[2],e[3],1):(e=He.exec(t))?new We(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=ze.exec(t))?Ge(e[1],e[2],e[3],e[4]):(e=De.exec(t))?Ge(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=je.exec(t))?en(e[1],e[2]/100,e[3]/100,1):(e=Le.exec(t))?en(e[1],e[2]/100,e[3]/100,e[4]):Fe.hasOwnProperty(t)?Xe(Fe[t]):"transparent"===t?new We(NaN,NaN,NaN,0):null}function Xe(t){return new We(t>>16&255,t>>8&255,255&t,1)}function Ge(t,e,n,r){return r<=0&&(t=e=n=NaN),new We(t,e,n,r)}function Ye(t,e,n,r){return 1===arguments.length?function(t){return t instanceof Pe||(t=Ve(t)),t?new We((t=t.rgb()).r,t.g,t.b,t.opacity):new We}(t):new We(t,e,n,null==r?1:r)}function We(t,e,n,r){this.r=+t,this.g=+e,this.b=+n,this.opacity=+r}function Ke(){return`#${tn(this.r)}${tn(this.g)}${tn(this.b)}`}function Je(){const t=Ze(this.opacity);return`${1===t?"rgb(":"rgba("}${Qe(this.r)}, ${Qe(this.g)}, ${Qe(this.b)}${1===t?")":`, ${t})`}`}function Ze(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function Qe(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function tn(t){return((t=Qe(t))<16?"0":"")+t.toString(16)}function en(t,e,n,r){return r<=0?t=e=n=NaN:n<=0||n>=1?t=e=NaN:e<=0&&(t=NaN),new rn(t,e,n,r)}function nn(t){if(t instanceof rn)return new rn(t.h,t.s,t.l,t.opacity);if(t instanceof Pe||(t=Ve(t)),!t)return new rn;if(t instanceof rn)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 rn(s,a,l,t.opacity)}function rn(t,e,n,r){this.h=+t,this.s=+e,this.l=+n,this.opacity=+r}function on(t){return(t=(t||0)%360)<0?t+360:t}function sn(t){return Math.max(0,Math.min(1,t||0))}function an(t,e,n){return 255*(t<60?e+(n-e)*t/60:t<180?n:t<240?e+(n-e)*(240-t)/60:e)}Se(Pe,Ve,{copy(t){return Object.assign(new this.constructor,this,t)},displayable(){return this.rgb().displayable()},hex:Ie,formatHex:Ie,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return nn(this).formatHsl()},formatRgb:qe,toString:qe}),Se(We,Ye,Ce(Pe,{brighter(t){return t=null==t?Re:Math.pow(Re,t),new We(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?Ne:Math.pow(Ne,t),new We(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new We(Qe(this.r),Qe(this.g),Qe(this.b),Ze(this.opacity))},displayable(){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:Ke,formatHex:Ke,formatHex8:function(){return`#${tn(this.r)}${tn(this.g)}${tn(this.b)}${tn(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:Je,toString:Je})),Se(rn,(function(t,e,n,r){return 1===arguments.length?nn(t):new rn(t,e,n,null==r?1:r)}),Ce(Pe,{brighter(t){return t=null==t?Re:Math.pow(Re,t),new rn(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?Ne:Math.pow(Ne,t),new rn(this.h,this.s,this.l*t,this.opacity)},rgb(){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 We(an(t>=240?t-240:t+120,i,r),an(t,i,r),an(t<120?t+240:t-120,i,r),this.opacity)},clamp(){return new rn(on(this.h),sn(this.s),sn(this.l),Ze(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const t=Ze(this.opacity);return`${1===t?"hsl(":"hsla("}${on(this.h)}, ${100*sn(this.s)}%, ${100*sn(this.l)}%${1===t?")":`, ${t})`}`}}));var ln=t=>()=>t;function un(t){return 1==(t=+t)?hn: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):ln(isNaN(e)?n:e)}}function hn(t,e){var n=e-t;return n?function(t,e){return function(n){return t+n*e}}(t,n):ln(isNaN(t)?e:t)}var cn=function t(e){var n=un(e);function r(t,e){var r=n((t=Ye(t)).r,(e=Ye(e)).r),i=n(t.g,e.g),o=n(t.b,e.b),s=hn(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 dn(t,e){return t=+t,e=+e,function(n){return t*(1-n)+e*n}}var pn=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,fn=new RegExp(pn.source,"g");function bn(t,e){var n,r,i,o=pn.lastIndex=fn.lastIndex=0,s=-1,a=[],l=[];for(t+="",e+="";(n=pn.exec(t))&&(r=fn.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:dn(n,r)})),o=fn.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 mn,yn=180/Math.PI,gn={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function vn(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)*yn,skewX:Math.atan(l)*yn,scaleX:s,scaleY:a}}function wn(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:dn(t,i)},{i:l-2,x:dn(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:dn(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:dn(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:dn(t,n)},{i:a-2,x:dn(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 _n,xn,$n=wn((function(t){const e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?gn:vn(e.a,e.b,e.c,e.d,e.e,e.f)}),"px, ","px)","deg)"),An=wn((function(t){return null==t?gn:(mn||(mn=document.createElementNS("http://www.w3.org/2000/svg","g")),mn.setAttribute("transform",t),(t=mn.transform.baseVal.consolidate())?vn((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):gn)}),", ",")",")"),kn=0,En=0,Sn=0,Cn=1e3,Pn=0,Nn=0,Rn=0,Un="object"==typeof performance&&performance.now?performance:Date,Mn="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function On(){return Nn||(Mn(Tn),Nn=Un.now()+Rn)}function Tn(){Nn=0}function Bn(){this._call=this._time=this._next=null}function Hn(t,e,n){var r=new Bn;return r.restart(t,e,n),r}function zn(){Nn=(Pn=Un.now())+Rn,kn=En=0;try{!function(){On(),++kn;for(var t,e=_n;e;)(t=Nn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--kn}()}finally{kn=0,function(){var t,e,n=_n,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:_n=e);xn=t,jn(r)}(),Nn=0}}function Dn(){var t=Un.now(),e=t-Pn;e>Cn&&(Rn-=e,Pn=t)}function jn(t){kn||(En&&(En=clearTimeout(En)),t-Nn>24?(t<1/0&&(En=setTimeout(zn,t-Un.now()-Rn)),Sn&&(Sn=clearInterval(Sn))):(Sn||(Pn=Un.now(),Sn=setInterval(Dn,Cn)),kn=1,Mn(zn)))}function Ln(t,e,n){var r=new Bn;return e=null==e?0:+e,r.restart((n=>{r.stop(),t(n+e)}),e,n),r}Bn.prototype=Hn.prototype={constructor:Bn,restart:function(t,e,n){if("function"!=typeof t)throw new TypeError("callback is not a function");n=(null==n?On():+n)+(null==e?0:+e),this._next||xn===this||(xn?xn._next=this:_n=this,xn=this),this._call=t,this._time=n,jn()},stop:function(){this._call&&(this._call=null,this._time=1/0,jn())}};var Fn=ht("start","end","cancel","interrupt"),In=[],qn=0,Vn=1,Xn=2,Gn=3,Yn=4,Wn=5,Kn=6;function Jn(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=Vn,n.timer.restart(s,n.delay,n.time),n.delay<=t&&s(t-n.delay)}function s(o){var u,h,c,d;if(n.state!==Vn)return l();for(u in i)if((d=i[u]).name===n.name){if(d.state===Gn)return Ln(s);d.state===Yn?(d.state=Kn,d.timer.stop(),d.on.call("interrupt",t,t.__data__,d.index,d.group),delete i[u]):+u<e&&(d.state=Kn,d.timer.stop(),d.on.call("cancel",t,t.__data__,d.index,d.group),delete i[u])}if(Ln((function(){n.state===Gn&&(n.state=Yn,n.timer.restart(a,n.delay,n.time),a(o))})),n.state=Xn,n.on.call("start",t,t.__data__,n.index,n.group),n.state===Xn){for(n.state=Gn,r=new Array(c=n.tween.length),u=0,h=-1;u<c;++u)(d=n.tween[u].value.call(t,t.__data__,n.index,n.group))&&(r[++h]=d);r.length=h+1}}function a(e){for(var i=e<n.duration?n.ease.call(null,e/n.duration):(n.timer.restart(l),n.state=Wn,1),o=-1,s=r.length;++o<s;)r[o].call(t,i);n.state===Wn&&(n.on.call("end",t,t.__data__,n.index,n.group),l())}function l(){for(var r in n.state=Kn,n.timer.stop(),delete i[e],i)return;delete t.__transition}i[e]=n,n.timer=Hn(o,0,n.time)}(t,n,{name:e,index:r,group:i,on:Fn,tween:In,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:qn})}function Zn(t,e){var n=tr(t,e);if(n.state>qn)throw new Error("too late; already scheduled");return n}function Qn(t,e){var n=tr(t,e);if(n.state>Gn)throw new Error("too late; already running");return n}function tr(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function er(t,e){var n,r;return function(){var i=Qn(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 nr(t,e,n){var r,i;if("function"!=typeof n)throw new Error;return function(){var o=Qn(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 rr(t,e,n){var r=t._id;return t.each((function(){var t=Qn(this,r);(t.value||(t.value={}))[e]=n.apply(this,arguments)})),function(t){return tr(t,r).value[e]}}function ir(t,e){var n;return("number"==typeof e?dn:e instanceof Ve?cn:(n=Ve(e))?(e=n,cn):bn)(t,e)}function or(t){return function(){this.removeAttribute(t)}}function sr(t){return function(){this.removeAttributeNS(t.space,t.local)}}function ar(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 lr(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 ur(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 hr(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 cr(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&function(t,e){return function(n){this.setAttributeNS(t.space,t.local,e.call(this,n))}}(t,i)),n}return i._value=e,i}function dr(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&function(t,e){return function(n){this.setAttribute(t,e.call(this,n))}}(t,i)),n}return i._value=e,i}function pr(t,e){return function(){Zn(this,t).delay=+e.apply(this,arguments)}}function fr(t,e){return e=+e,function(){Zn(this,t).delay=e}}function br(t,e){return function(){Qn(this,t).duration=+e.apply(this,arguments)}}function mr(t,e){return e=+e,function(){Qn(this,t).duration=e}}var yr=ke.prototype.constructor;function gr(t){return function(){this.style.removeProperty(t)}}var vr=0;function wr(t,e,n,r){this._groups=t,this._parents=e,this._name=n,this._id=r}function _r(){return++vr}var xr=ke.prototype;wr.prototype={constructor:wr,select:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=_t(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],h=u.length,c=o[s]=new Array(h),d=0;d<h;++d)(a=u[d])&&(l=t.call(a,a.__data__,d,u))&&("__data__"in a&&(l.__data__=a.__data__),c[d]=l,Jn(c[d],e,n,d,c,tr(a,n)));return new wr(o,this._parents,e,n)},selectAll:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=$t(t));for(var r=this._groups,i=r.length,o=[],s=[],a=0;a<i;++a)for(var l,u=r[a],h=u.length,c=0;c<h;++c)if(l=u[c]){for(var d,p=t.call(l,l.__data__,c,u),f=tr(l,n),b=0,m=p.length;b<m;++b)(d=p[b])&&Jn(d,e,n,b,p,f);o.push(p),s.push(l)}return new wr(o,s,e,n)},selectChild:xr.selectChild,selectChildren:xr.selectChildren,filter:function(t){"function"!=typeof t&&(t=kt(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 wr(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],h=n[a],c=u.length,d=s[a]=new Array(c),p=0;p<c;++p)(l=u[p]||h[p])&&(d[p]=l);for(;a<r;++a)s[a]=e[a];return new wr(s,this._parents,this._name,this._id)},selection:function(){return new yr(this._groups,this._parents)},transition:function(){for(var t=this._name,e=this._id,n=_r(),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 h=tr(s,e);Jn(s,t,n,u,a,{time:h.time+h.delay+h.duration,delay:0,duration:h.duration,ease:h.ease})}return new wr(r,this._parents,t,n)},call:xr.call,nodes:xr.nodes,node:xr.node,size:xr.size,empty:xr.empty,each:xr.each,on:function(t,e){var n=this._id;return arguments.length<2?tr(this.node(),n).on.on(t):this.each(function(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)?Zn:Qn;return function(){var s=o(this,t),a=s.on;a!==r&&(i=(r=a).copy()).on(e,n),s.on=i}}(n,t,e))},attr:function(t,e){var n=mt(t),r="transform"===n?An:ir;return this.attrTween(t,"function"==typeof e?(n.local?hr:ur)(n,r,rr(this,"attr."+t,e)):null==e?(n.local?sr:or)(n):(n.local?lr:ar)(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=mt(t);return this.tween(n,(r.local?cr:dr)(r,e))},style:function(t,e,n){var r="transform"==(t+="")?$n:ir;return null==e?this.styleTween(t,function(t,e){var n,r,i;return function(){var o=Yt(this,t),s=(this.style.removeProperty(t),Yt(this,t));return o===s?null:o===n&&s===r?i:i=e(n=o,r=s)}}(t,r)).on("end.style."+t,gr(t)):"function"==typeof e?this.styleTween(t,function(t,e,n){var r,i,o;return function(){var s=Yt(this,t),a=n(this),l=a+"";return null==a&&(this.style.removeProperty(t),l=a=Yt(this,t)),s===l?null:s===r&&l===i?o:(i=l,o=e(r=s,a))}}(t,r,rr(this,"style."+t,e))).each(function(t,e){var n,r,i,o,s="style."+e,a="end."+s;return function(){var l=Qn(this,t),u=l.on,h=null==l.value[s]?o||(o=gr(e)):void 0;u===n&&i===h||(r=(n=u).copy()).on(a,i=h),l.on=r}}(this._id,t)):this.styleTween(t,function(t,e,n){var r,i,o=n+"";return function(){var s=Yt(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,function(t,e,n){var r,i;function o(){var o=e.apply(this,arguments);return o!==i&&(r=(i=o)&&function(t,e,n){return function(r){this.style.setProperty(t,e.call(this,r),n)}}(t,o,n)),r}return o._value=e,o}(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}}(rr(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,function(t){var e,n;function r(){var r=t.apply(this,arguments);return r!==n&&(e=(n=r)&&function(t){return function(e){this.textContent=t.call(this,e)}}(r)),e}return r._value=t,r}(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=tr(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?er:nr)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?pr:fr)(e,t)):tr(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?br:mr)(e,t)):tr(this.node(),e).duration},ease:function(t){var e=this._id;return arguments.length?this.each(function(t,e){if("function"!=typeof e)throw new Error;return function(){Qn(this,t).ease=e}}(e,t)):tr(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;Qn(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=Qn(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]:xr[Symbol.iterator]};var $r={time:null,delay:0,duration:250,ease:function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}};function Ar(t,e){for(var n;!(n=t.__transition)||!(n=n[e]);)if(!(t=t.parentNode))throw new Error(`transition ${e} not found`);return n}function kr(t,e,n){this.k=t,this.x=e,this.y=n}ke.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>Xn&&n.state<Wn,n.state=Kn,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)}))},ke.prototype.transition=function(t){var e,n;t instanceof wr?(e=t._id,t=t._name):(e=_r(),(n=$r).time=On(),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])&&Jn(s,t,e,u,a,n||Ar(s,e));return new wr(r,this._parents,t,e)},kr.prototype={constructor:kr,scale:function(t){return 1===t?this:new kr(this.k*t,this.x,this.y)},translate:function(t,e){return 0===t&0===e?this:new kr(this.k,this.x+this.k*t,this.y+this.k*e)},apply:function(t){return[t[0]*this.k+this.x,t[1]*this.k+this.y]},applyX:function(t){return t*this.k+this.x},applyY:function(t){return t*this.k+this.y},invert:function(t){return[(t[0]-this.x)/this.k,(t[1]-this.y)/this.k]},invertX:function(t){return(t-this.x)/this.k},invertY:function(t){return(t-this.y)/this.k},rescaleX:function(t){return t.copy().domain(t.range().map(this.invertX,this).map(t.invert,t))},rescaleY:function(t){return t.copy().domain(t.range().map(this.invertY,this).map(t.invert,t))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}},kr.prototype;class Er extends at{getComputedStyleValue(t){return getComputedStyle(this).getPropertyValue(t).trim()}firstUpdated(t){super.firstUpdated(t),Ee(this.renderRoot.host).classed("keyboard",!0).on("mousemove.keyboard touchstart.keyboard",(t=>{Ee(t.currentTarget.renderRoot.host).classed("keyboard",!1).on("mousemove.keyboard touchstart.keyboard",null)})).on("keydown.keyboard",(t=>{Ee(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=cn(t,"#ffffff")(.75),e.light50=cn(t,"#ffffff")(.5),e.light25=cn(t,"#ffffff")(.25),e.grey=t,e.dark25=cn(t,"#000000")(.25),e.dark50=cn(t,"#000000")(.5),e.dark75=cn(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],h=this.shadows.mapPenumbra[t],c=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?`${-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`} ${a}, ${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`} ${l}`}static get svgDefs(){const t=Er.shadows,e=t.elevations.map((e=>`\n <filter id=shadow-${e} filterUnits="userSpaceOnUse" x="-100%" y="-100%" width="200%" height="200%">\n <feComponentTransfer in="SourceAlpha" result="solid">\n <feFuncA type="table" tableValues="0 1 1"/>\n </feComponentTransfer>\n <feOffset in="solid" result="offU" dx=${t.mapUmbra[e].y/2} dy=${t.mapUmbra[e].y} />\n <feOffset in="solid" result="offP" dx=${t.mapPenumbra[e].y/2} dy=${t.mapPenumbra[e].y} />\n <feOffset in="solid" result="offA" dx=${t.mapAmbient[e].y/2} dy=${t.mapAmbient[e].y} />\n ${0===t.mapUmbra[e].s?"":`<feMorphology in="offU" result="spreadU" operator=${t.mapUmbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapUmbra[e].s)} />`}\n ${0===t.mapPenumbra[e].s?"":`<feMorphology in="offP" result="spreadP" operator=${t.mapPenumbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapPenumbra[e].s)} />`}\n ${0===t.mapAmbient[e].s?"":`<feMorphology in="offA" result="spreadA" operator=${t.mapAmbient[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapAmbient[e].s)} />`}\n <feGaussianBlur in=${0===t.mapUmbra[e].s?"offU":"spreadU"} result="blurU" stdDeviation=${t.mapUmbra[e].b/2} />\n <feGaussianBlur in=${0===t.mapPenumbra[e].s?"offP":"spreadP"} result="blurP" stdDeviation=${t.mapPenumbra[e].b/2} />\n <feGaussianBlur in=${0===t.mapAmbient[e].s?"offA":"spreadA"} result="blurA" stdDeviation=${t.mapAmbient[e].b/2} />\n <feFlood in="SourceGraphic" result="opU" flood-color=${t.baselineColor} flood-opacity=${t.opacityUmbra+t.opacityBoost} />\n <feFlood in="SourceGraphic" result="opP" flood-color=${t.baselineColor} flood-opacity=${t.opacityPenumbra+t.opacityBoost} />\n <feFlood in="SourceGraphic" result="opA" flood-color=${t.baselineColor} flood-opacity=${t.opacityAmbient+t.opacityBoost} />\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 <feMorphology in="solid" result="smaller" operator="erode" radius="1" />\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>`));return`\n <defs>\n ${e}\n </defs>\n `}static get svgFilters(){const t=Er.shadows,e=t.elevations.map((e=>q`
|
|
22
|
+
*/class lt extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,n)=>{const r=n?.renderBefore??e;let i=r._$litPart$;if(void 0===i){const t=n?.renderBefore??null;r._$litPart$=i=new tt(e.insertBefore(N(),t),t,void 0,n??{})}return i._$AI(t),i})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return V}}lt._$litElement$=!0,lt.finalized=!0,at.litElementHydrateSupport?.({LitElement:lt});const ut=at.litElementPolyfillSupport;ut?.({LitElement:lt}),(at.litElementVersions??=[]).push("4.2.1");var ht={value:()=>{}};function ct(){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 dt(r)}function dt(t){this._=t}function pt(t,e){for(var n,r=0,i=t.length;r<i;++r)if((n=t[r]).name===e)return n.value}function ft(t,e,n){for(var r=0,i=t.length;r<i;++r)if(t[r].name===e){t[r]=ht,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=n&&t.push({name:e,value:n}),t}dt.prototype=ct.prototype={constructor:dt,on:function(t,e){var n,r,i=this._,o=(r=i,(t+"").trim().split(/^|\s+/).map(function(t){var e="",n=t.indexOf(".");if(n>=0&&(e=t.slice(n+1),t=t.slice(0,n)),t&&!r.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:e}})),s=-1,a=o.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++s<a;)if(n=(t=o[s]).type)i[n]=ft(i[n],t.name,e);else if(null==e)for(n in i)i[n]=ft(i[n],t.name,null);return this}for(;++s<a;)if((n=(t=o[s]).type)&&(n=pt(i[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new dt(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 bt="http://www.w3.org/1999/xhtml",mt={svg:"http://www.w3.org/2000/svg",xhtml:bt,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function yt(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 gt(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===bt&&e.documentElement.namespaceURI===bt?e.createElement(t):e.createElementNS(n,t)}}function vt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function wt(t){var e=yt(t);return(e.local?vt:gt)(e)}function _t(){}function xt(t){return null==t?_t:function(){return this.querySelector(t)}}function $t(){return[]}function At(t){return null==t?$t:function(){return this.querySelectorAll(t)}}function kt(t){return function(){return function(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}(t.apply(this,arguments))}}function Et(t){return function(){return this.matches(t)}}function St(t){return function(e){return e.matches(t)}}var Ct=Array.prototype.find;function Rt(){return this.firstElementChild}var Pt=Array.prototype.filter;function Nt(){return Array.from(this.children)}function Mt(t){return new Array(t.length)}function Ut(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function Ot(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 Ut(t,o[a]);for(;a<l;++a)(s=e[a])&&(i[a]=s)}function Bt(t,e,n,r,i,o,s){var a,l,u,h=new Map,c=e.length,d=o.length,p=new Array(c);for(a=0;a<c;++a)(l=e[a])&&(p[a]=u=s.call(l,l.__data__,a,e)+"",h.has(u)?i[a]=l:h.set(u,l));for(a=0;a<d;++a)u=s.call(t,o[a],a,o)+"",(l=h.get(u))?(r[a]=l,l.__data__=o[a],h.delete(u)):n[a]=new Ut(t,o[a]);for(a=0;a<c;++a)(l=e[a])&&h.get(p[a])===l&&(i[a]=l)}function Tt(t){return t.__data__}function zt(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function Ht(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function Dt(t){return function(){this.removeAttribute(t)}}function jt(t){return function(){this.removeAttributeNS(t.space,t.local)}}function It(t,e){return function(){this.setAttribute(t,e)}}function qt(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function Lt(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttribute(t):this.setAttribute(t,n)}}function Ft(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 Vt(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Xt(t){return function(){this.style.removeProperty(t)}}function Gt(t,e,n){return function(){this.style.setProperty(t,e,n)}}function Yt(t,e,n){return function(){var r=e.apply(this,arguments);null==r?this.style.removeProperty(t):this.style.setProperty(t,r,n)}}function Wt(t,e){return t.style.getPropertyValue(e)||Vt(t).getComputedStyle(t,null).getPropertyValue(e)}function Kt(t){return function(){delete this[t]}}function Jt(t,e){return function(){this[t]=e}}function Zt(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function Qt(t){return t.trim().split(/^|\s+/)}function te(t){return t.classList||new ee(t)}function ee(t){this._node=t,this._names=Qt(t.getAttribute("class")||"")}function ne(t,e){for(var n=te(t),r=-1,i=e.length;++r<i;)n.add(e[r])}function re(t,e){for(var n=te(t),r=-1,i=e.length;++r<i;)n.remove(e[r])}function ie(t){return function(){ne(this,t)}}function oe(t){return function(){re(this,t)}}function se(t,e){return function(){(e.apply(this,arguments)?ne:re)(this,t)}}function ae(){this.textContent=""}function le(t){return function(){this.textContent=t}}function ue(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function he(){this.innerHTML=""}function ce(t){return function(){this.innerHTML=t}}function de(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function pe(){this.nextSibling&&this.parentNode.appendChild(this)}function fe(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function be(){return null}function me(){var t=this.parentNode;t&&t.removeChild(this)}function ye(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function ge(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function ve(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 we(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 _e(t,e,n){var r=Vt(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 xe(t,e){return function(){return _e(this,t,e)}}function $e(t,e){return function(){return _e(this,t,e.apply(this,arguments))}}Ut.prototype={constructor:Ut,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)}},ee.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 Ae=[null];function ke(t,e){this._groups=t,this._parents=e}function Ee(){return new ke([[document.documentElement]],Ae)}function Se(t){return"string"==typeof t?new ke([[document.querySelector(t)]],[document.documentElement]):new ke([[t]],Ae)}function Ce(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function Re(t,e){var n=Object.create(t.prototype);for(var r in e)n[r]=e[r];return n}function Pe(){}ke.prototype=Ee.prototype={constructor:ke,select:function(t){"function"!=typeof t&&(t=xt(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),h=0;h<l;++h)(o=a[h])&&(s=t.call(o,o.__data__,h,a))&&("__data__"in o&&(s.__data__=o.__data__),u[h]=s);return new ke(r,this._parents)},selectAll:function(t){t="function"==typeof t?kt(t):At(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 ke(r,i)},selectChild:function(t){return this.select(null==t?Rt:function(t){return function(){return Ct.call(this.children,t)}}("function"==typeof t?t:St(t)))},selectChildren:function(t){return this.selectAll(null==t?Nt:function(t){return function(){return Pt.call(this.children,t)}}("function"==typeof t?t:St(t)))},filter:function(t){"function"!=typeof t&&(t=Et(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 ke(r,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,Tt);var n=e?Bt:Ot,r=this._parents,i=this._groups;"function"!=typeof t&&(t=function(t){return function(){return t}}(t));for(var o=i.length,s=new Array(o),a=new Array(o),l=new Array(o),u=0;u<o;++u){var h=r[u],c=i[u],d=c.length,p=zt(t.call(h,h&&h.__data__,u,r)),f=p.length,b=a[u]=new Array(f),m=s[u]=new Array(f);n(h,c,b,m,l[u]=new Array(d),p,e);for(var y,g,v=0,w=0;v<f;++v)if(y=b[v]){for(v>=w&&(w=v+1);!(g=m[w])&&++w<f;);y._next=g||null}}return(s=new ke(s,r))._enter=a,s._exit=l,s},enter:function(){return new ke(this._enter||this._groups.map(Mt),this._parents)},exit:function(){return new ke(this._exit||this._groups.map(Mt),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,h=n[l],c=r[l],d=h.length,p=a[l]=new Array(d),f=0;f<d;++f)(u=h[f]||c[f])&&(p[f]=u);for(;l<i;++l)a[l]=n[l];return new ke(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=Ht);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),h=0;h<l;++h)(s=a[h])&&(u[h]=s);u.sort(e)}return new ke(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=yt(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?jt:Dt:"function"==typeof e?n.local?Ft:Lt:n.local?qt:It)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?Xt:"function"==typeof e?Yt:Gt)(t,e,null==n?"":n)):Wt(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?Kt:"function"==typeof e?Zt:Jt)(t,e)):this.node()[t]},classed:function(t,e){var n=Qt(t+"");if(arguments.length<2){for(var r=te(this.node()),i=-1,o=n.length;++i<o;)if(!r.contains(n[i]))return!1;return!0}return this.each(("function"==typeof e?se:e?ie:oe)(n,e))},text:function(t){return arguments.length?this.each(null==t?ae:("function"==typeof t?ue:le)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?he:("function"==typeof t?de:ce)(t)):this.node().innerHTML},raise:function(){return this.each(pe)},lower:function(){return this.each(fe)},append:function(t){var e="function"==typeof t?t:wt(t);return this.select(function(){return this.appendChild(e.apply(this,arguments))})},insert:function(t,e){var n="function"==typeof t?t:wt(t),r=null==e?be:"function"==typeof e?e:xt(e);return this.select(function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)})},remove:function(){return this.each(me)},clone:function(t){return this.select(t?ge:ye)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,e,n){var r,i,o=function(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}})}(t+""),s=o.length;if(!(arguments.length<2)){for(a=e?we:ve,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,h=a.length;u<h;++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?$e:xe)(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 Ne=.7,Me=1/Ne,Ue="\\s*([+-]?\\d+)\\s*",Oe="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",Be="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Te=/^#([0-9a-f]{3,8})$/,ze=new RegExp(`^rgb\\(${Ue},${Ue},${Ue}\\)$`),He=new RegExp(`^rgb\\(${Be},${Be},${Be}\\)$`),De=new RegExp(`^rgba\\(${Ue},${Ue},${Ue},${Oe}\\)$`),je=new RegExp(`^rgba\\(${Be},${Be},${Be},${Oe}\\)$`),Ie=new RegExp(`^hsl\\(${Oe},${Be},${Be}\\)$`),qe=new RegExp(`^hsla\\(${Oe},${Be},${Be},${Oe}\\)$`),Le={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 Fe(){return this.rgb().formatHex()}function Ve(){return this.rgb().formatRgb()}function Xe(t){var e,n;return t=(t+"").trim().toLowerCase(),(e=Te.exec(t))?(n=e[1].length,e=parseInt(e[1],16),6===n?Ge(e):3===n?new Ke(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===n?Ye(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===n?Ye(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=ze.exec(t))?new Ke(e[1],e[2],e[3],1):(e=He.exec(t))?new Ke(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=De.exec(t))?Ye(e[1],e[2],e[3],e[4]):(e=je.exec(t))?Ye(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=Ie.exec(t))?nn(e[1],e[2]/100,e[3]/100,1):(e=qe.exec(t))?nn(e[1],e[2]/100,e[3]/100,e[4]):Le.hasOwnProperty(t)?Ge(Le[t]):"transparent"===t?new Ke(NaN,NaN,NaN,0):null}function Ge(t){return new Ke(t>>16&255,t>>8&255,255&t,1)}function Ye(t,e,n,r){return r<=0&&(t=e=n=NaN),new Ke(t,e,n,r)}function We(t,e,n,r){return 1===arguments.length?function(t){return t instanceof Pe||(t=Xe(t)),t?new Ke((t=t.rgb()).r,t.g,t.b,t.opacity):new Ke}(t):new Ke(t,e,n,null==r?1:r)}function Ke(t,e,n,r){this.r=+t,this.g=+e,this.b=+n,this.opacity=+r}function Je(){return`#${en(this.r)}${en(this.g)}${en(this.b)}`}function Ze(){const t=Qe(this.opacity);return`${1===t?"rgb(":"rgba("}${tn(this.r)}, ${tn(this.g)}, ${tn(this.b)}${1===t?")":`, ${t})`}`}function Qe(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function tn(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function en(t){return((t=tn(t))<16?"0":"")+t.toString(16)}function nn(t,e,n,r){return r<=0?t=e=n=NaN:n<=0||n>=1?t=e=NaN:e<=0&&(t=NaN),new on(t,e,n,r)}function rn(t){if(t instanceof on)return new on(t.h,t.s,t.l,t.opacity);if(t instanceof Pe||(t=Xe(t)),!t)return new on;if(t instanceof on)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 on(s,a,l,t.opacity)}function on(t,e,n,r){this.h=+t,this.s=+e,this.l=+n,this.opacity=+r}function sn(t){return(t=(t||0)%360)<0?t+360:t}function an(t){return Math.max(0,Math.min(1,t||0))}function ln(t,e,n){return 255*(t<60?e+(n-e)*t/60:t<180?n:t<240?e+(n-e)*(240-t)/60:e)}Ce(Pe,Xe,{copy(t){return Object.assign(new this.constructor,this,t)},displayable(){return this.rgb().displayable()},hex:Fe,formatHex:Fe,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return rn(this).formatHsl()},formatRgb:Ve,toString:Ve}),Ce(Ke,We,Re(Pe,{brighter(t){return t=null==t?Me:Math.pow(Me,t),new Ke(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?Ne:Math.pow(Ne,t),new Ke(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new Ke(tn(this.r),tn(this.g),tn(this.b),Qe(this.opacity))},displayable(){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:Je,formatHex:Je,formatHex8:function(){return`#${en(this.r)}${en(this.g)}${en(this.b)}${en(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:Ze,toString:Ze})),Ce(on,function(t,e,n,r){return 1===arguments.length?rn(t):new on(t,e,n,null==r?1:r)},Re(Pe,{brighter(t){return t=null==t?Me:Math.pow(Me,t),new on(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?Ne:Math.pow(Ne,t),new on(this.h,this.s,this.l*t,this.opacity)},rgb(){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 Ke(ln(t>=240?t-240:t+120,i,r),ln(t,i,r),ln(t<120?t+240:t-120,i,r),this.opacity)},clamp(){return new on(sn(this.h),an(this.s),an(this.l),Qe(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const t=Qe(this.opacity);return`${1===t?"hsl(":"hsla("}${sn(this.h)}, ${100*an(this.s)}%, ${100*an(this.l)}%${1===t?")":`, ${t})`}`}}));var un=t=>()=>t;function hn(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):un(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):un(isNaN(t)?e:t)}var dn=function t(e){var n=hn(e);function r(t,e){var r=n((t=We(t)).r,(e=We(e)).r),i=n(t.g,e.g),o=n(t.b,e.b),s=cn(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 pn(t,e){return t=+t,e=+e,function(n){return t*(1-n)+e*n}}var fn=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,bn=new RegExp(fn.source,"g");function mn(t,e){var n,r,i,o=fn.lastIndex=bn.lastIndex=0,s=-1,a=[],l=[];for(t+="",e+="";(n=fn.exec(t))&&(r=bn.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:pn(n,r)})),o=bn.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 yn,gn=180/Math.PI,vn={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function wn(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)*gn,skewX:Math.atan(l)*gn,scaleX:s,scaleY:a}}function _n(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:pn(t,i)},{i:l-2,x:pn(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:pn(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:pn(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:pn(t,n)},{i:a-2,x:pn(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 xn,$n,An=_n(function(t){const e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?vn:wn(e.a,e.b,e.c,e.d,e.e,e.f)},"px, ","px)","deg)"),kn=_n(function(t){return null==t?vn:(yn||(yn=document.createElementNS("http://www.w3.org/2000/svg","g")),yn.setAttribute("transform",t),(t=yn.transform.baseVal.consolidate())?wn((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):vn)},", ",")",")"),En=0,Sn=0,Cn=0,Rn=0,Pn=0,Nn=0,Mn="object"==typeof performance&&performance.now?performance:Date,Un="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function On(){return Pn||(Un(Bn),Pn=Mn.now()+Nn)}function Bn(){Pn=0}function Tn(){this._call=this._time=this._next=null}function zn(t,e,n){var r=new Tn;return r.restart(t,e,n),r}function Hn(){Pn=(Rn=Mn.now())+Nn,En=Sn=0;try{!function(){On(),++En;for(var t,e=xn;e;)(t=Pn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--En}()}finally{En=0,function(){var t,e,n=xn,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:xn=e);$n=t,jn(r)}(),Pn=0}}function Dn(){var t=Mn.now(),e=t-Rn;e>1e3&&(Nn-=e,Rn=t)}function jn(t){En||(Sn&&(Sn=clearTimeout(Sn)),t-Pn>24?(t<1/0&&(Sn=setTimeout(Hn,t-Mn.now()-Nn)),Cn&&(Cn=clearInterval(Cn))):(Cn||(Rn=Mn.now(),Cn=setInterval(Dn,1e3)),En=1,Un(Hn)))}function In(t,e,n){var r=new Tn;return e=null==e?0:+e,r.restart(n=>{r.stop(),t(n+e)},e,n),r}Tn.prototype=zn.prototype={constructor:Tn,restart:function(t,e,n){if("function"!=typeof t)throw new TypeError("callback is not a function");n=(null==n?On():+n)+(null==e?0:+e),this._next||$n===this||($n?$n._next=this:xn=this,$n=this),this._call=t,this._time=n,jn()},stop:function(){this._call&&(this._call=null,this._time=1/0,jn())}};var qn=ct("start","end","cancel","interrupt"),Ln=[];function Fn(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,h,c,d;if(1!==n.state)return l();for(u in i)if((d=i[u]).name===n.name){if(3===d.state)return In(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(In(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(c=n.tween.length),u=0,h=-1;u<c;++u)(d=n.tween[u].value.call(t,t.__data__,n.index,n.group))&&(r[++h]=d);r.length=h+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=zn(o,0,n.time)}(t,n,{name:e,index:r,group:i,on:qn,tween:Ln,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:0})}function Vn(t,e){var n=Gn(t,e);if(n.state>0)throw new Error("too late; already scheduled");return n}function Xn(t,e){var n=Gn(t,e);if(n.state>3)throw new Error("too late; already running");return n}function Gn(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function Yn(t,e){var n,r;return function(){var i=Xn(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 Wn(t,e,n){var r,i;if("function"!=typeof n)throw new Error;return function(){var o=Xn(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 Kn(t,e,n){var r=t._id;return t.each(function(){var t=Xn(this,r);(t.value||(t.value={}))[e]=n.apply(this,arguments)}),function(t){return Gn(t,r).value[e]}}function Jn(t,e){var n;return("number"==typeof e?pn:e instanceof Xe?dn:(n=Xe(e))?(e=n,dn):mn)(t,e)}function Zn(t){return function(){this.removeAttribute(t)}}function Qn(t){return function(){this.removeAttributeNS(t.space,t.local)}}function tr(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 er(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 nr(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 rr(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 ir(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&function(t,e){return function(n){this.setAttributeNS(t.space,t.local,e.call(this,n))}}(t,i)),n}return i._value=e,i}function or(t,e){var n,r;function i(){var i=e.apply(this,arguments);return i!==r&&(n=(r=i)&&function(t,e){return function(n){this.setAttribute(t,e.call(this,n))}}(t,i)),n}return i._value=e,i}function sr(t,e){return function(){Vn(this,t).delay=+e.apply(this,arguments)}}function ar(t,e){return e=+e,function(){Vn(this,t).delay=e}}function lr(t,e){return function(){Xn(this,t).duration=+e.apply(this,arguments)}}function ur(t,e){return e=+e,function(){Xn(this,t).duration=e}}var hr=Ee.prototype.constructor;function cr(t){return function(){this.style.removeProperty(t)}}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=Ee.prototype;pr.prototype={constructor:pr,select:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=xt(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],h=u.length,c=o[s]=new Array(h),d=0;d<h;++d)(a=u[d])&&(l=t.call(a,a.__data__,d,u))&&("__data__"in a&&(l.__data__=a.__data__),c[d]=l,Fn(c[d],e,n,d,c,Gn(a,n)));return new pr(o,this._parents,e,n)},selectAll:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=At(t));for(var r=this._groups,i=r.length,o=[],s=[],a=0;a<i;++a)for(var l,u=r[a],h=u.length,c=0;c<h;++c)if(l=u[c]){for(var d,p=t.call(l,l.__data__,c,u),f=Gn(l,n),b=0,m=p.length;b<m;++b)(d=p[b])&&Fn(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=Et(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],h=n[a],c=u.length,d=s[a]=new Array(c),p=0;p<c;++p)(l=u[p]||h[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 hr(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 h=Gn(s,e);Fn(s,t,n,u,a,{time:h.time+h.delay+h.duration,delay:0,duration:h.duration,ease:h.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?Gn(this.node(),n).on.on(t):this.each(function(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)?Vn:Xn;return function(){var s=o(this,t),a=s.on;a!==r&&(i=(r=a).copy()).on(e,n),s.on=i}}(n,t,e))},attr:function(t,e){var n=yt(t),r="transform"===n?kn:Jn;return this.attrTween(t,"function"==typeof e?(n.local?rr:nr)(n,r,Kn(this,"attr."+t,e)):null==e?(n.local?Qn:Zn)(n):(n.local?er:tr)(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=yt(t);return this.tween(n,(r.local?ir:or)(r,e))},style:function(t,e,n){var r="transform"==(t+="")?An:Jn;return null==e?this.styleTween(t,function(t,e){var n,r,i;return function(){var o=Wt(this,t),s=(this.style.removeProperty(t),Wt(this,t));return o===s?null:o===n&&s===r?i:i=e(n=o,r=s)}}(t,r)).on("end.style."+t,cr(t)):"function"==typeof e?this.styleTween(t,function(t,e,n){var r,i,o;return function(){var s=Wt(this,t),a=n(this),l=a+"";return null==a&&(this.style.removeProperty(t),l=a=Wt(this,t)),s===l?null:s===r&&l===i?o:(i=l,o=e(r=s,a))}}(t,r,Kn(this,"style."+t,e))).each(function(t,e){var n,r,i,o,s="style."+e,a="end."+s;return function(){var l=Xn(this,t),u=l.on,h=null==l.value[s]?o||(o=cr(e)):void 0;u===n&&i===h||(r=(n=u).copy()).on(a,i=h),l.on=r}}(this._id,t)):this.styleTween(t,function(t,e,n){var r,i,o=n+"";return function(){var s=Wt(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,function(t,e,n){var r,i;function o(){var o=e.apply(this,arguments);return o!==i&&(r=(i=o)&&function(t,e,n){return function(r){this.style.setProperty(t,e.call(this,r),n)}}(t,o,n)),r}return o._value=e,o}(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}}(Kn(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,function(t){var e,n;function r(){var r=t.apply(this,arguments);return r!==n&&(e=(n=r)&&function(t){return function(e){this.textContent=t.call(this,e)}}(r)),e}return r._value=t,r}(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=Gn(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?Yn:Wn)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?sr:ar)(e,t)):Gn(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?lr:ur)(e,t)):Gn(this.node(),e).duration},ease:function(t){var e=this._id;return arguments.length?this.each(function(t,e){if("function"!=typeof e)throw new Error;return function(){Xn(this,t).ease=e}}(e,t)):Gn(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;Xn(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=Xn(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 mr={time:null,delay:0,duration:250,ease:function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}};function yr(t,e){for(var n;!(n=t.__transition)||!(n=n[e]);)if(!(t=t.parentNode))throw new Error(`transition ${e} not found`);return n}function gr(t,e,n){this.k=t,this.x=e,this.y=n}Ee.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)})},Ee.prototype.transition=function(t){var e,n;t instanceof pr?(e=t._id,t=t._name):(e=fr(),(n=mr).time=On(),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])&&Fn(s,t,e,u,a,n||yr(s,e));return new pr(r,this._parents,t,e)},gr.prototype={constructor:gr,scale:function(t){return 1===t?this:new gr(this.k*t,this.x,this.y)},translate:function(t,e){return 0===t&0===e?this:new gr(this.k,this.x+this.k*t,this.y+this.k*e)},apply:function(t){return[t[0]*this.k+this.x,t[1]*this.k+this.y]},applyX:function(t){return t*this.k+this.x},applyY:function(t){return t*this.k+this.y},invert:function(t){return[(t[0]-this.x)/this.k,(t[1]-this.y)/this.k]},invertX:function(t){return(t-this.x)/this.k},invertY:function(t){return(t-this.y)/this.k},rescaleX:function(t){return t.copy().domain(t.range().map(this.invertX,this).map(t.invert,t))},rescaleY:function(t){return t.copy().domain(t.range().map(this.invertY,this).map(t.invert,t))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}},gr.prototype;class vr extends lt{getComputedStyleValue(t){return getComputedStyle(this).getPropertyValue(t).trim()}firstUpdated(t){super.firstUpdated(t),Se(this.renderRoot.host).classed("keyboard",!0).on("mousemove.keyboard touchstart.keyboard",t=>{Se(t.currentTarget.renderRoot.host).classed("keyboard",!1).on("mousemove.keyboard touchstart.keyboard",null)}).on("keydown.keyboard",t=>{Se(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=dn(t,"#ffffff")(.75),e.light50=dn(t,"#ffffff")(.5),e.light25=dn(t,"#ffffff")(.25),e.grey=t,e.dark25=dn(t,"#000000")(.25),e.dark50=dn(t,"#000000")(.5),e.dark75=dn(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],h=this.shadows.mapPenumbra[t],c=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?`${-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`} ${a}, ${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`} ${l}`}static get svgDefs(){const t=vr.shadows,e=t.elevations.map(e=>`\n <filter id=shadow-${e} filterUnits="userSpaceOnUse" x="-100%" y="-100%" width="200%" height="200%">\n <feComponentTransfer in="SourceAlpha" result="solid">\n <feFuncA type="table" tableValues="0 1 1"/>\n </feComponentTransfer>\n <feOffset in="solid" result="offU" dx=${t.mapUmbra[e].y/2} dy=${t.mapUmbra[e].y} />\n <feOffset in="solid" result="offP" dx=${t.mapPenumbra[e].y/2} dy=${t.mapPenumbra[e].y} />\n <feOffset in="solid" result="offA" dx=${t.mapAmbient[e].y/2} dy=${t.mapAmbient[e].y} />\n ${0===t.mapUmbra[e].s?"":`<feMorphology in="offU" result="spreadU" operator=${t.mapUmbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapUmbra[e].s)} />`}\n ${0===t.mapPenumbra[e].s?"":`<feMorphology in="offP" result="spreadP" operator=${t.mapPenumbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapPenumbra[e].s)} />`}\n ${0===t.mapAmbient[e].s?"":`<feMorphology in="offA" result="spreadA" operator=${t.mapAmbient[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapAmbient[e].s)} />`}\n <feGaussianBlur in=${0===t.mapUmbra[e].s?"offU":"spreadU"} result="blurU" stdDeviation=${t.mapUmbra[e].b/2} />\n <feGaussianBlur in=${0===t.mapPenumbra[e].s?"offP":"spreadP"} result="blurP" stdDeviation=${t.mapPenumbra[e].b/2} />\n <feGaussianBlur in=${0===t.mapAmbient[e].s?"offA":"spreadA"} result="blurA" stdDeviation=${t.mapAmbient[e].b/2} />\n <feFlood in="SourceGraphic" result="opU" flood-color=${t.baselineColor} flood-opacity=${t.opacityUmbra+t.opacityBoost} />\n <feFlood in="SourceGraphic" result="opP" flood-color=${t.baselineColor} flood-opacity=${t.opacityPenumbra+t.opacityBoost} />\n <feFlood in="SourceGraphic" result="opA" flood-color=${t.baselineColor} flood-opacity=${t.opacityAmbient+t.opacityBoost} />\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 <feMorphology in="solid" result="smaller" operator="erode" radius="1" />\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>`);return`\n <defs>\n ${e}\n </defs>\n `}static get svgFilters(){const t=vr.shadows,e=t.elevations.map(e=>F`
|
|
24
23
|
<filter id=${`shadow-${e}`} x="-250%" y="-250%" width="600%" height="600%">
|
|
25
24
|
<feComponentTransfer in="SourceAlpha" result="solid">
|
|
26
25
|
<feFuncA type="table" tableValues="0 1 1"/>
|
|
@@ -28,9 +27,9 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
28
27
|
<feOffset in="solid" result="offU" dx=${t.mapUmbra[e].y/2} dy=${t.mapUmbra[e].y} />
|
|
29
28
|
<feOffset in="solid" result="offP" dx=${t.mapPenumbra[e].y/2} dy=${t.mapPenumbra[e].y} />
|
|
30
29
|
<feOffset in="solid" result="offA" dx=${t.mapAmbient[e].y/2} dy=${t.mapAmbient[e].y} />
|
|
31
|
-
${0===t.mapUmbra[e].s?
|
|
32
|
-
${0===t.mapPenumbra[e].s?
|
|
33
|
-
${0===t.mapAmbient[e].s?
|
|
30
|
+
${0===t.mapUmbra[e].s?F``:F`<feMorphology in="offU" result="spreadU" operator=${t.mapUmbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapUmbra[e].s)} />`}
|
|
31
|
+
${0===t.mapPenumbra[e].s?F``:F`<feMorphology in="offP" result="spreadP" operator=${t.mapPenumbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapPenumbra[e].s)} />`}
|
|
32
|
+
${0===t.mapAmbient[e].s?F``:F`<feMorphology in="offA" result="spreadA" operator=${t.mapAmbient[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapAmbient[e].s)} />`}
|
|
34
33
|
<feGaussianBlur in=${0===t.mapUmbra[e].s?"offU":"spreadU"} result="blurU" stdDeviation=${t.mapUmbra[e].b/2} />
|
|
35
34
|
<feGaussianBlur in=${0===t.mapPenumbra[e].s?"offP":"spreadP"} result="blurP" stdDeviation=${t.mapPenumbra[e].b/2} />
|
|
36
35
|
<feGaussianBlur in=${0===t.mapAmbient[e].s?"offA":"spreadA"} result="blurA" stdDeviation=${t.mapAmbient[e].b/2} />
|
|
@@ -50,7 +49,7 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
50
49
|
<feMergeNode in="finalA" />
|
|
51
50
|
<feMergeNode in="SourceGraphic" />
|
|
52
51
|
</feMerge>
|
|
53
|
-
</filter>`)
|
|
52
|
+
</filter>`);return F`
|
|
54
53
|
<svg class="defs">
|
|
55
54
|
<defs>
|
|
56
55
|
${e}
|
|
@@ -83,6 +82,7 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
83
82
|
---transition-duration: var(--transition-duration, 500ms);
|
|
84
83
|
|
|
85
84
|
font-family: var(---font-family-base);
|
|
85
|
+
font-weight: normal;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
:host,
|
|
@@ -113,8 +113,11 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
113
113
|
width: 0;
|
|
114
114
|
height: 0;
|
|
115
115
|
}
|
|
116
|
-
`}}class
|
|
116
|
+
`}}class wr extends vr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,s`
|
|
117
117
|
:host {
|
|
118
|
+
---decidables-button-background-color-disabled: var(--decidables-button-background-color, var(---color-element-disabled));
|
|
119
|
+
---decidables-button-background-color-enabled: var(--decidables-button-background-color, var(---color-element-enabled));
|
|
120
|
+
|
|
118
121
|
margin: 0.25rem;
|
|
119
122
|
}
|
|
120
123
|
|
|
@@ -134,7 +137,7 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
134
137
|
}
|
|
135
138
|
|
|
136
139
|
button:disabled {
|
|
137
|
-
background-color: var(
|
|
140
|
+
background-color: var(---decidables-button-background-color-disabled);
|
|
138
141
|
outline: none;
|
|
139
142
|
box-shadow: none;
|
|
140
143
|
}
|
|
@@ -142,7 +145,7 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
142
145
|
button:enabled {
|
|
143
146
|
cursor: pointer;
|
|
144
147
|
|
|
145
|
-
background-color: var(
|
|
148
|
+
background-color: var(---decidables-button-background-color-enabled);
|
|
146
149
|
outline: none;
|
|
147
150
|
box-shadow: var(---shadow-2);
|
|
148
151
|
}
|
|
@@ -166,18 +169,22 @@ class at extends x{constructor(){super(...arguments),this.renderOptions={host:th
|
|
|
166
169
|
outline: none;
|
|
167
170
|
box-shadow: var(---shadow-8);
|
|
168
171
|
}
|
|
169
|
-
`]}render(){return
|
|
172
|
+
`]}render(){return L`
|
|
170
173
|
<button ?disabled=${this.disabled}>
|
|
171
174
|
<slot></slot>
|
|
172
175
|
</button>
|
|
173
|
-
`}}customElements.define("decidables-button",
|
|
176
|
+
`}}customElements.define("decidables-button",wr);
|
|
174
177
|
/**
|
|
175
178
|
* @license
|
|
176
179
|
* Copyright 2018 Google LLC
|
|
177
180
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
178
181
|
*/
|
|
179
|
-
const
|
|
182
|
+
const _r=t=>t??X;class xr extends vr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},scale:{attribute:"scale",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},nonlinear:{attribute:!1,type:Boolean,reflect:!1}}}constructor(){super(),this.disabled=!1,this.scale=!1,this.max=void 0,this.min=void 0,this.step=void 0,this.value=void 0,this.nonlinear=!1,this.rangeMax=void 0,this.rangeMin=void 0,this.rangeStep=void 0,this.rangeValue=void 0,this.toRange=void 0,this.fromRange=void 0}nonlinearRange(t,e,n){this.nonlinear=t,this.toRange=t?e:void 0,this.fromRange=t?n:void 0}rangeChanged(t){this.value=this.nonlinear?this.fromRange(t.target.value):t.target.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0}))}rangeInputted(t){this.value=this.nonlinear?this.fromRange(t.target.value):t.target.value}spinnerInputted(t){this.value=t.target.value}willUpdate(){this.rangeMax=void 0===this.max?void 0:this.nonlinear?this.toRange(this.max):this.max,this.rangeMin=void 0===this.min?void 0:this.nonlinear?this.toRange(this.min):this.min,this.rangeStep=void 0===this.step?void 0:this.nonlinear?"any":this.step,this.rangeValue=void 0===this.value?void 0:this.nonlinear?this.toRange(this.value):this.value}static get styles(){return[super.styles,s`
|
|
180
183
|
:host {
|
|
184
|
+
---decidables-slider-background-color: var(--decidables-slider-background-color, var(---color-element-disabled));
|
|
185
|
+
---decidables-slider-color: var(--decidables-slider-color, var(---color-element-enabled));
|
|
186
|
+
---decidables-spinner-background-color: var(--decidables-slider-background-color, none);
|
|
187
|
+
|
|
181
188
|
---shadow-2-rotate: var(--shadow-2-rotate, ${o(this.cssBoxShadow(2,!0,!1))});
|
|
182
189
|
---shadow-4-rotate: var(--shadow-4-rotate, ${o(this.cssBoxShadow(4,!0,!1))});
|
|
183
190
|
---shadow-8-rotate: var(--shadow-8-rotate, ${o(this.cssBoxShadow(8,!0,!1))});
|
|
@@ -195,7 +202,10 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
195
202
|
}
|
|
196
203
|
|
|
197
204
|
.range {
|
|
198
|
-
|
|
205
|
+
position: relative;
|
|
206
|
+
display: flex;
|
|
207
|
+
|
|
208
|
+
flex-direction: row;
|
|
199
209
|
|
|
200
210
|
width: 3.5rem;
|
|
201
211
|
height: 4.75rem;
|
|
@@ -206,6 +216,8 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
206
216
|
--decidables-spinner-input-width: 3.5rem;
|
|
207
217
|
|
|
208
218
|
margin: 0 0.25rem 0.25rem;
|
|
219
|
+
|
|
220
|
+
background: var(---decidables-spinner-background-color);
|
|
209
221
|
}
|
|
210
222
|
|
|
211
223
|
/* Adapted from http://danielstern.ca/range.css/#/ */
|
|
@@ -244,14 +256,14 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
244
256
|
width: 100%;
|
|
245
257
|
height: 4px;
|
|
246
258
|
|
|
247
|
-
background: var(---
|
|
259
|
+
background: var(---decidables-slider-background-color);
|
|
248
260
|
border: 0;
|
|
249
261
|
border-radius: 2px;
|
|
250
262
|
box-shadow: none;
|
|
251
263
|
}
|
|
252
264
|
|
|
253
265
|
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
254
|
-
background: var(---
|
|
266
|
+
background: var(---decidables-slider-background-color);
|
|
255
267
|
}
|
|
256
268
|
|
|
257
269
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
@@ -259,7 +271,7 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
259
271
|
width: 100%;
|
|
260
272
|
height: 4px;
|
|
261
273
|
|
|
262
|
-
background: var(---
|
|
274
|
+
background: var(---decidables-slider-background-color);
|
|
263
275
|
border: 0;
|
|
264
276
|
border-radius: 2px;
|
|
265
277
|
box-shadow: none;
|
|
@@ -279,7 +291,7 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
279
291
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
280
292
|
input[type=range]::-ms-fill-lower {
|
|
281
293
|
background: #cccccc;
|
|
282
|
-
/* background: var(---
|
|
294
|
+
/* background: var(---decidables-slider-background-color); */
|
|
283
295
|
border: 0;
|
|
284
296
|
border-radius: 2px;
|
|
285
297
|
box-shadow: none;
|
|
@@ -288,7 +300,7 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
288
300
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
289
301
|
input[type=range]::-ms-fill-upper {
|
|
290
302
|
background: #cccccc;
|
|
291
|
-
/* background: var(---
|
|
303
|
+
/* background: var(---decidables-slider-background-color); */
|
|
292
304
|
border: 0;
|
|
293
305
|
border-radius: 2px;
|
|
294
306
|
box-shadow: none;
|
|
@@ -296,12 +308,12 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
296
308
|
|
|
297
309
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
298
310
|
input[type=range]:focus::-ms-fill-lower {
|
|
299
|
-
background: var(---
|
|
311
|
+
background: var(---decidables-slider-background-color);
|
|
300
312
|
}
|
|
301
313
|
|
|
302
314
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
303
315
|
input[type=range]:focus::-ms-fill-upper {
|
|
304
|
-
background: var(---
|
|
316
|
+
background: var(---decidables-slider-background-color);
|
|
305
317
|
}
|
|
306
318
|
|
|
307
319
|
/* Thumb */
|
|
@@ -319,12 +331,12 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
319
331
|
}
|
|
320
332
|
|
|
321
333
|
input[type=range]:disabled::-webkit-slider-thumb {
|
|
322
|
-
background: var(---
|
|
334
|
+
background: var(---decidables-slider-background-color);
|
|
323
335
|
box-shadow: none;
|
|
324
336
|
}
|
|
325
337
|
|
|
326
338
|
input[type=range]:enabled::-webkit-slider-thumb {
|
|
327
|
-
background: var(---
|
|
339
|
+
background: var(---decidables-slider-color);
|
|
328
340
|
box-shadow: var(---shadow-2-rotate);
|
|
329
341
|
}
|
|
330
342
|
|
|
@@ -355,13 +367,13 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
355
367
|
|
|
356
368
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
357
369
|
input[type=range]:disabled::-moz-range-thumb {
|
|
358
|
-
background: var(---
|
|
370
|
+
background: var(---decidables-slider-background-color);
|
|
359
371
|
box-shadow: none;
|
|
360
372
|
}
|
|
361
373
|
|
|
362
374
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
363
375
|
input[type=range]:enabled::-moz-range-thumb {
|
|
364
|
-
background: var(---
|
|
376
|
+
background: var(---decidables-slider-color);
|
|
365
377
|
box-shadow: var(---shadow-2-rotate);
|
|
366
378
|
}
|
|
367
379
|
|
|
@@ -398,13 +410,13 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
398
410
|
|
|
399
411
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
400
412
|
input[type=range]:disabled::-ms-thumb {
|
|
401
|
-
background: var(---
|
|
413
|
+
background: var(---decidables-slider-background-color);
|
|
402
414
|
box-shadow: none;
|
|
403
415
|
}
|
|
404
416
|
|
|
405
417
|
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
406
418
|
input[type=range]:enabled::-ms-thumb {
|
|
407
|
-
background: var(---
|
|
419
|
+
background: var(---decidables-slider-color);
|
|
408
420
|
box-shadow: var(---shadow-2-rotate);
|
|
409
421
|
}
|
|
410
422
|
|
|
@@ -426,15 +438,48 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
426
438
|
:host(.keyboard) input[type=range]:enabled:focus:active::-ms-thumb {
|
|
427
439
|
box-shadow: var(---shadow-8-rotate);
|
|
428
440
|
}
|
|
429
|
-
|
|
441
|
+
|
|
442
|
+
datalist {
|
|
443
|
+
position: absolute;
|
|
444
|
+
left: 2rem;
|
|
445
|
+
z-index: -1;
|
|
446
|
+
display: flex;
|
|
447
|
+
|
|
448
|
+
flex-direction: column;
|
|
449
|
+
|
|
450
|
+
align-items: flex-start;
|
|
451
|
+
justify-content: space-between;
|
|
452
|
+
|
|
453
|
+
height: 4.75rem;
|
|
454
|
+
|
|
455
|
+
font-size: 0.75rem;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
option {
|
|
459
|
+
padding: 0;
|
|
460
|
+
|
|
461
|
+
line-height: 0.8;
|
|
462
|
+
min-block-size: 0;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
option::before {
|
|
466
|
+
content: "– ";
|
|
467
|
+
}
|
|
468
|
+
`]}render(){return L`
|
|
430
469
|
<label for="slider">
|
|
431
470
|
<slot></slot>
|
|
432
471
|
</label>
|
|
433
472
|
<div class="range">
|
|
434
|
-
<input ?disabled=${this.disabled} type="range" id="slider" min=${
|
|
473
|
+
<input ?disabled=${this.disabled} type="range" id="slider" min=${_r(this.rangeMin)} max=${_r(this.rangeMax)} step=${_r(this.rangeStep)} .value=${this.rangeValue} @change=${this.rangeChanged.bind(this)} @input=${this.rangeInputted.bind(this)}>
|
|
474
|
+
${this.scale?L`
|
|
475
|
+
<datalist id="ticks">
|
|
476
|
+
<option value=${_r(this.rangeMax)} label=${_r(this.max)}></option>
|
|
477
|
+
<option value=${_r(this.rangeMin)} label=${_r(this.min)}></option>
|
|
478
|
+
</datalist>
|
|
479
|
+
`:L``}
|
|
435
480
|
</div>
|
|
436
|
-
<decidables-spinner ?disabled=${this.disabled} min=${
|
|
437
|
-
`}}customElements.define("decidables-slider",
|
|
481
|
+
<decidables-spinner ?disabled=${this.disabled} min=${_r(this.min)} max=${_r(this.max)} step=${_r(this.step)} .value=${this.value} @input=${this.spinnerInputted.bind(this)}></decidables-spinner>
|
|
482
|
+
`}}customElements.define("decidables-slider",xr);class $r extends vr{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`
|
|
438
483
|
:host {
|
|
439
484
|
---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
|
|
440
485
|
---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
|
|
@@ -528,12 +573,12 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
528
573
|
margin: 0;
|
|
529
574
|
-webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
|
|
530
575
|
}
|
|
531
|
-
`]}render(){return
|
|
576
|
+
`]}render(){return L`
|
|
532
577
|
<label>
|
|
533
578
|
<slot></slot>
|
|
534
|
-
<input ?disabled=${this.disabled} type="number" min=${
|
|
579
|
+
<input ?disabled=${this.disabled} type="number" min=${_r(this.min)} max=${_r(this.max)} step=${_r(this.step)} .value=${this.value} @input=${this.inputted.bind(this)}>
|
|
535
580
|
</label>
|
|
536
|
-
`}}customElements.define("decidables-spinner"
|
|
581
|
+
`}}customElements.define("decidables-spinner",$r);class Ar extends vr{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`
|
|
537
582
|
:host {
|
|
538
583
|
display: flex;
|
|
539
584
|
|
|
@@ -553,7 +598,6 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
553
598
|
padding: 0;
|
|
554
599
|
margin: -1px;
|
|
555
600
|
overflow: hidden;
|
|
556
|
-
clip: rect(0 0 0 0);
|
|
557
601
|
|
|
558
602
|
white-space: nowrap;
|
|
559
603
|
|
|
@@ -653,7 +697,7 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
653
697
|
box-shadow: var(---shadow-8);
|
|
654
698
|
}
|
|
655
699
|
/* stylelint-enable selector-max-compound-selectors */
|
|
656
|
-
`]}render(){return
|
|
700
|
+
`]}render(){return L`
|
|
657
701
|
<input type="checkbox" id="switch" ?checked=${this.checked} ?disabled=${this.disabled} @change=${this.changed.bind(this)}>
|
|
658
702
|
<label for="switch">
|
|
659
703
|
<slot name="off-label"></slot>
|
|
@@ -661,7 +705,7 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
661
705
|
<label for="switch">
|
|
662
706
|
<slot></slot>
|
|
663
707
|
</label>
|
|
664
|
-
`}}customElements.define("decidables-switch",
|
|
708
|
+
`}}customElements.define("decidables-switch",Ar);class kr extends vr{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,s`
|
|
665
709
|
fieldset {
|
|
666
710
|
display: flex;
|
|
667
711
|
|
|
@@ -678,12 +722,12 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
678
722
|
legend {
|
|
679
723
|
text-align: center;
|
|
680
724
|
}
|
|
681
|
-
`]}render(){return
|
|
725
|
+
`]}render(){return L`
|
|
682
726
|
<fieldset ?disabled=${this.disabled}>
|
|
683
727
|
<legend><slot name="label"></slot></legend>
|
|
684
728
|
<slot></slot>
|
|
685
729
|
</fieldset>
|
|
686
|
-
`}}customElements.define("decidables-toggle",
|
|
730
|
+
`}}customElements.define("decidables-toggle",kr);class Er extends vr{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`
|
|
687
731
|
:host {
|
|
688
732
|
display: flex;
|
|
689
733
|
}
|
|
@@ -697,7 +741,6 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
697
741
|
padding: 0;
|
|
698
742
|
margin: -1px;
|
|
699
743
|
overflow: hidden;
|
|
700
|
-
clip: rect(0 0 0 0);
|
|
701
744
|
|
|
702
745
|
white-space: nowrap;
|
|
703
746
|
|
|
@@ -776,10 +819,10 @@ const Cr=t=>t??X;class Pr extends Er{static get properties(){return{disabled:{at
|
|
|
776
819
|
outline: none;
|
|
777
820
|
box-shadow: var(---shadow-8);
|
|
778
821
|
}
|
|
779
|
-
`]}render(){return
|
|
822
|
+
`]}render(){return L`
|
|
780
823
|
<input type="radio" id="toggle-option" name=${this.name} value=${this.value} .checked=${this.checked} @change=${this.changed.bind(this)}>
|
|
781
824
|
<label for="toggle-option">
|
|
782
825
|
<slot></slot>
|
|
783
826
|
</label>
|
|
784
|
-
`}}customElements.define("decidables-toggle-option",
|
|
827
|
+
`}}customElements.define("decidables-toggle-option",Er);const Sr={fromAttribute:t=>t.split(/\s+/).map(t=>Number.parseFloat(t)),toAttribute:t=>t.length?t.map(t=>t.toFixed(3)).join(" "):null},Cr={fromAttribute:t=>new Set(t.split(/\s+/)),toAttribute:t=>t.size?[...t].join(" "):null};function Rr(t){return class extends t{static get properties(){return{width:{attribute:!1,type:Number,reflect:!1},height:{attribute:!1,type:Number,reflect:!1},rem:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.width=NaN,this.height=NaN,this.rem=NaN}getDimensions(){this.width=parseFloat(this.getComputedStyleValue("width"),10),this.height=parseFloat(this.getComputedStyleValue("height"),10),this.rem=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("font-size"),10)}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.getDimensions.bind(this)),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.unobserve(this),super.disconnectedCallback()}}}export{wr as DecidablesButton,Sr as DecidablesConverterArray,Cr as DecidablesConverterSet,vr as DecidablesElement,Rr as DecidablesMixinResizeable,xr as DecidablesSlider,$r as DecidablesSpinner,Ar as DecidablesSwitch,kr as DecidablesToggle,Er as DecidablesToggleOption};
|
|
785
828
|
//# sourceMappingURL=decidablesElements.esm.min.js.map
|