@decidables/decidables-elements 0.5.7 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/lib/decidablesElements.esm.js +150 -201
- package/lib/decidablesElements.esm.js.map +1 -1
- package/lib/decidablesElements.esm.min.js +169 -204
- package/lib/decidablesElements.esm.min.js.map +1 -1
- package/lib/decidablesElements.umd.js +150 -201
- package/lib/decidablesElements.umd.js.map +1 -1
- package/lib/decidablesElements.umd.min.js +161 -196
- package/lib/decidablesElements.umd.min.js.map +1 -1
- package/package.json +3 -2
- package/src/button.js +14 -5
- package/src/decidables-element.js +4 -30
- package/src/slider.js +47 -145
- package/src/spinner.js +56 -15
- package/src/switch.js +11 -10
- package/src/toggle-option.js +19 -7
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2019 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/const e=globalThis,n=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),i=new WeakMap;let o=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(n&&void 0===t){const n=void 0!==e&&1===e.length;n&&(t=i.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&i.set(e,t))}return t}toString(){return this.cssText}};const s=t=>new o("string"==typeof t?t:t+"",void 0,r),a=(t,...e)=>{const n=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 o(n,t,r)},l=n?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return s(e)})(t):t,{is:u,defineProperty:h,getOwnPropertyDescriptor:c,getOwnPropertyNames:d,getOwnPropertySymbols:p,getPrototypeOf:f}=Object,b=globalThis,
|
|
6
|
+
*/const e=globalThis,n=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),i=new WeakMap;let o=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(n&&void 0===t){const n=void 0!==e&&1===e.length;n&&(t=i.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&i.set(e,t))}return t}toString(){return this.cssText}};const s=t=>new o("string"==typeof t?t:t+"",void 0,r),a=(t,...e)=>{const n=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 o(n,t,r)},l=n?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return s(e)})(t):t,{is:u,defineProperty:h,getOwnPropertyDescriptor:c,getOwnPropertyNames:d,getOwnPropertySymbols:p,getPrototypeOf:f}=Object,b=globalThis,m=b.trustedTypes,g=m?m.emptyScript:"",y=b.reactiveElementPolyfillSupport,v=(t,e)=>t,w={toAttribute(t,e){switch(e){case Boolean:t=t?g: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}},_=(t,e)=>!u(t,e),x={attribute:!0,type:String,converter:w,reflect:!1,useDefault:!1,hasChanged:_};
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/Symbol.metadata??=Symbol("metadata"),b.litPropertyMetadata??=new WeakMap;let $=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=x){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&&h(this.prototype,t,r)}}static getPropertyDescriptor(t,e,n){const{get:r,set:i}=c(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)??x}static _$Ei(){if(this.hasOwnProperty(v("elementProperties")))return;const t=f(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(v("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(v("properties"))){const t=this.properties,e=[...d(t),...p(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(l(t))}else void 0!==t&&e.push(l(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 t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,r)=>{if(n)t.adoptedStyleSheets=r.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const n of r){const r=document.createElement("style"),i=e.litNonce;void 0!==i&&r.setAttribute("nonce",i),r.textContent=n.cssText,t.appendChild(r)}})(t,this.constructor.elementStyles),t}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:w).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:w;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??_)(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){}};$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[v("elementProperties")]=new Map,$[v("finalized")]=new Map,
|
|
11
|
+
*/Symbol.metadata??=Symbol("metadata"),b.litPropertyMetadata??=new WeakMap;let $=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=x){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&&h(this.prototype,t,r)}}static getPropertyDescriptor(t,e,n){const{get:r,set:i}=c(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)??x}static _$Ei(){if(this.hasOwnProperty(v("elementProperties")))return;const t=f(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(v("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(v("properties"))){const t=this.properties,e=[...d(t),...p(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(l(t))}else void 0!==t&&e.push(l(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 t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,r)=>{if(n)t.adoptedStyleSheets=r.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const n of r){const r=document.createElement("style"),i=e.litNonce;void 0!==i&&r.setAttribute("nonce",i),r.textContent=n.cssText,t.appendChild(r)}})(t,this.constructor.elementStyles),t}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:w).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:w;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??_)(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){}};$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[v("elementProperties")]=new Map,$[v("finalized")]=new Map,y?.({ReactiveElement:$}),(b.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
|
|
17
|
+
const A=globalThis,k=A.trustedTypes,S=k?k.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,N="?"+C,P=`<${N}>`,M=document,U=()=>M.createComment(""),O=t=>null===t||"object"!=typeof t&&"function"!=typeof t,z=Array.isArray,R="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,B=/-->/g,H=/>/g,D=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),j=/'/g,I=/"/g,L=/^(?:script|style|textarea|title)$/i,q=t=>(e,...n)=>({_$litType$:t,strings:e,values:n}),V=q(1),F=q(2),X=Symbol.for("lit-noChange"),Y=Symbol.for("lit-nothing"),W=new WeakMap,G=M.createTreeWalker(M,129);function K(t,e){if(!z(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==S?S.createHTML(e):e}const J=(t,e)=>{const n=t.length-1,r=[];let i,o=2===e?"<svg>":3===e?"<math>":"",s=T;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===T?"!--"===l[1]?s=B:void 0!==l[1]?s=H:void 0!==l[2]?(L.test(l[2])&&(i=RegExp("</"+l[2],"g")),s=D):void 0!==l[3]&&(s=D):s===D?">"===l[0]?(s=i??T,u=-1):void 0===l[1]?u=-2:(u=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?D:'"'===l[3]?I:j):s===I||s===j?s=D:s===B||s===H?s=T:(s=D,i=void 0);const c=s===D&&t[e+1].startsWith("/>")?" ":"";o+=s===T?n+P:u>=0?(r.push(a),n.slice(0,u)+E+n.slice(u)+C+c):n+C+(-2===u?e:c)}return[K(t,o+(t[n]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),r]};class Z{constructor({strings:t,_$litType$:e},n){let r;this.parts=[];let i=0,o=0;const s=t.length-1,a=this.parts,[l,u]=J(t,e);if(this.el=Z.createElement(l,n),G.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=G.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(C),s=/([.?@])?(.*)/.exec(e);a.push({type:1,index:i,name:s[2],strings:n,ctor:"."===s[1]?rt:"?"===s[1]?it:"@"===s[1]?ot:nt}),r.removeAttribute(t)}else t.startsWith(C)&&(a.push({type:6,index:i}),r.removeAttribute(t));if(L.test(r.tagName)){const t=r.textContent.split(C),e=t.length-1;if(e>0){r.textContent=k?k.emptyScript:"";for(let n=0;n<e;n++)r.append(t[n],U()),G.nextNode(),a.push({type:2,index:++i});r.append(t[e],U())}}}else if(8===r.nodeType)if(r.data===N)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(C,t+1));)a.push({type:7,index:i}),t+=C.length-1}i++}}static createElement(t,e){const n=M.createElement("template");return n.innerHTML=t,n}}function Q(t,e,n=t,r){if(e===X)return e;let i=void 0!==r?n._$Co?.[r]:n._$Cl;const o=O(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=Q(t,i._$AS(t,e.values),i,r)),e}class tt{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??M).importNode(e,!0);G.currentNode=r;let i=G.nextNode(),o=0,s=0,a=n[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new et(i,i.nextSibling,this,t):1===a.type?e=new a.ctor(i,a.name,a.strings,this,t):6===a.type&&(e=new st(i,this,t)),this._$AV.push(e),a=n[++s]}o!==a?.index&&(i=G.nextNode(),o++)}return G.currentNode=M,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 et{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,n,r){this.type=2,this._$AH=Y,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=Q(this,t,e),O(t)?t===Y||null==t||""===t?(this._$AH!==Y&&this._$AR(),this._$AH=Y):t!==this._$AH&&t!==X&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>z(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!==Y&&O(this._$AH)?this._$AA.nextSibling.data=t:this.T(M.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=Z.createElement(K(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new tt(r,this),n=t.u(this.options);t.p(e),this.T(n),this._$AH=t}}_$AC(t){let e=W.get(t.strings);return void 0===e&&W.set(t.strings,e=new Z(t)),e}k(t){z(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 et(this.O(U()),this.O(U()),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 nt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,r,i){this.type=1,this._$AH=Y,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=Y}_$AI(t,e=this,n,r){const i=this.strings;let o=!1;if(void 0===i)t=Q(this,t,e,0),o=!O(t)||t!==this._$AH&&t!==X,o&&(this._$AH=t);else{const r=t;let s,a;for(t=i[0],s=0;s<i.length-1;s++)a=Q(this,r[n+s],e,s),a===X&&(a=this._$AH[s]),o||=!O(a)||a!==this._$AH[s],a===Y?t=Y:t!==Y&&(t+=(a??"")+i[s+1]),this._$AH[s]=a}o&&!r&&this.j(t)}j(t){t===Y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class rt extends nt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Y?void 0:t}}class it extends nt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Y)}}class ot extends nt{constructor(t,e,n,r,i){super(t,e,n,r,i),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??Y)===X)return;const n=this._$AH,r=t===Y&&n!==Y||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,i=t!==Y&&(n===Y||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 st{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){Q(this,t)}}const at=A.litHtmlPolyfillSupport;at?.(Z,et),(A.litHtmlVersions??=[]).push("3.3.1");const lt=globalThis;
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
-
*/class ut extends ${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 et(e.insertBefore(M(),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 X}}ut._$litElement$=!0,ut.finalized=!0,lt.litElementHydrateSupport?.({LitElement:ut});const ht=lt.litElementPolyfillSupport;ht?.({LitElement:ut}),(lt.litElementVersions??=[]).push("4.2.1");var ct={value:()=>{}};function dt(){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 pt(r)}function pt(t){this._=t}function ft(t,e){for(var n,r=0,i=t.length;r<i;++r)if((n=t[r]).name===e)return n.value}function bt(t,e,n){for(var r=0,i=t.length;r<i;++r)if(t[r].name===e){t[r]=ct,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=n&&t.push({name:e,value:n}),t}pt.prototype=dt.prototype={constructor:pt,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]=bt(i[n],t.name,e);else if(null==e)for(n in i)i[n]=bt(i[n],t.name,null);return this}for(;++s<a;)if((n=(t=o[s]).type)&&(n=ft(i[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new pt(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 yt="http://www.w3.org/1999/xhtml",mt={svg:"http://www.w3.org/2000/svg",xhtml:yt,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function gt(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 vt(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===yt&&e.documentElement.namespaceURI===yt?e.createElement(t):e.createElementNS(n,t)}}function wt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function _t(t){var e=gt(t);return(e.local?wt:vt)(e)}function xt(){}function $t(t){return null==t?xt:function(){return this.querySelector(t)}}function kt(){return[]}function At(t){return null==t?kt:function(){return this.querySelectorAll(t)}}function Et(t){return function(){return function(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}(t.apply(this,arguments))}}function St(t){return function(){return this.matches(t)}}function Rt(t){return function(e){return e.matches(t)}}var Ct=Array.prototype.find;function Nt(){return this.firstElementChild}var Pt=Array.prototype.filter;function Mt(){return Array.from(this.children)}function Ot(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 Tt(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 zt(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 Bt(t){return t.__data__}function Ht(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function Dt(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function jt(t){return function(){this.removeAttribute(t)}}function It(t){return function(){this.removeAttributeNS(t.space,t.local)}}function qt(t,e){return function(){this.setAttribute(t,e)}}function Lt(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function Vt(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 Xt(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Yt(t){return function(){this.style.removeProperty(t)}}function Wt(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 Kt(t,e){return t.style.getPropertyValue(e)||Xt(t).getComputedStyle(t,null).getPropertyValue(e)}function Jt(t){return function(){delete this[t]}}function Zt(t,e){return function(){this[t]=e}}function Qt(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function te(t){return t.trim().split(/^|\s+/)}function ee(t){return t.classList||new ne(t)}function ne(t){this._node=t,this._names=te(t.getAttribute("class")||"")}function re(t,e){for(var n=ee(t),r=-1,i=e.length;++r<i;)n.add(e[r])}function ie(t,e){for(var n=ee(t),r=-1,i=e.length;++r<i;)n.remove(e[r])}function oe(t){return function(){re(this,t)}}function se(t){return function(){ie(this,t)}}function ae(t,e){return function(){(e.apply(this,arguments)?re:ie)(this,t)}}function le(){this.textContent=""}function ue(t){return function(){this.textContent=t}}function he(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function ce(){this.innerHTML=""}function de(t){return function(){this.innerHTML=t}}function pe(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function fe(){this.nextSibling&&this.parentNode.appendChild(this)}function be(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function ye(){return null}function me(){var t=this.parentNode;t&&t.removeChild(this)}function ge(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function ve(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function we(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 _e(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 xe(t,e,n){var r=Xt(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 xe(this,t,e)}}function ke(t,e){return function(){return xe(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)}},ne.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 Ee(t,e){this._groups=t,this._parents=e}function Se(){return new Ee([[document.documentElement]],Ae)}function Re(t){return"string"==typeof t?new Ee([[document.querySelector(t)]],[document.documentElement]):new Ee([[t]],Ae)}function Ce(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function Ne(t,e){var n=Object.create(t.prototype);for(var r in e)n[r]=e[r];return n}function Pe(){}Ee.prototype=Se.prototype={constructor:Ee,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 Ee(r,this._parents)},selectAll:function(t){t="function"==typeof t?Et(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 Ee(r,i)},selectChild:function(t){return this.select(null==t?Nt:function(t){return function(){return Ct.call(this.children,t)}}("function"==typeof t?t:Rt(t)))},selectChildren:function(t){return this.selectAll(null==t?Mt:function(t){return function(){return Pt.call(this.children,t)}}("function"==typeof t?t:Rt(t)))},filter:function(t){"function"!=typeof t&&(t=St(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 Ee(r,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,Bt);var n=e?zt:Tt,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=Ht(t.call(h,h&&h.__data__,u,r)),f=p.length,b=a[u]=new Array(f),y=s[u]=new Array(f);n(h,c,b,y,l[u]=new Array(d),p,e);for(var m,g,v=0,w=0;v<f;++v)if(m=b[v]){for(v>=w&&(w=v+1);!(g=y[w])&&++w<f;);m._next=g||null}}return(s=new Ee(s,r))._enter=a,s._exit=l,s},enter:function(){return new Ee(this._enter||this._groups.map(Ot),this._parents)},exit:function(){return new Ee(this._exit||this._groups.map(Ot),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 Ee(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=Dt);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 Ee(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=gt(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?It:jt:"function"==typeof e?n.local?Ft:Vt:n.local?Lt:qt)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?Yt:"function"==typeof e?Gt:Wt)(t,e,null==n?"":n)):Kt(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?Jt:"function"==typeof e?Qt:Zt)(t,e)):this.node()[t]},classed:function(t,e){var n=te(t+"");if(arguments.length<2){for(var r=ee(this.node()),i=-1,o=n.length;++i<o;)if(!r.contains(n[i]))return!1;return!0}return this.each(("function"==typeof e?ae:e?oe:se)(n,e))},text:function(t){return arguments.length?this.each(null==t?le:("function"==typeof t?he:ue)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?ce:("function"==typeof t?pe:de)(t)):this.node().innerHTML},raise:function(){return this.each(fe)},lower:function(){return this.each(be)},append:function(t){var e="function"==typeof t?t:_t(t);return this.select(function(){return this.appendChild(e.apply(this,arguments))})},insert:function(t,e){var n="function"==typeof t?t:_t(t),r=null==e?ye:"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(me)},clone:function(t){return this.select(t?ve:ge)},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?_e:we,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?ke:$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 Me=.7,Oe=1/Me,Ue="\\s*([+-]?\\d+)\\s*",Te="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",ze="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Be=/^#([0-9a-f]{3,8})$/,He=new RegExp(`^rgb\\(${Ue},${Ue},${Ue}\\)$`),De=new RegExp(`^rgb\\(${ze},${ze},${ze}\\)$`),je=new RegExp(`^rgba\\(${Ue},${Ue},${Ue},${Te}\\)$`),Ie=new RegExp(`^rgba\\(${ze},${ze},${ze},${Te}\\)$`),qe=new RegExp(`^hsl\\(${Te},${ze},${ze}\\)$`),Le=new RegExp(`^hsla\\(${Te},${ze},${ze},${Te}\\)$`),Ve={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 Xe(){return this.rgb().formatRgb()}function Ye(t){var e,n;return t=(t+"").trim().toLowerCase(),(e=Be.exec(t))?(n=e[1].length,e=parseInt(e[1],16),6===n?We(e):3===n?new Je(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=He.exec(t))?new Je(e[1],e[2],e[3],1):(e=De.exec(t))?new Je(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=je.exec(t))?Ge(e[1],e[2],e[3],e[4]):(e=Ie.exec(t))?Ge(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=qe.exec(t))?rn(e[1],e[2]/100,e[3]/100,1):(e=Le.exec(t))?rn(e[1],e[2]/100,e[3]/100,e[4]):Ve.hasOwnProperty(t)?We(Ve[t]):"transparent"===t?new Je(NaN,NaN,NaN,0):null}function We(t){return new Je(t>>16&255,t>>8&255,255&t,1)}function Ge(t,e,n,r){return r<=0&&(t=e=n=NaN),new Je(t,e,n,r)}function Ke(t,e,n,r){return 1===arguments.length?function(t){return t instanceof Pe||(t=Ye(t)),t?new Je((t=t.rgb()).r,t.g,t.b,t.opacity):new Je}(t):new Je(t,e,n,null==r?1:r)}function Je(t,e,n,r){this.r=+t,this.g=+e,this.b=+n,this.opacity=+r}function Ze(){return`#${nn(this.r)}${nn(this.g)}${nn(this.b)}`}function Qe(){const t=tn(this.opacity);return`${1===t?"rgb(":"rgba("}${en(this.r)}, ${en(this.g)}, ${en(this.b)}${1===t?")":`, ${t})`}`}function tn(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function en(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function nn(t){return((t=en(t))<16?"0":"")+t.toString(16)}function rn(t,e,n,r){return r<=0?t=e=n=NaN:n<=0||n>=1?t=e=NaN:e<=0&&(t=NaN),new sn(t,e,n,r)}function on(t){if(t instanceof sn)return new sn(t.h,t.s,t.l,t.opacity);if(t instanceof Pe||(t=Ye(t)),!t)return new sn;if(t instanceof sn)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 sn(s,a,l,t.opacity)}function sn(t,e,n,r){this.h=+t,this.s=+e,this.l=+n,this.opacity=+r}function an(t){return(t=(t||0)%360)<0?t+360:t}function ln(t){return Math.max(0,Math.min(1,t||0))}function un(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,Ye,{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 on(this).formatHsl()},formatRgb:Xe,toString:Xe}),Ce(Je,Ke,Ne(Pe,{brighter(t){return t=null==t?Oe:Math.pow(Oe,t),new Je(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?Me:Math.pow(Me,t),new Je(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new Je(en(this.r),en(this.g),en(this.b),tn(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:Ze,formatHex:Ze,formatHex8:function(){return`#${nn(this.r)}${nn(this.g)}${nn(this.b)}${nn(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:Qe,toString:Qe})),Ce(sn,function(t,e,n,r){return 1===arguments.length?on(t):new sn(t,e,n,null==r?1:r)},Ne(Pe,{brighter(t){return t=null==t?Oe:Math.pow(Oe,t),new sn(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?Me:Math.pow(Me,t),new sn(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 Je(un(t>=240?t-240:t+120,i,r),un(t,i,r),un(t<120?t+240:t-120,i,r),this.opacity)},clamp(){return new sn(an(this.h),ln(this.s),ln(this.l),tn(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=tn(this.opacity);return`${1===t?"hsl(":"hsla("}${an(this.h)}, ${100*ln(this.s)}%, ${100*ln(this.l)}%${1===t?")":`, ${t})`}`}}));var hn=t=>()=>t;function cn(t){return 1===(t=+t)?dn: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):hn(isNaN(e)?n:e)}}function dn(t,e){var n=e-t;return n?function(t,e){return function(n){return t+n*e}}(t,n):hn(isNaN(t)?e:t)}var pn=function t(e){var n=cn(e);function r(t,e){var r=n((t=Ke(t)).r,(e=Ke(e)).r),i=n(t.g,e.g),o=n(t.b,e.b),s=dn(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 fn(t,e){return t=+t,e=+e,function(n){return t*(1-n)+e*n}}var bn=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,yn=new RegExp(bn.source,"g");function mn(t,e){var n,r,i,o=bn.lastIndex=yn.lastIndex=0,s=-1,a=[],l=[];for(t+="",e+="";(n=bn.exec(t))&&(r=yn.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:fn(n,r)})),o=yn.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 gn,vn=180/Math.PI,wn={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function _n(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)*vn,skewX:Math.atan(l)*vn,scaleX:s,scaleY:a}}function xn(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:fn(t,i)},{i:l-2,x:fn(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:fn(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:fn(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:fn(t,n)},{i:a-2,x:fn(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,kn,An=xn(function(t){const e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?wn:_n(e.a,e.b,e.c,e.d,e.e,e.f)},"px, ","px)","deg)"),En=xn(function(t){return null==t?wn:(gn||(gn=document.createElementNS("http://www.w3.org/2000/svg","g")),gn.setAttribute("transform",t),(t=gn.transform.baseVal.consolidate())?_n((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):wn)},", ",")",")"),Sn=0,Rn=0,Cn=0,Nn=0,Pn=0,Mn=0,On="object"==typeof performance&&performance.now?performance:Date,Un="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function Tn(){return Pn||(Un(zn),Pn=On.now()+Mn)}function zn(){Pn=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 Dn(){Pn=(Nn=On.now())+Mn,Sn=Rn=0;try{!function(){Tn(),++Sn;for(var t,e=$n;e;)(t=Pn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--Sn}()}finally{Sn=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);kn=t,In(r)}(),Pn=0}}function jn(){var t=On.now(),e=t-Nn;e>1e3&&(Mn-=e,Nn=t)}function In(t){Sn||(Rn&&(Rn=clearTimeout(Rn)),t-Pn>24?(t<1/0&&(Rn=setTimeout(Dn,t-On.now()-Mn)),Cn&&(Cn=clearInterval(Cn))):(Cn||(Nn=On.now(),Cn=setInterval(jn,1e3)),Sn=1,Un(Dn)))}function qn(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?Tn():+n)+(null==e?0:+e),this._next||kn===this||(kn?kn._next=this:$n=this,kn=this),this._call=t,this._time=n,In()},stop:function(){this._call&&(this._call=null,this._time=1/0,In())}};var Ln=dt("start","end","cancel","interrupt"),Vn=[];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 qn(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(qn(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=Hn(o,0,n.time)}(t,n,{name:e,index:r,group:i,on:Ln,tween:Vn,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:0})}function Xn(t,e){var n=Wn(t,e);if(n.state>0)throw new Error("too late; already scheduled");return n}function Yn(t,e){var n=Wn(t,e);if(n.state>3)throw new Error("too late; already running");return n}function Wn(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function Gn(t,e){var n,r;return function(){var i=Yn(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 Kn(t,e,n){var r,i;if("function"!=typeof n)throw new Error;return function(){var o=Yn(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 Jn(t,e,n){var r=t._id;return t.each(function(){var t=Yn(this,r);(t.value||(t.value={}))[e]=n.apply(this,arguments)}),function(t){return Wn(t,r).value[e]}}function Zn(t,e){var n;return("number"==typeof e?fn:e instanceof Ye?pn:(n=Ye(e))?(e=n,pn):mn)(t,e)}function Qn(t){return function(){this.removeAttribute(t)}}function tr(t){return function(){this.removeAttributeNS(t.space,t.local)}}function er(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 nr(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 rr(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 ir(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 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.setAttributeNS(t.space,t.local,e.call(this,n))}}(t,i)),n}return i._value=e,i}function sr(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 ar(t,e){return function(){Xn(this,t).delay=+e.apply(this,arguments)}}function lr(t,e){return e=+e,function(){Xn(this,t).delay=e}}function ur(t,e){return function(){Yn(this,t).duration=+e.apply(this,arguments)}}function hr(t,e){return e=+e,function(){Yn(this,t).duration=e}}var cr=Se.prototype.constructor;function dr(t){return function(){this.style.removeProperty(t)}}var pr=0;function fr(t,e,n,r){this._groups=t,this._parents=e,this._name=n,this._id=r}function br(){return++pr}var yr=Se.prototype;fr.prototype={constructor:fr,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,Fn(c[d],e,n,d,c,Wn(a,n)));return new fr(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=Wn(l,n),b=0,y=p.length;b<y;++b)(d=p[b])&&Fn(d,e,n,b,p,f);o.push(p),s.push(l)}return new fr(o,s,e,n)},selectChild:yr.selectChild,selectChildren:yr.selectChildren,filter:function(t){"function"!=typeof t&&(t=St(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 fr(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 fr(s,this._parents,this._name,this._id)},selection:function(){return new cr(this._groups,this._parents)},transition:function(){for(var t=this._name,e=this._id,n=br(),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=Wn(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 fr(r,this._parents,t,n)},call:yr.call,nodes:yr.nodes,node:yr.node,size:yr.size,empty:yr.empty,each:yr.each,on:function(t,e){var n=this._id;return arguments.length<2?Wn(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)?Xn:Yn;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=gt(t),r="transform"===n?En:Zn;return this.attrTween(t,"function"==typeof e?(n.local?ir:rr)(n,r,Jn(this,"attr."+t,e)):null==e?(n.local?tr:Qn)(n):(n.local?nr:er)(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=gt(t);return this.tween(n,(r.local?or:sr)(r,e))},style:function(t,e,n){var r="transform"==(t+="")?An:Zn;return null==e?this.styleTween(t,function(t,e){var n,r,i;return function(){var o=Kt(this,t),s=(this.style.removeProperty(t),Kt(this,t));return o===s?null:o===n&&s===r?i:i=e(n=o,r=s)}}(t,r)).on("end.style."+t,dr(t)):"function"==typeof e?this.styleTween(t,function(t,e,n){var r,i,o;return function(){var s=Kt(this,t),a=n(this),l=a+"";return null==a&&(this.style.removeProperty(t),l=a=Kt(this,t)),s===l?null:s===r&&l===i?o:(i=l,o=e(r=s,a))}}(t,r,Jn(this,"style."+t,e))).each(function(t,e){var n,r,i,o,s="style."+e,a="end."+s;return function(){var l=Yn(this,t),u=l.on,h=null==l.value[s]?o||(o=dr(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=Kt(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}}(Jn(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=Wn(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?Gn:Kn)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?ar:lr)(e,t)):Wn(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?ur:hr)(e,t)):Wn(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(){Yn(this,t).ease=e}}(e,t)):Wn(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;Yn(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=Yn(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]:yr[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 gr(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 vr(t,e,n){this.k=t,this.x=e,this.y=n}Se.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)})},Se.prototype.transition=function(t){var e,n;t instanceof fr?(e=t._id,t=t._name):(e=br(),(n=mr).time=Tn(),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||gr(s,e));return new fr(r,this._parents,t,e)},vr.prototype={constructor:vr,scale:function(t){return 1===t?this:new vr(this.k*t,this.x,this.y)},translate:function(t,e){return 0===t&0===e?this:new vr(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+")"}},vr.prototype;class wr extends ut{getComputedStyleValue(t){return getComputedStyle(this).getPropertyValue(t).trim()}firstUpdated(t){super.firstUpdated(t),Re(this.renderRoot.host).classed("keyboard",!0).on("mousemove.keyboard touchstart.keyboard",t=>{Re(t.currentTarget.renderRoot.host).classed("keyboard",!1).on("mousemove.keyboard touchstart.keyboard",null)}).on("keydown.keyboard",t=>{Re(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=pn(t,"#ffffff")(.75),e.light50=pn(t,"#ffffff")(.5),e.light25=pn(t,"#ffffff")(.25),e.grey=t,e.dark25=pn(t,"#000000")(.25),e.dark50=pn(t,"#000000")(.5),e.dark75=pn(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 svgFilters(){const t=wr.shadows,e=t.elevations.map(e=>F`
|
|
22
|
+
*/class ut extends ${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 et(e.insertBefore(U(),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 X}}ut._$litElement$=!0,ut.finalized=!0,lt.litElementHydrateSupport?.({LitElement:ut});const ht=lt.litElementPolyfillSupport;ht?.({LitElement:ut}),(lt.litElementVersions??=[]).push("4.2.1");var ct={value:()=>{}};function dt(){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 pt(r)}function pt(t){this._=t}function ft(t,e){for(var n,r=0,i=t.length;r<i;++r)if((n=t[r]).name===e)return n.value}function bt(t,e,n){for(var r=0,i=t.length;r<i;++r)if(t[r].name===e){t[r]=ct,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=n&&t.push({name:e,value:n}),t}pt.prototype=dt.prototype={constructor:pt,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]=bt(i[n],t.name,e);else if(null==e)for(n in i)i[n]=bt(i[n],t.name,null);return this}for(;++s<a;)if((n=(t=o[s]).type)&&(n=ft(i[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new pt(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 mt="http://www.w3.org/1999/xhtml",gt={svg:"http://www.w3.org/2000/svg",xhtml:mt,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)),gt.hasOwnProperty(e)?{space:gt[e],local:t}:t}function vt(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===mt&&e.documentElement.namespaceURI===mt?e.createElement(t):e.createElementNS(n,t)}}function wt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function _t(t){var e=yt(t);return(e.local?wt:vt)(e)}function xt(){}function $t(t){return null==t?xt:function(){return this.querySelector(t)}}function At(){return[]}function kt(t){return null==t?At:function(){return this.querySelectorAll(t)}}function St(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 Ct(t){return function(e){return e.matches(t)}}var Nt=Array.prototype.find;function Pt(){return this.firstElementChild}var Mt=Array.prototype.filter;function Ut(){return Array.from(this.children)}function Ot(t){return new Array(t.length)}function zt(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function Rt(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 zt(t,o[a]);for(;a<l;++a)(s=e[a])&&(i[a]=s)}function Tt(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 zt(t,o[a]);for(a=0;a<c;++a)(l=e[a])&&h.get(p[a])===l&&(i[a]=l)}function Bt(t){return t.__data__}function Ht(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function Dt(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function jt(t){return function(){this.removeAttribute(t)}}function It(t){return function(){this.removeAttributeNS(t.space,t.local)}}function Lt(t,e){return function(){this.setAttribute(t,e)}}function qt(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function Vt(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 Xt(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Yt(t){return function(){this.style.removeProperty(t)}}function Wt(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 Kt(t,e){return t.style.getPropertyValue(e)||Xt(t).getComputedStyle(t,null).getPropertyValue(e)}function Jt(t){return function(){delete this[t]}}function Zt(t,e){return function(){this[t]=e}}function Qt(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function te(t){return t.trim().split(/^|\s+/)}function ee(t){return t.classList||new ne(t)}function ne(t){this._node=t,this._names=te(t.getAttribute("class")||"")}function re(t,e){for(var n=ee(t),r=-1,i=e.length;++r<i;)n.add(e[r])}function ie(t,e){for(var n=ee(t),r=-1,i=e.length;++r<i;)n.remove(e[r])}function oe(t){return function(){re(this,t)}}function se(t){return function(){ie(this,t)}}function ae(t,e){return function(){(e.apply(this,arguments)?re:ie)(this,t)}}function le(){this.textContent=""}function ue(t){return function(){this.textContent=t}}function he(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function ce(){this.innerHTML=""}function de(t){return function(){this.innerHTML=t}}function pe(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function fe(){this.nextSibling&&this.parentNode.appendChild(this)}function be(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function me(){return null}function ge(){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 ve(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function we(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 _e(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 xe(t,e,n){var r=Xt(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 xe(this,t,e)}}function Ae(t,e){return function(){return xe(this,t,e.apply(this,arguments))}}zt.prototype={constructor:zt,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)}},ne.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 ke=[null];function Se(t,e){this._groups=t,this._parents=e}function Ee(){return new Se([[document.documentElement]],ke)}function Ce(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function Ne(t,e){var n=Object.create(t.prototype);for(var r in e)n[r]=e[r];return n}function Pe(){}Se.prototype=Ee.prototype={constructor:Se,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 Se(r,this._parents)},selectAll:function(t){t="function"==typeof t?St(t):kt(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 Se(r,i)},selectChild:function(t){return this.select(null==t?Pt:function(t){return function(){return Nt.call(this.children,t)}}("function"==typeof t?t:Ct(t)))},selectChildren:function(t){return this.selectAll(null==t?Ut:function(t){return function(){return Mt.call(this.children,t)}}("function"==typeof t?t:Ct(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 Se(r,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,Bt);var n=e?Tt:Rt,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=Ht(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 g,y,v=0,w=0;v<f;++v)if(g=b[v]){for(v>=w&&(w=v+1);!(y=m[w])&&++w<f;);g._next=y||null}}return(s=new Se(s,r))._enter=a,s._exit=l,s},enter:function(){return new Se(this._enter||this._groups.map(Ot),this._parents)},exit:function(){return new Se(this._exit||this._groups.map(Ot),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 Se(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=Dt);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 Se(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?It:jt:"function"==typeof e?n.local?Ft:Vt:n.local?qt:Lt)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?Yt:"function"==typeof e?Gt:Wt)(t,e,null==n?"":n)):Kt(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?Jt:"function"==typeof e?Qt:Zt)(t,e)):this.node()[t]},classed:function(t,e){var n=te(t+"");if(arguments.length<2){for(var r=ee(this.node()),i=-1,o=n.length;++i<o;)if(!r.contains(n[i]))return!1;return!0}return this.each(("function"==typeof e?ae:e?oe:se)(n,e))},text:function(t){return arguments.length?this.each(null==t?le:("function"==typeof t?he:ue)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?ce:("function"==typeof t?pe:de)(t)):this.node().innerHTML},raise:function(){return this.each(fe)},lower:function(){return this.each(be)},append:function(t){var e="function"==typeof t?t:_t(t);return this.select(function(){return this.appendChild(e.apply(this,arguments))})},insert:function(t,e){var n="function"==typeof t?t:_t(t),r=null==e?me:"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(ge)},clone:function(t){return this.select(t?ve: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?_e:we,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?Ae:$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 Me=.7,Ue=1/Me,Oe="\\s*([+-]?\\d+)\\s*",ze="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",Re="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Te=/^#([0-9a-f]{3,8})$/,Be=new RegExp(`^rgb\\(${Oe},${Oe},${Oe}\\)$`),He=new RegExp(`^rgb\\(${Re},${Re},${Re}\\)$`),De=new RegExp(`^rgba\\(${Oe},${Oe},${Oe},${ze}\\)$`),je=new RegExp(`^rgba\\(${Re},${Re},${Re},${ze}\\)$`),Ie=new RegExp(`^hsl\\(${ze},${Re},${Re}\\)$`),Le=new RegExp(`^hsla\\(${ze},${Re},${Re},${ze}\\)$`),qe={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 Ve(){return this.rgb().formatHex()}function Fe(){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?Ye(e):3===n?new Ke(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===n?We(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===n?We(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 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))?We(e[1],e[2],e[3],e[4]):(e=je.exec(t))?We(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=Le.exec(t))?nn(e[1],e[2]/100,e[3]/100,e[4]):qe.hasOwnProperty(t)?Ye(qe[t]):"transparent"===t?new Ke(NaN,NaN,NaN,0):null}function Ye(t){return new Ke(t>>16&255,t>>8&255,255&t,1)}function We(t,e,n,r){return r<=0&&(t=e=n=NaN),new Ke(t,e,n,r)}function Ge(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:Ve,formatHex:Ve,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return rn(this).formatHsl()},formatRgb:Fe,toString:Fe}),Ce(Ke,Ge,Ne(Pe,{brighter(t){return t=null==t?Ue:Math.pow(Ue,t),new Ke(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?Me:Math.pow(Me,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)},Ne(Pe,{brighter(t){return t=null==t?Ue:Math.pow(Ue,t),new on(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?Me:Math.pow(Me,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=Ge(t)).r,(e=Ge(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 gn,yn=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)*yn,skewX:Math.atan(l)*yn,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:(gn||(gn=document.createElementNS("http://www.w3.org/2000/svg","g")),gn.setAttribute("transform",t),(t=gn.transform.baseVal.consolidate())?wn((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):vn)},", ",")",")"),Sn=0,En=0,Cn=0,Nn=0,Pn=0,Mn=0,Un="object"==typeof performance&&performance.now?performance:Date,On="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function zn(){return Pn||(On(Rn),Pn=Un.now()+Mn)}function Rn(){Pn=0}function Tn(){this._call=this._time=this._next=null}function Bn(t,e,n){var r=new Tn;return r.restart(t,e,n),r}function Hn(){Pn=(Nn=Un.now())+Mn,Sn=En=0;try{!function(){zn(),++Sn;for(var t,e=xn;e;)(t=Pn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--Sn}()}finally{Sn=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=Un.now(),e=t-Nn;e>1e3&&(Mn-=e,Nn=t)}function jn(t){Sn||(En&&(En=clearTimeout(En)),t-Pn>24?(t<1/0&&(En=setTimeout(Hn,t-Un.now()-Mn)),Cn&&(Cn=clearInterval(Cn))):(Cn||(Nn=Un.now(),Cn=setInterval(Dn,1e3)),Sn=1,On(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=Bn.prototype={constructor:Tn,restart:function(t,e,n){if("function"!=typeof t)throw new TypeError("callback is not a function");n=(null==n?zn():+n)+(null==e?0:+e),this._next||$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 Ln=dt("start","end","cancel","interrupt"),qn=[];function Vn(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=Bn(o,0,n.time)}(t,n,{name:e,index:r,group:i,on:Ln,tween:qn,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:0})}function Fn(t,e){var n=Yn(t,e);if(n.state>0)throw new Error("too late; already scheduled");return n}function Xn(t,e){var n=Yn(t,e);if(n.state>3)throw new Error("too late; already running");return n}function Yn(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function Wn(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 Gn(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 Yn(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(){Fn(this,t).delay=+e.apply(this,arguments)}}function ar(t,e){return e=+e,function(){Fn(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=$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,Vn(c[d],e,n,d,c,Yn(a,n)));return new pr(o,this._parents,e,n)},selectAll:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=kt(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=Yn(l,n),b=0,m=p.length;b<m;++b)(d=p[b])&&Vn(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=Yn(s,e);Vn(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?Yn(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)?Fn: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=Kt(this,t),s=(this.style.removeProperty(t),Kt(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=Kt(this,t),a=n(this),l=a+"";return null==a&&(this.style.removeProperty(t),l=a=Kt(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=Kt(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=Yn(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?Wn:Gn)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?sr:ar)(e,t)):Yn(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?lr:ur)(e,t)):Yn(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)):Yn(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 gr(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 yr(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=zn(),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])&&Vn(s,t,e,u,a,n||gr(s,e));return new pr(r,this._parents,t,e)},yr.prototype={constructor:yr,scale:function(t){return 1===t?this:new yr(this.k*t,this.x,this.y)},translate:function(t,e){return 0===t&0===e?this:new yr(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+")"}},yr.prototype;class vr extends ut{getComputedStyleValue(t){return getComputedStyle(this).getPropertyValue(t).trim()}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){const n=this.shadows.opacityUmbra+this.shadows.opacityBoost,r=this.shadows.opacityPenumbra+this.shadows.opacityBoost,i=this.shadows.opacityAmbient+this.shadows.opacityBoost,o=e?`rgba(${this.shadows.inverseBaselineColorString}, ${n})`:`rgba(${this.shadows.baselineColorString}, ${n})`,s=e?`rgba(${this.shadows.inverseBaselineColorString}, ${r})`:`rgba(${this.shadows.baselineColorString}, ${r})`,a=e?`rgba(${this.shadows.inverseBaselineColorString}, ${i})`:`rgba(${this.shadows.baselineColorString}, ${i})`,l=this.shadows.mapUmbra[t],u=this.shadows.mapPenumbra[t],h=this.shadows.mapAmbient[t];return`${`${l.y/2}px ${l.y}px ${l.b}px ${l.s}px`} ${o}, ${`${u.y/2}px ${u.y}px ${u.b}px ${u.s}px`} ${s}, ${`${h.y/2}px ${h.y}px ${h.b}px ${h.s}px`} ${a}`}static get svgFilters(){const t=vr.shadows,e=t.elevations.map(e=>F`
|
|
23
23
|
<filter id=${`shadow-${e}`} filterUnits="userSpaceOnUse" x="-100%" y="-100%" width="200%" height="200%">
|
|
24
24
|
<feComponentTransfer in="SourceAlpha" result="solid">
|
|
25
25
|
<feFuncA type="table" tableValues="0 1 1"/>
|
|
@@ -111,7 +111,7 @@ const k=globalThis,A=k.trustedTypes,E=A?A.createPolicy("lit-html",{createHTML:t=
|
|
|
111
111
|
width: 0;
|
|
112
112
|
height: 0;
|
|
113
113
|
}
|
|
114
|
-
`}}class
|
|
114
|
+
`}}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,a`
|
|
115
115
|
:host {
|
|
116
116
|
---decidables-button-background-color-disabled: var(--decidables-button-background-color, var(---color-element-disabled));
|
|
117
117
|
---decidables-button-background-color-enabled: var(--decidables-button-background-color, var(---color-element-enabled));
|
|
@@ -122,71 +122,76 @@ const k=globalThis,A=k.trustedTypes,E=A?A.createPolicy("lit-html",{createHTML:t=
|
|
|
122
122
|
button {
|
|
123
123
|
width: 100%;
|
|
124
124
|
height: 100%;
|
|
125
|
+
|
|
125
126
|
padding: 0.375rem 0.75rem;
|
|
126
127
|
|
|
127
128
|
font-family: var(---font-family-base);
|
|
128
129
|
font-size: 1.125rem;
|
|
130
|
+
|
|
129
131
|
line-height: 1.5;
|
|
132
|
+
|
|
130
133
|
color: var(---color-text-inverse);
|
|
131
134
|
|
|
135
|
+
outline: none;
|
|
136
|
+
|
|
132
137
|
border: 0;
|
|
133
138
|
border-radius: var(---border-radius);
|
|
134
|
-
outline: none;
|
|
135
139
|
}
|
|
136
140
|
|
|
137
141
|
button:disabled {
|
|
138
|
-
background-color: var(---decidables-button-background-color-disabled);
|
|
139
142
|
outline: none;
|
|
143
|
+
|
|
144
|
+
background-color: var(---decidables-button-background-color-disabled);
|
|
140
145
|
box-shadow: none;
|
|
141
146
|
}
|
|
142
147
|
|
|
143
148
|
button:enabled {
|
|
144
149
|
cursor: pointer;
|
|
150
|
+
outline: none;
|
|
145
151
|
|
|
146
152
|
background-color: var(---decidables-button-background-color-enabled);
|
|
147
|
-
outline: none;
|
|
148
153
|
box-shadow: var(---shadow-2);
|
|
149
154
|
}
|
|
150
155
|
|
|
151
156
|
button:enabled:hover {
|
|
152
157
|
outline: none;
|
|
158
|
+
|
|
153
159
|
box-shadow: var(---shadow-4);
|
|
154
160
|
}
|
|
155
161
|
|
|
156
162
|
button:enabled:active {
|
|
157
163
|
outline: none;
|
|
164
|
+
|
|
158
165
|
box-shadow: var(---shadow-8);
|
|
159
166
|
}
|
|
160
167
|
|
|
161
|
-
|
|
168
|
+
button:enabled:focus-visible {
|
|
162
169
|
outline: none;
|
|
170
|
+
|
|
163
171
|
box-shadow: var(---shadow-4);
|
|
164
172
|
}
|
|
165
173
|
|
|
166
|
-
|
|
174
|
+
button:enabled:focus-visible:active {
|
|
167
175
|
outline: none;
|
|
176
|
+
|
|
168
177
|
box-shadow: var(---shadow-8);
|
|
169
178
|
}
|
|
170
179
|
`]}render(){return V`
|
|
171
180
|
<button ?disabled=${this.disabled}>
|
|
172
181
|
<slot></slot>
|
|
173
182
|
</button>
|
|
174
|
-
`}}customElements.define("decidables-button",
|
|
183
|
+
`}}customElements.define("decidables-button",wr);
|
|
175
184
|
/**
|
|
176
185
|
* @license
|
|
177
186
|
* Copyright 2018 Google LLC
|
|
178
187
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
188
|
*/
|
|
180
|
-
const
|
|
189
|
+
const _r=t=>t??Y;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,a`
|
|
181
190
|
:host {
|
|
182
191
|
---decidables-slider-background-color: var(--decidables-slider-background-color, var(---color-element-disabled));
|
|
183
192
|
---decidables-slider-color: var(--decidables-slider-color, var(---color-element-enabled));
|
|
184
193
|
---decidables-spinner-background-color: var(--decidables-slider-background-color, none);
|
|
185
194
|
|
|
186
|
-
---shadow-2-rotate: var(--shadow-2-rotate, ${s(this.cssBoxShadow(2,!0,!1))});
|
|
187
|
-
---shadow-4-rotate: var(--shadow-4-rotate, ${s(this.cssBoxShadow(4,!0,!1))});
|
|
188
|
-
---shadow-8-rotate: var(--shadow-8-rotate, ${s(this.cssBoxShadow(8,!0,!1))});
|
|
189
|
-
|
|
190
195
|
display: flex;
|
|
191
196
|
|
|
192
197
|
flex-direction: column;
|
|
@@ -201,12 +206,14 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
201
206
|
|
|
202
207
|
.range {
|
|
203
208
|
position: relative;
|
|
209
|
+
|
|
204
210
|
display: flex;
|
|
205
211
|
|
|
206
212
|
flex-direction: row;
|
|
207
213
|
|
|
208
214
|
width: 3.5rem;
|
|
209
215
|
height: 4.75rem;
|
|
216
|
+
|
|
210
217
|
margin: 0 0.25rem 0.25rem;
|
|
211
218
|
}
|
|
212
219
|
|
|
@@ -218,21 +225,20 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
218
225
|
background: var(---decidables-spinner-background-color);
|
|
219
226
|
}
|
|
220
227
|
|
|
221
|
-
/* Adapted from http://danielstern.ca/range.css/#/ */
|
|
222
228
|
/* Overall */
|
|
223
229
|
input[type=range] {
|
|
224
|
-
width:
|
|
225
|
-
height:
|
|
230
|
+
width: 3.5rem;
|
|
231
|
+
height: 4.75rem;
|
|
232
|
+
|
|
226
233
|
padding: 0;
|
|
227
234
|
margin: 0;
|
|
235
|
+
|
|
236
|
+
appearance: none;
|
|
228
237
|
|
|
229
238
|
background-color: unset;
|
|
230
239
|
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
235
|
-
-webkit-appearance: none;
|
|
240
|
+
direction: rtl;
|
|
241
|
+
writing-mode: vertical-lr;
|
|
236
242
|
}
|
|
237
243
|
|
|
238
244
|
input[type=range]:enabled {
|
|
@@ -243,16 +249,10 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
243
249
|
outline: none;
|
|
244
250
|
}
|
|
245
251
|
|
|
246
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
247
|
-
input[type=range]::-ms-tooltip {
|
|
248
|
-
display: none;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
252
|
/* Track */
|
|
252
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
253
253
|
input[type=range]::-webkit-slider-runnable-track {
|
|
254
|
-
width:
|
|
255
|
-
height:
|
|
254
|
+
width: 4px;
|
|
255
|
+
height: 100%;
|
|
256
256
|
|
|
257
257
|
background: var(---decidables-slider-background-color);
|
|
258
258
|
border: 0;
|
|
@@ -264,10 +264,9 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
264
264
|
background: var(---decidables-slider-background-color);
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
268
267
|
input[type=range]::-moz-range-track {
|
|
269
|
-
width:
|
|
270
|
-
height:
|
|
268
|
+
width: 4px;
|
|
269
|
+
height: 100%;
|
|
271
270
|
|
|
272
271
|
background: var(---decidables-slider-background-color);
|
|
273
272
|
border: 0;
|
|
@@ -275,57 +274,17 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
275
274
|
box-shadow: none;
|
|
276
275
|
}
|
|
277
276
|
|
|
278
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
279
|
-
input[type=range]::-ms-track {
|
|
280
|
-
width: 100%;
|
|
281
|
-
height: 4px;
|
|
282
|
-
|
|
283
|
-
color: transparent;
|
|
284
|
-
|
|
285
|
-
background: transparent;
|
|
286
|
-
border-color: transparent;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
290
|
-
input[type=range]::-ms-fill-lower {
|
|
291
|
-
background: #cccccc;
|
|
292
|
-
/* background: var(---decidables-slider-background-color); */
|
|
293
|
-
border: 0;
|
|
294
|
-
border-radius: 2px;
|
|
295
|
-
box-shadow: none;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
299
|
-
input[type=range]::-ms-fill-upper {
|
|
300
|
-
background: #cccccc;
|
|
301
|
-
/* background: var(---decidables-slider-background-color); */
|
|
302
|
-
border: 0;
|
|
303
|
-
border-radius: 2px;
|
|
304
|
-
box-shadow: none;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
308
|
-
input[type=range]:focus::-ms-fill-lower {
|
|
309
|
-
background: var(---decidables-slider-background-color);
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
313
|
-
input[type=range]:focus::-ms-fill-upper {
|
|
314
|
-
background: var(---decidables-slider-background-color);
|
|
315
|
-
}
|
|
316
|
-
|
|
317
277
|
/* Thumb */
|
|
318
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
319
278
|
input[type=range]::-webkit-slider-thumb {
|
|
320
|
-
width:
|
|
321
|
-
height:
|
|
322
|
-
|
|
279
|
+
width: 20px;
|
|
280
|
+
height: 10px;
|
|
281
|
+
|
|
282
|
+
margin-left: -8px;
|
|
283
|
+
|
|
284
|
+
appearance: none;
|
|
323
285
|
|
|
324
286
|
border: 0;
|
|
325
287
|
border-radius: 4px;
|
|
326
|
-
|
|
327
|
-
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
328
|
-
-webkit-appearance: none;
|
|
329
288
|
}
|
|
330
289
|
|
|
331
290
|
input[type=range]:disabled::-webkit-slider-thumb {
|
|
@@ -335,112 +294,65 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
335
294
|
|
|
336
295
|
input[type=range]:enabled::-webkit-slider-thumb {
|
|
337
296
|
background: var(---decidables-slider-color);
|
|
338
|
-
box-shadow: var(---shadow-2
|
|
297
|
+
box-shadow: var(---shadow-2);
|
|
339
298
|
}
|
|
340
299
|
|
|
341
300
|
input[type=range]:enabled:hover::-webkit-slider-thumb {
|
|
342
|
-
box-shadow: var(---shadow-4
|
|
301
|
+
box-shadow: var(---shadow-4);
|
|
343
302
|
}
|
|
344
303
|
|
|
345
304
|
input[type=range]:enabled:active::-webkit-slider-thumb {
|
|
346
|
-
box-shadow: var(---shadow-8
|
|
305
|
+
box-shadow: var(---shadow-8);
|
|
347
306
|
}
|
|
348
307
|
|
|
349
|
-
|
|
350
|
-
box-shadow: var(---shadow-4
|
|
308
|
+
input[type=range]:enabled:focus-visible::-webkit-slider-thumb {
|
|
309
|
+
box-shadow: var(---shadow-4);
|
|
351
310
|
}
|
|
352
311
|
|
|
353
|
-
|
|
354
|
-
box-shadow: var(---shadow-8
|
|
312
|
+
input[type=range]:enabled:focus-visible:active::-webkit-slider-thumb {
|
|
313
|
+
box-shadow: var(---shadow-8);
|
|
355
314
|
}
|
|
356
315
|
|
|
357
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
358
316
|
input[type=range]::-moz-range-thumb {
|
|
359
|
-
width:
|
|
360
|
-
height:
|
|
317
|
+
width: 20px;
|
|
318
|
+
height: 10px;
|
|
361
319
|
|
|
362
320
|
border: 0;
|
|
363
321
|
border-radius: 4px;
|
|
364
322
|
}
|
|
365
323
|
|
|
366
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
367
324
|
input[type=range]:disabled::-moz-range-thumb {
|
|
368
325
|
background: var(---decidables-slider-background-color);
|
|
369
326
|
box-shadow: none;
|
|
370
327
|
}
|
|
371
328
|
|
|
372
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
373
329
|
input[type=range]:enabled::-moz-range-thumb {
|
|
374
330
|
background: var(---decidables-slider-color);
|
|
375
|
-
box-shadow: var(---shadow-2
|
|
331
|
+
box-shadow: var(---shadow-2);
|
|
376
332
|
}
|
|
377
333
|
|
|
378
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
379
334
|
input[type=range]:enabled:hover::-moz-range-thumb {
|
|
380
|
-
box-shadow: var(---shadow-4
|
|
335
|
+
box-shadow: var(---shadow-4);
|
|
381
336
|
}
|
|
382
337
|
|
|
383
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
384
338
|
input[type=range]:enabled:active::-moz-range-thumb {
|
|
385
|
-
box-shadow: var(---shadow-8
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
:host(.keyboard) input[type=range]:enabled:focus::-moz-range-thumb {
|
|
389
|
-
box-shadow: var(---shadow-4-rotate);
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
:host(.keyboard) input[type=range]:enabled:focus:active::-moz-range-thumb {
|
|
393
|
-
box-shadow: var(---shadow-8-rotate);
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
397
|
-
input[type=range]::-ms-thumb {
|
|
398
|
-
width: 10px;
|
|
399
|
-
height: 20px;
|
|
400
|
-
margin-top: 0;
|
|
401
|
-
|
|
402
|
-
background: #999999;
|
|
403
|
-
/* background: var(---color-element-enabled); */
|
|
404
|
-
border: 0;
|
|
405
|
-
border-radius: 4px;
|
|
406
|
-
box-shadow: var(---shadow-2-rotate);
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
410
|
-
input[type=range]:disabled::-ms-thumb {
|
|
411
|
-
background: var(---decidables-slider-background-color);
|
|
412
|
-
box-shadow: none;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
416
|
-
input[type=range]:enabled::-ms-thumb {
|
|
417
|
-
background: var(---decidables-slider-color);
|
|
418
|
-
box-shadow: var(---shadow-2-rotate);
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
422
|
-
input[type=range]:enabled:hover::-ms-thumb {
|
|
423
|
-
box-shadow: var(---shadow-4-rotate);
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
427
|
-
input[type=range]:enabled:active::-ms-thumb {
|
|
428
|
-
box-shadow: var(---shadow-8-rotate);
|
|
339
|
+
box-shadow: var(---shadow-8);
|
|
429
340
|
}
|
|
430
341
|
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
box-shadow: var(---shadow-4-rotate);
|
|
342
|
+
input[type=range]:enabled:focus-visible::-moz-range-thumb {
|
|
343
|
+
box-shadow: var(---shadow-4);
|
|
434
344
|
}
|
|
435
345
|
|
|
436
|
-
|
|
437
|
-
box-shadow: var(---shadow-8
|
|
346
|
+
input[type=range]:enabled:focus-visible:active::-moz-range-thumb {
|
|
347
|
+
box-shadow: var(---shadow-8);
|
|
438
348
|
}
|
|
439
349
|
|
|
440
|
-
|
|
350
|
+
/* Tick marks */
|
|
351
|
+
.datalist {
|
|
441
352
|
position: absolute;
|
|
442
353
|
left: 2rem;
|
|
443
354
|
z-index: -1;
|
|
355
|
+
|
|
444
356
|
display: flex;
|
|
445
357
|
|
|
446
358
|
flex-direction: column;
|
|
@@ -453,14 +365,13 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
453
365
|
font-size: 0.75rem;
|
|
454
366
|
}
|
|
455
367
|
|
|
456
|
-
option {
|
|
457
|
-
padding: 0;
|
|
458
|
-
|
|
368
|
+
.option {
|
|
459
369
|
line-height: 0.8;
|
|
460
|
-
|
|
370
|
+
|
|
371
|
+
white-space: nowrap;
|
|
461
372
|
}
|
|
462
373
|
|
|
463
|
-
option::before {
|
|
374
|
+
.option::before {
|
|
464
375
|
content: "– ";
|
|
465
376
|
}
|
|
466
377
|
`]}render(){return V`
|
|
@@ -468,29 +379,30 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
468
379
|
<slot></slot>
|
|
469
380
|
</label>
|
|
470
381
|
<div class="range">
|
|
471
|
-
<input ?disabled=${this.disabled} type="range" id="slider" min=${
|
|
382
|
+
<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)}>
|
|
472
383
|
${this.scale?V`
|
|
473
|
-
<
|
|
474
|
-
<option
|
|
475
|
-
<option
|
|
476
|
-
</
|
|
384
|
+
<div class="datalist">
|
|
385
|
+
<div class="option">${_r(this.max)}</div>
|
|
386
|
+
<div class="option">${_r(this.min)}</div>
|
|
387
|
+
</div>
|
|
477
388
|
`:V``}
|
|
478
389
|
</div>
|
|
479
|
-
<decidables-spinner ?disabled=${this.disabled} min=${
|
|
480
|
-
`}}customElements.define("decidables-slider"
|
|
390
|
+
<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>
|
|
391
|
+
`}}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,a`
|
|
481
392
|
:host {
|
|
482
393
|
---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
|
|
483
394
|
---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
|
|
484
395
|
---decidables-spinner-prefix: var(--decidables-spinner-prefix, "");
|
|
485
396
|
|
|
486
397
|
---decidables-spinner-postfix: var(--decidables-spinner-postfix, "");
|
|
487
|
-
---decidables-spinner-postfix-padding: var(--decidables-spinner-postfix-padding,
|
|
398
|
+
---decidables-spinner-postfix-padding: var(--decidables-spinner-postfix-padding, 0rem);
|
|
488
399
|
|
|
489
400
|
display: block;
|
|
490
401
|
}
|
|
491
402
|
|
|
492
403
|
label {
|
|
493
404
|
position: relative;
|
|
405
|
+
|
|
494
406
|
display: flex;
|
|
495
407
|
|
|
496
408
|
flex-direction: column;
|
|
@@ -508,6 +420,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
508
420
|
left: calc(50% - var(---decidables-spinner-input-width) / 2 + 0.25rem);
|
|
509
421
|
|
|
510
422
|
font-size: var(---decidables-spinner-font-size);
|
|
423
|
+
|
|
511
424
|
line-height: normal;
|
|
512
425
|
|
|
513
426
|
content: var(---decidables-spinner-prefix);
|
|
@@ -519,6 +432,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
519
432
|
bottom: 1px;
|
|
520
433
|
|
|
521
434
|
font-size: var(---decidables-spinner-font-size);
|
|
435
|
+
|
|
522
436
|
line-height: normal;
|
|
523
437
|
|
|
524
438
|
content: var(---decidables-spinner-postfix);
|
|
@@ -526,20 +440,24 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
526
440
|
|
|
527
441
|
input[type=number] {
|
|
528
442
|
width: var(---decidables-spinner-input-width);
|
|
529
|
-
|
|
443
|
+
|
|
444
|
+
padding: 1px var(---decidables-spinner-postfix-padding) 1px 2px;
|
|
445
|
+
margin: 0;
|
|
530
446
|
|
|
531
447
|
font-family: var(---font-family-base);
|
|
532
448
|
font-size: var(---decidables-spinner-font-size);
|
|
449
|
+
|
|
533
450
|
color: inherit;
|
|
451
|
+
|
|
534
452
|
text-align: right;
|
|
535
453
|
|
|
454
|
+
appearance: none;
|
|
455
|
+
outline: none;
|
|
456
|
+
|
|
536
457
|
background: none;
|
|
537
458
|
border: 0;
|
|
538
459
|
border-radius: 0;
|
|
539
|
-
outline: none;
|
|
540
460
|
box-shadow: var(---shadow-2);
|
|
541
|
-
|
|
542
|
-
-webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
|
|
543
461
|
}
|
|
544
462
|
|
|
545
463
|
input[type=number]:hover {
|
|
@@ -556,27 +474,61 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
556
474
|
|
|
557
475
|
border: 0;
|
|
558
476
|
box-shadow: none;
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
/* HACK: Manage spinners in Firefox */
|
|
480
|
+
@supports (-moz-appearance: textfield) {
|
|
481
|
+
input[type=number] {
|
|
482
|
+
padding-right: calc(18px + var(---decidables-spinner-postfix-padding));
|
|
483
|
+
|
|
484
|
+
appearance: textfield;
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
input[type=number]:hover,
|
|
488
|
+
input[type=number]:focus,
|
|
489
|
+
input[type=number]:active {
|
|
490
|
+
padding-right: var(---decidables-spinner-postfix-padding);
|
|
491
|
+
|
|
492
|
+
appearance: none;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
input[type=number]:disabled {
|
|
496
|
+
padding-right: calc(18px + var(---decidables-spinner-postfix-padding));
|
|
497
|
+
|
|
498
|
+
appearance: textfield;
|
|
499
|
+
}
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
/* HACK: Manage spinners in Chrome/Edge/Safari */
|
|
503
|
+
input[type=number]::-webkit-inner-spin-button {
|
|
504
|
+
/* Avoid oversized spinners in Safari */
|
|
505
|
+
font-size: 1.125rem;
|
|
559
506
|
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
507
|
+
opacity: 0;
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
input[type=number]:hover::-webkit-inner-spin-button,
|
|
511
|
+
input[type=number]:focus::-webkit-inner-spin-button,
|
|
512
|
+
input[type=number]:active::-webkit-inner-spin-button {
|
|
513
|
+
opacity: 1;
|
|
566
514
|
}
|
|
567
515
|
|
|
568
|
-
/* HACK: Hide spinners in disabled input for Firefox and Safari */
|
|
569
|
-
input[type=number]:disabled::-webkit-outer-spin-button,
|
|
570
516
|
input[type=number]:disabled::-webkit-inner-spin-button {
|
|
571
|
-
|
|
572
|
-
|
|
517
|
+
opacity: 0;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
/* HACK: Adjust padding on mobile w/o spinners */
|
|
521
|
+
@media only screen and (hover: none) and (pointer: coarse) {
|
|
522
|
+
input[type=number] {
|
|
523
|
+
padding-right: calc(1.125rem + var(---decidables-spinner-postfix-padding));
|
|
524
|
+
}
|
|
573
525
|
}
|
|
574
526
|
`]}render(){return V`
|
|
575
527
|
<label>
|
|
576
528
|
<slot></slot>
|
|
577
|
-
<input ?disabled=${this.disabled} type="number" min=${
|
|
529
|
+
<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)}>
|
|
578
530
|
</label>
|
|
579
|
-
`}}customElements.define("decidables-spinner"
|
|
531
|
+
`}}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,a`
|
|
580
532
|
:host {
|
|
581
533
|
display: flex;
|
|
582
534
|
|
|
@@ -593,13 +545,16 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
593
545
|
|
|
594
546
|
width: 1px;
|
|
595
547
|
height: 1px;
|
|
548
|
+
|
|
596
549
|
padding: 0;
|
|
597
550
|
margin: -1px;
|
|
551
|
+
|
|
598
552
|
overflow: hidden;
|
|
599
553
|
|
|
600
554
|
white-space: nowrap;
|
|
601
555
|
|
|
602
556
|
border: 0;
|
|
557
|
+
|
|
603
558
|
clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */
|
|
604
559
|
}
|
|
605
560
|
|
|
@@ -615,6 +570,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
615
570
|
position: relative;
|
|
616
571
|
|
|
617
572
|
min-width: 24px;
|
|
573
|
+
|
|
618
574
|
padding: 0 0 36px;
|
|
619
575
|
margin: 0.25rem 0.25rem 0;
|
|
620
576
|
|
|
@@ -626,17 +582,17 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
626
582
|
input[type=checkbox] + label + label::before,
|
|
627
583
|
input[type=checkbox] + label + label::after {
|
|
628
584
|
position: absolute;
|
|
629
|
-
|
|
630
585
|
left: 50%;
|
|
631
586
|
|
|
632
587
|
margin: 0;
|
|
633
588
|
|
|
634
|
-
content: "";
|
|
635
|
-
|
|
636
589
|
outline: 0;
|
|
637
590
|
|
|
638
|
-
|
|
591
|
+
content: "";
|
|
592
|
+
|
|
639
593
|
transform: translate(-50%, 0);
|
|
594
|
+
|
|
595
|
+
transition: all var(---transition-duration) ease;
|
|
640
596
|
}
|
|
641
597
|
|
|
642
598
|
input[type=checkbox] + label + label::before {
|
|
@@ -684,17 +640,14 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
684
640
|
box-shadow: var(---shadow-8);
|
|
685
641
|
}
|
|
686
642
|
|
|
687
|
-
|
|
688
|
-
:host(.keyboard) input[type=checkbox]:enabled:focus + label + label::after {
|
|
643
|
+
input[type=checkbox]:enabled:focus-visible + label + label::after {
|
|
689
644
|
box-shadow: var(---shadow-4);
|
|
690
645
|
}
|
|
691
646
|
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
:host(.keyboard) input[type=checkbox]:enabled:focus:active + label + label::after {
|
|
647
|
+
input[type=checkbox]:enabled:focus-visible + label + label:active::after,
|
|
648
|
+
input[type=checkbox]:enabled:focus-visible:active + label + label::after {
|
|
695
649
|
box-shadow: var(---shadow-8);
|
|
696
650
|
}
|
|
697
|
-
/* stylelint-enable selector-max-compound-selectors */
|
|
698
651
|
`]}render(){return V`
|
|
699
652
|
<input type="checkbox" id="switch" ?checked=${this.checked} ?disabled=${this.disabled} @change=${this.changed.bind(this)}>
|
|
700
653
|
<label for="switch">
|
|
@@ -703,7 +656,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
703
656
|
<label for="switch">
|
|
704
657
|
<slot></slot>
|
|
705
658
|
</label>
|
|
706
|
-
`}}customElements.define("decidables-switch",Ar);class
|
|
659
|
+
`}}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,a`
|
|
707
660
|
fieldset {
|
|
708
661
|
display: flex;
|
|
709
662
|
|
|
@@ -725,7 +678,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
725
678
|
<legend><slot name="label"></slot></legend>
|
|
726
679
|
<slot></slot>
|
|
727
680
|
</fieldset>
|
|
728
|
-
`}}customElements.define("decidables-toggle",
|
|
681
|
+
`}}customElements.define("decidables-toggle",kr);class Sr 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,a`
|
|
729
682
|
:host {
|
|
730
683
|
display: flex;
|
|
731
684
|
}
|
|
@@ -736,39 +689,46 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
736
689
|
|
|
737
690
|
width: 1px;
|
|
738
691
|
height: 1px;
|
|
692
|
+
|
|
739
693
|
padding: 0;
|
|
740
694
|
margin: -1px;
|
|
695
|
+
|
|
741
696
|
overflow: hidden;
|
|
742
697
|
|
|
743
698
|
white-space: nowrap;
|
|
744
699
|
|
|
745
700
|
border: 0;
|
|
701
|
+
|
|
746
702
|
clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */
|
|
747
703
|
}
|
|
748
704
|
|
|
749
705
|
input[type=radio] + label {
|
|
750
706
|
width: 100%;
|
|
707
|
+
|
|
751
708
|
padding: 0.375rem 0.75rem;
|
|
752
709
|
|
|
753
710
|
font-family: var(---font-family-base);
|
|
754
711
|
font-size: 1.125rem;
|
|
712
|
+
|
|
755
713
|
line-height: 1.5;
|
|
714
|
+
|
|
756
715
|
color: var(---color-text-inverse);
|
|
716
|
+
|
|
757
717
|
text-align: center;
|
|
758
718
|
|
|
759
719
|
cursor: pointer;
|
|
720
|
+
outline: none;
|
|
760
721
|
|
|
761
722
|
background-color: var(---color-element-enabled);
|
|
762
723
|
border: 0;
|
|
763
724
|
border-radius: 0;
|
|
764
|
-
outline: none;
|
|
765
|
-
|
|
766
725
|
box-shadow: var(---shadow-2);
|
|
767
726
|
}
|
|
768
727
|
|
|
769
728
|
input[type=radio]:checked + label {
|
|
770
|
-
background-color: var(---color-element-selected);
|
|
771
729
|
outline: none;
|
|
730
|
+
|
|
731
|
+
background-color: var(---color-element-selected);
|
|
772
732
|
box-shadow: var(---shadow-2);
|
|
773
733
|
}
|
|
774
734
|
|
|
@@ -776,6 +736,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
776
736
|
z-index: 1;
|
|
777
737
|
|
|
778
738
|
outline: none;
|
|
739
|
+
|
|
779
740
|
box-shadow: var(---shadow-4);
|
|
780
741
|
}
|
|
781
742
|
|
|
@@ -783,6 +744,7 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
783
744
|
z-index: 2;
|
|
784
745
|
|
|
785
746
|
outline: none;
|
|
747
|
+
|
|
786
748
|
box-shadow: var(---shadow-8);
|
|
787
749
|
}
|
|
788
750
|
|
|
@@ -796,25 +758,28 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
796
758
|
border-bottom-left-radius: 0.25rem;
|
|
797
759
|
}
|
|
798
760
|
|
|
799
|
-
|
|
761
|
+
input[type=radio]:focus-visible + label {
|
|
800
762
|
z-index: 1;
|
|
801
763
|
|
|
802
764
|
outline: none;
|
|
765
|
+
|
|
803
766
|
box-shadow: var(---shadow-4);
|
|
804
767
|
}
|
|
805
768
|
|
|
806
|
-
|
|
769
|
+
input[type=radio]:focus-visible:checked + label {
|
|
807
770
|
z-index: 1;
|
|
808
771
|
|
|
809
|
-
background-color: var(---color-element-selected);
|
|
810
772
|
outline: none;
|
|
773
|
+
|
|
774
|
+
background-color: var(---color-element-selected);
|
|
811
775
|
box-shadow: var(---shadow-4);
|
|
812
776
|
}
|
|
813
777
|
|
|
814
|
-
|
|
778
|
+
input[type=radio]:focus-visible + label:active {
|
|
815
779
|
z-index: 2;
|
|
816
780
|
|
|
817
781
|
outline: none;
|
|
782
|
+
|
|
818
783
|
box-shadow: var(---shadow-8);
|
|
819
784
|
}
|
|
820
785
|
`]}render(){return V`
|
|
@@ -822,5 +787,5 @@ const xr=t=>t??Y;class $r extends wr{static get properties(){return{disabled:{at
|
|
|
822
787
|
<label for="toggle-option">
|
|
823
788
|
<slot></slot>
|
|
824
789
|
</label>
|
|
825
|
-
`}}customElements.define("decidables-toggle-option",Sr);const
|
|
790
|
+
`}}customElements.define("decidables-toggle-option",Sr);const Er={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};t.DecidablesButton=wr,t.DecidablesConverterArray=Er,t.DecidablesConverterSet=Cr,t.DecidablesElement=vr,t.DecidablesMixinResizeable=function(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()}}},t.DecidablesSlider=xr,t.DecidablesSpinner=$r,t.DecidablesSwitch=Ar,t.DecidablesToggle=kr,t.DecidablesToggleOption=Sr});
|
|
826
791
|
//# sourceMappingURL=decidablesElements.umd.min.js.map
|