@solid-design-system/components 1.0.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/LICENSE.md +20 -0
- package/README.md +15 -0
- package/dist/components/es/button.js +125 -0
- package/dist/components/es/classix.js +1 -0
- package/dist/components/es/component.styles.js +1 -0
- package/dist/components/es/icon.js +17 -0
- package/dist/components/es/if-defined.js +11 -0
- package/dist/components/es/include.js +1 -0
- package/dist/components/es/include.styles.js +1 -0
- package/dist/components/es/library.js +1 -0
- package/dist/components/es/library.system.js +1 -0
- package/dist/components/es/link.js +1 -0
- package/dist/components/es/lit-element.js +23 -0
- package/dist/components/es/request.js +1 -0
- package/dist/components/es/request2.js +1 -0
- package/dist/components/es/solid-components.js +1 -0
- package/dist/components/es/solid-element.js +21 -0
- package/dist/components/es/spinner.js +1 -0
- package/dist/components/es/state.js +6 -0
- package/dist/components/es/watch.js +1 -0
- package/dist/components/umd/solid-components.js +200 -0
- package/dist/custom-elements.json +1 -0
- package/dist/package/components/button/button.d.ts +48 -0
- package/dist/package/components/button/button.js +391 -0
- package/dist/package/components/icon/icon.d.ts +22 -0
- package/dist/package/components/icon/icon.js +129 -0
- package/dist/package/components/icon/library.d.ts +16 -0
- package/dist/package/components/icon/library.js +17 -0
- package/dist/package/components/icon/library.system.d.ts +7 -0
- package/dist/package/components/icon/library.system.js +26 -0
- package/dist/package/components/icon/request.d.ts +11 -0
- package/dist/package/components/icon/request.js +24 -0
- package/dist/package/components/include/include.d.ts +16 -0
- package/dist/package/components/include/include.js +72 -0
- package/dist/package/components/include/include.styles.d.ts +2 -0
- package/dist/package/components/include/include.styles.js +6 -0
- package/dist/package/components/include/request.d.ts +7 -0
- package/dist/package/components/include/request.js +18 -0
- package/dist/package/components/link/link.d.ts +22 -0
- package/dist/package/components/link/link.js +107 -0
- package/dist/package/components/spinner/spinner.d.ts +12 -0
- package/dist/package/components/spinner/spinner.js +46 -0
- package/dist/package/internal/form.d.ts +35 -0
- package/dist/package/internal/form.js +212 -0
- package/dist/package/internal/slot.d.ts +14 -0
- package/dist/package/internal/slot.js +47 -0
- package/dist/package/internal/solid-element.d.ts +26 -0
- package/dist/package/internal/solid-element.js +38 -0
- package/dist/package/internal/watch.d.ts +11 -0
- package/dist/package/internal/watch.js +28 -0
- package/dist/package/node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js +103 -0
- package/dist/package/solid-components.d.ts +6 -0
- package/dist/package/solid-components.js +14 -0
- package/dist/package/styles/component.styles.d.ts +2 -0
- package/dist/package/styles/component.styles.js +5 -0
- package/dist/package/styles/tailwind.css.js +4 -0
- package/dist/package/translations/en.d.ts +3 -0
- package/dist/package/translations/en.js +31 -0
- package/dist/package/utilities/localize.d.ts +25 -0
- package/dist/package/utilities/localize.js +7 -0
- package/dist/versioned-components/es/button.js +125 -0
- package/dist/versioned-components/es/classix.js +1 -0
- package/dist/versioned-components/es/component.styles.js +1 -0
- package/dist/versioned-components/es/icon.js +17 -0
- package/dist/versioned-components/es/if-defined.js +11 -0
- package/dist/versioned-components/es/include.js +1 -0
- package/dist/versioned-components/es/include.styles.js +1 -0
- package/dist/versioned-components/es/library.js +1 -0
- package/dist/versioned-components/es/library.system.js +1 -0
- package/dist/versioned-components/es/link.js +1 -0
- package/dist/versioned-components/es/lit-element.js +23 -0
- package/dist/versioned-components/es/request.js +1 -0
- package/dist/versioned-components/es/request2.js +1 -0
- package/dist/versioned-components/es/solid-components.js +1 -0
- package/dist/versioned-components/es/solid-element.js +21 -0
- package/dist/versioned-components/es/spinner.js +1 -0
- package/dist/versioned-components/es/state.js +6 -0
- package/dist/versioned-components/es/watch.js +1 -0
- package/dist/versioned-package/components/button/button.d.ts +48 -0
- package/dist/versioned-package/components/button/button.js +391 -0
- package/dist/versioned-package/components/icon/icon.d.ts +22 -0
- package/dist/versioned-package/components/icon/icon.js +129 -0
- package/dist/versioned-package/components/icon/library.d.ts +16 -0
- package/dist/versioned-package/components/icon/library.js +17 -0
- package/dist/versioned-package/components/icon/library.system.d.ts +7 -0
- package/dist/versioned-package/components/icon/library.system.js +26 -0
- package/dist/versioned-package/components/icon/request.d.ts +11 -0
- package/dist/versioned-package/components/icon/request.js +24 -0
- package/dist/versioned-package/components/include/include.d.ts +16 -0
- package/dist/versioned-package/components/include/include.js +72 -0
- package/dist/versioned-package/components/include/include.styles.d.ts +2 -0
- package/dist/versioned-package/components/include/include.styles.js +6 -0
- package/dist/versioned-package/components/include/request.d.ts +7 -0
- package/dist/versioned-package/components/include/request.js +18 -0
- package/dist/versioned-package/components/link/link.d.ts +22 -0
- package/dist/versioned-package/components/link/link.js +107 -0
- package/dist/versioned-package/components/spinner/spinner.d.ts +12 -0
- package/dist/versioned-package/components/spinner/spinner.js +46 -0
- package/dist/versioned-package/internal/form.d.ts +35 -0
- package/dist/versioned-package/internal/form.js +212 -0
- package/dist/versioned-package/internal/slot.d.ts +14 -0
- package/dist/versioned-package/internal/slot.js +47 -0
- package/dist/versioned-package/internal/solid-element.d.ts +26 -0
- package/dist/versioned-package/internal/solid-element.js +38 -0
- package/dist/versioned-package/internal/watch.d.ts +11 -0
- package/dist/versioned-package/internal/watch.js +28 -0
- package/dist/versioned-package/node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js +103 -0
- package/dist/versioned-package/solid-components.d.ts +6 -0
- package/dist/versioned-package/solid-components.js +14 -0
- package/dist/versioned-package/styles/component.styles.d.ts +2 -0
- package/dist/versioned-package/styles/component.styles.js +5 -0
- package/dist/versioned-package/styles/tailwind.css.js +4 -0
- package/dist/versioned-package/translations/en.d.ts +3 -0
- package/dist/versioned-package/translations/en.js +31 -0
- package/dist/versioned-package/utilities/localize.d.ts +25 -0
- package/dist/versioned-package/utilities/localize.js +7 -0
- package/dist/vscode.html-custom-data.json +661 -0
- package/dist/web-types.json +1449 -0
- package/package.json +185 -0
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
var t;t=function(){const t=Object.assign({"./components/button/button.ts":()=>Promise.resolve().then((()=>Xt)),"./components/icon/icon.ts":()=>Promise.resolve().then((()=>xe)),"./components/icon/library.system.ts":()=>Promise.resolve().then((()=>Qt)),"./components/icon/library.ts":()=>Promise.resolve().then((()=>ne)),"./components/icon/request.ts":()=>Promise.resolve().then((()=>pe)),"./components/include/include.styles.ts":()=>Promise.resolve().then((()=>Ae)),"./components/include/include.ts":()=>Promise.resolve().then((()=>ze)),"./components/include/request.ts":()=>Promise.resolve().then((()=>de)),"./components/link/link.ts":()=>Promise.resolve().then((()=>Me)),"./components/spinner/spinner.ts":()=>Promise.resolve().then((()=>Ut))});Object.keys(t).forEach((e=>{t[e]()}));
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2019 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
+
*/
|
|
7
|
+
const e=window,r=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),i=new WeakMap;let s=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==o)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(r&&void 0===t){const r=void 0!==e&&1===e.length;r&&(t=i.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&i.set(e,t))}return t}toString(){return this.cssText}};const n=t=>new s("string"==typeof t?t:t+"",void 0,o),a=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,r,o)=>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.")})(r)+t[o+1]),t[0]);return new s(r,t,o)},l=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return n(e)})(t):t
|
|
8
|
+
/**
|
|
9
|
+
* @license
|
|
10
|
+
* Copyright 2017 Google LLC
|
|
11
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
+
*/;var d;const c=window,h=c.trustedTypes,p=h?h.emptyScript:"",u=c.reactiveElementPolyfillSupport,m={toAttribute(t,e){switch(e){case Boolean:t=t?p:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch{r=null}}return r}},v=(t,e)=>e!==t&&(e==e||t==t),b={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:v},g="finalized";let f=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,r)=>{const o=this._$Ep(r,e);void 0!==o&&(this._$Ev.set(o,r),t.push(o))})),t}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const r="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,r,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){const i=this[t];this[e]=o,this.requestUpdate(t,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||b}static finalize(){if(this.hasOwnProperty(g))return!1;this[g]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of e)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Ep(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,r;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(r=t.hostConnected)||void 0===r||r.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const o=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{r?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((r=>{const o=document.createElement("style"),i=e.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=r.cssText,t.appendChild(o)}))})(o,this.constructor.elementStyles),o}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=b){var o;const i=this.constructor._$Ep(t,r);if(void 0!==i&&!0===r.reflect){const s=(void 0!==(null===(o=r.converter)||void 0===o?void 0:o.toAttribute)?r.converter:m).toAttribute(e,r.type);this._$El=t,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$El=null}}_$AK(t,e){var r;const o=this.constructor,i=o._$Ev.get(t);if(void 0!==i&&this._$El!==i){const t=o.getPropertyOptions(i),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(r=t.converter)||void 0===r?void 0:r.fromAttribute)?t.converter:m;this._$El=i,this[i]=s.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,r){let o=!0;void 0!==t&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||v)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===r.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(r)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};
|
|
13
|
+
/**
|
|
14
|
+
* @license
|
|
15
|
+
* Copyright 2017 Google LLC
|
|
16
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
+
*/
|
|
18
|
+
var y;f[g]=!0,f.elementProperties=new Map,f.elementStyles=[],f.shadowRootOptions={mode:"open"},null==u||u({ReactiveElement:f}),(null!==(d=c.reactiveElementVersions)&&void 0!==d?d:c.reactiveElementVersions=[]).push("1.6.2");const w=window,$=w.trustedTypes,x=$?$.createPolicy("lit-html",{createHTML:t=>t}):void 0,_="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,S="?"+A,C=`<${S}>`,k=document,E=()=>k.createComment(""),z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,O="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,T=/-->/g,M=/>/g,N=RegExp(`>|${O}(?:([^\\s"'>=/]+)(${O}*=${O}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),j=/'/g,L=/"/g,V=/^(?:script|style|textarea|title)$/i,D=(1,(t,...e)=>({_$litType$:1,strings:t,values:e})),I=Symbol.for("lit-noChange"),R=Symbol.for("lit-nothing"),F=new WeakMap,H=k.createTreeWalker(k,129,null,!1);class B{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let i=0,s=0;const n=t.length-1,a=this.parts,[l,d]=((t,e)=>{const r=t.length-1,o=[];let i,s=2===e?"<svg>":"",n=U;for(let e=0;e<r;e++){const r=t[e];let a,l,d=-1,c=0;for(;c<r.length&&(n.lastIndex=c,l=n.exec(r),null!==l);)c=n.lastIndex,n===U?"!--"===l[1]?n=T:void 0!==l[1]?n=M:void 0!==l[2]?(V.test(l[2])&&(i=RegExp("</"+l[2],"g")),n=N):void 0!==l[3]&&(n=N):n===N?">"===l[0]?(n=i??U,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?N:'"'===l[3]?L:j):n===L||n===j?n=N:n===T||n===M?n=U:(n=N,i=void 0);const h=n===N&&t[e+1].startsWith("/>")?" ":"";s+=n===U?r+C:d>=0?(o.push(a),r.slice(0,d)+_+r.slice(d)+A+h):r+A+(-2===d?(o.push(void 0),e):h)}const a=s+(t[r]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==x?x.createHTML(a):a,o]})(t,e);if(this.el=B.createElement(l,r),H.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=H.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith(_)||e.startsWith(A)){const r=d[s++];if(t.push(e),void 0!==r){const t=o.getAttribute(r.toLowerCase()+_).split(A),e=/([.?@])?(.*)/.exec(r);a.push({type:1,index:i,name:e[2],strings:t,ctor:"."===e[1]?Y:"?"===e[1]?J:"@"===e[1]?G:K})}else a.push({type:6,index:i})}for(const e of t)o.removeAttribute(e)}if(V.test(o.tagName)){const t=o.textContent.split(A),e=t.length-1;if(e>0){o.textContent=$?$.emptyScript:"";for(let r=0;r<e;r++)o.append(t[r],E()),H.nextNode(),a.push({type:2,index:++i});o.append(t[e],E())}}}else if(8===o.nodeType)if(o.data===S)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=o.data.indexOf(A,t+1));)a.push({type:7,index:i}),t+=A.length-1}i++}}static createElement(t,e){const r=k.createElement("template");return r.innerHTML=t,r}}function q(t,e,r=t,o){var i,s,n,a;if(e===I)return e;let l=void 0!==o?null===(i=r._$Co)||void 0===i?void 0:i[o]:r._$Cl;const d=z(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==d&&(null===(s=null==l?void 0:l._$AO)||void 0===s||s.call(l,!1),void 0===d?l=void 0:(l=new d(t),l._$AT(t,r,o)),void 0!==o?(null!==(n=(a=r)._$Co)&&void 0!==n?n:a._$Co=[])[o]=l:r._$Cl=l),void 0!==l&&(e=q(t,l._$AS(t,e.values),l,o)),e}class W{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){var e;const{el:{content:r},parts:o}=this._$AD,i=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:k).importNode(r,!0);H.currentNode=i;let s=H.nextNode(),n=0,a=0,l=o[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new Z(s,s.nextSibling,this,t):1===l.type?e=new l.ctor(s,l.name,l.strings,this,t):6===l.type&&(e=new Q(s,this,t)),this._$AV.push(e),l=o[++a]}n!==(null==l?void 0:l.index)&&(s=H.nextNode(),n++)}return H.currentNode=k,i}v(t){let e=0;for(const r of this._$AV)void 0!==r&&(void 0!==r.strings?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class Z{constructor(t,e,r,o){var i;this.type=2,this._$AH=R,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this._$Cp=null===(i=null==o?void 0:o.isConnected)||void 0===i||i}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0: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),z(t)?t===R||null==t||""===t?(this._$AH!==R&&this._$AR(),this._$AH=R):t!==this._$AH&&t!==I&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>P(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==R&&z(this._$AH)?this._$AA.nextSibling.data=t:this.$(k.createTextNode(t)),this._$AH=t}g(t){var e;const{values:r,_$litType$:o}=t,i="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=B.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===i)this._$AH.v(r);else{const t=new W(i,this),e=t.u(this.options);t.v(r),this.$(e),this._$AH=t}}_$AC(t){let e=F.get(t.strings);return void 0===e&&F.set(t.strings,e=new B(t)),e}T(t){P(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,o=0;for(const i of t)o===e.length?e.push(r=new Z(this.k(E()),this.k(E()),this,this.options)):r=e[o],r._$AI(i),o++;o<e.length&&(this._$AR(r&&r._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var r;for(null===(r=this._$AP)||void 0===r||r.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class K{constructor(t,e,r,o,i){this.type=1,this._$AH=R,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=R}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,r,o){const i=this.strings;let s=!1;if(void 0===i)t=q(this,t,e,0),s=!z(t)||t!==this._$AH&&t!==I,s&&(this._$AH=t);else{const o=t;let n,a;for(t=i[0],n=0;n<i.length-1;n++)a=q(this,o[r+n],e,n),a===I&&(a=this._$AH[n]),s||(s=!z(a)||a!==this._$AH[n]),a===R?t=R:t!==R&&(t+=(a??"")+i[n+1]),this._$AH[n]=a}s&&!o&&this.j(t)}j(t){t===R?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Y extends K{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===R?void 0:t}}const X=$?$.emptyScript:"";class J extends K{constructor(){super(...arguments),this.type=4}j(t){t&&t!==R?this.element.setAttribute(this.name,X):this.element.removeAttribute(this.name)}}class G extends K{constructor(t,e,r,o,i){super(t,e,r,o,i),this.type=5}_$AI(t,e=this){var r;if((t=null!==(r=q(this,t,e,0))&&void 0!==r?r:R)===I)return;const o=this._$AH,i=t===R&&o!==R||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==R&&(o===R||i);i&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;"function"==typeof this._$AH?this._$AH.call(null!==(r=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==r?r:this.element,t):this._$AH.handleEvent(t)}}class Q{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){q(this,t)}}const tt=w.litHtmlPolyfillSupport;
|
|
19
|
+
/**
|
|
20
|
+
* @license
|
|
21
|
+
* Copyright 2017 Google LLC
|
|
22
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
+
*/
|
|
24
|
+
var et,rt;null==tt||tt(B,Z),(null!==(y=w.litHtmlVersions)&&void 0!==y?y:w.litHtmlVersions=[]).push("2.7.4");let ot=class extends f{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,r)=>{var o,i;const s=null!==(o=null==r?void 0:r.renderBefore)&&void 0!==o?o:e;let n=s._$litPart$;if(void 0===n){const t=null!==(i=null==r?void 0:r.renderBefore)&&void 0!==i?i:null;s._$litPart$=n=new Z(e.insertBefore(E(),t),t,void 0,r??{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return I}};ot.finalized=!0,ot._$litElement$=!0,null===(et=globalThis.litElementHydrateSupport)||void 0===et||et.call(globalThis,{LitElement:ot});const it=globalThis.litElementPolyfillSupport;null==it||it({LitElement:ot}),(null!==(rt=globalThis.litElementVersions)&&void 0!==rt?rt:globalThis.litElementVersions=[]).push("3.3.2");
|
|
25
|
+
/**
|
|
26
|
+
* @license
|
|
27
|
+
* Copyright 2017 Google LLC
|
|
28
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
+
*/
|
|
30
|
+
const st=t=>e=>{return"function"==typeof e?(r=t,o=e,customElements.define(r,o),o):((t,e)=>{const{kind:r,elements:o}=e;return{kind:r,elements:o,finisher(e){customElements.define(t,e)}}})(t,e);
|
|
31
|
+
/**
|
|
32
|
+
* @license
|
|
33
|
+
* Copyright 2017 Google LLC
|
|
34
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
+
*/var r,o},nt=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(r){r.createProperty(e.key,t)}},at=(t,e,r)=>{e.constructor.createProperty(r,t)};function lt(t){return(e,r)=>void 0!==r?at(t,e,r):nt(t,e)
|
|
36
|
+
/**
|
|
37
|
+
* @license
|
|
38
|
+
* Copyright 2017 Google LLC
|
|
39
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
40
|
+
*/}function dt(t){return lt({...t,state:!0})}
|
|
41
|
+
/**
|
|
42
|
+
* @license
|
|
43
|
+
* Copyright 2017 Google LLC
|
|
44
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
45
|
+
*/const ct=({finisher:t,descriptor:e})=>(r,o)=>{var i;if(void 0===o){const o=null!==(i=r.originalKey)&&void 0!==i?i:r.key,s=null!=e?{kind:"method",placement:"prototype",key:o,descriptor:e(r.key)}:{...r,key:o};return null!=t&&(s.finisher=function(e){t(e,o)}),s}{const i=r.constructor;void 0!==e&&Object.defineProperty(r,o,e(o)),null==t||t(i,o)}}
|
|
46
|
+
/**
|
|
47
|
+
* @license
|
|
48
|
+
* Copyright 2017 Google LLC
|
|
49
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
50
|
+
*/;function ht(t,e){return ct({descriptor:r=>{const o={get(){var e,r;return null!==(r=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==r?r:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof r?Symbol():"__"+r;o.get=function(){var r,o;return void 0===this[e]&&(this[e]=null!==(o=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(t))&&void 0!==o?o:null),this[e]}}return o}})}
|
|
51
|
+
/**
|
|
52
|
+
* @license
|
|
53
|
+
* Copyright 2021 Google LLC
|
|
54
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
+
*/var pt;const ut=null!=(null===(pt=window.HTMLSlotElement)||void 0===pt?void 0:pt.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE)),mt=new Set,vt=new MutationObserver(wt),bt=new Map;let gt,ft=document.documentElement.dir||"ltr",yt=document.documentElement.lang||navigator.language;function wt(){ft=document.documentElement.dir||"ltr",yt=document.documentElement.lang||navigator.language,[...mt.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}vt.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let $t=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){mt.add(this.host)}hostDisconnected(){mt.delete(this.host)}dir(){return`${this.host.dir||ft}`.toLowerCase()}lang(){return`${this.host.lang||yt}`.toLowerCase()}getTranslationData(t){var e,r;const o=new Intl.Locale(t),i=null==o?void 0:o.language.toLowerCase(),s=null!==(r=null===(e=null==o?void 0:o.region)||void 0===e?void 0:e.toLowerCase())&&void 0!==r?r:"";return{locale:o,language:i,region:s,primary:bt.get(`${i}-${s}`),secondary:bt.get(i)}}exists(t,e){var r;const{primary:o,secondary:i}=this.getTranslationData(null!==(r=e.lang)&&void 0!==r?r:this.lang());return e=Object.assign({includeFallback:!1},e),!!(o&&o[t]||i&&i[t]||e.includeFallback&>&>[t])}term(t,...e){const{primary:r,secondary:o}=this.getTranslationData(this.lang());let i;if(r&&r[t])i=r[t];else if(o&&o[t])i=o[t];else{if(!gt||!gt[t])return console.error(`No translation found for: ${String(t)}`),String(t);i=gt[t]}return"function"==typeof i?i(...e):i}date(t,e){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),e).format(t)}number(t,e){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),e).format(t)}relativeTime(t,e,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(t,e)}};!function(...t){t.map((t=>{const e=t.$code.toLowerCase();bt.has(e)?bt.set(e,Object.assign(Object.assign({},bt.get(e)),t)):bt.set(e,t),gt||(gt=t)})),wt()}({$code:"en",$name:"English",$dir:"ltr",clearEntry:"Clear entry",close:"Close",copy:"Copy",numOptionsSelected:t=>0===t?"No options selected":1===t?"1 option selected":`${t} options selected`,currentValue:"Current value",hidePassword:"Hide password",loading:"Loading",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",toggleColorFormat:"Toggle color format"});class xt extends $t{}function _t(){let t,e="",r=0;for(;r<arguments.length;)(t=arguments[r++])&&"string"==typeof t&&(e&&(e+=" "),e+=t);return e}var At=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Ct=(t,e,r,o)=>{for(var i,s=o>1?void 0:o?St(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o?i(e,r,s):i(s))||s);return o&&s&&At(e,r,s),s};class kt extends ot{emit(t,e){const r=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:{},...e});return this.dispatchEvent(r),r}}kt.styles=n('/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.ml-1{margin-left:var(--sd-spacing-1,.25rem)}.ml-2{margin-left:var(--sd-spacing-2,.5rem)}.ml-\\[0\\.25em\\]{margin-left:.25em}.ml-\\[0\\.5em\\]{margin-left:.5em}.mr-1{margin-right:var(--sd-spacing-1,.25rem)}.mr-2{margin-right:var(--sd-spacing-2,.5rem)}.mr-\\[0\\.25em\\]{margin-right:.25em}.mr-\\[0\\.5em\\]{margin-right:.5em}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-varspacing{height:var(--tw-varspacing)}.w-full{width:100%}.w-varspacing{width:var(--tw-varspacing)}.flex-auto{flex:1 1 auto}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:var(--sd-border-radius-md,.375rem)}.border{border-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,67 176 42)/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity))}.px-0{padding-left:var(--sd-spacing-0,0);padding-right:var(--sd-spacing-0,0)}.px-4{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.align-middle{vertical-align:middle}.text-base{font-size:var(--sd-font-size-base,1rem)}.text-sm{font-size:var(--sd-font-size-sm,.875rem)}.leading-\\[calc\\(var\\(--tw-varspacing\\)-2px\\)\\]{line-height:calc(var(--tw-varspacing) - 2px)}.text-neutral-500{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-20{opacity:var(--sd-opacity-20,.2)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.varspacing-10{--tw-varspacing:var(--sd-spacing-10,2.5rem)}.varspacing-12{--tw-varspacing:var(--sd-spacing-12,3rem)}.varspacing-8{--tw-varspacing:var(--sd-spacing-8,2rem)}.focus-visible\\:focus-outline:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline-inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.disabled\\:border-neutral-500:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.disabled\\:border-neutral-600:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity))}.disabled\\:bg-neutral-500:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.disabled\\:bg-neutral-600:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-bg-opacity))}.disabled\\:text-neutral-500:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.disabled\\:text-neutral-600:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.disabled\\:text-white:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.hover\\:border-primary-100:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-border-opacity))}.hover\\:border-primary-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity))}.hover\\:bg-accent-300:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-300,108 194 84)/var(--tw-bg-opacity))}.hover\\:bg-primary-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.hover\\:bg-primary-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.hover\\:text-primary-100:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-text-opacity))}.hover\\:text-primary-200:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.hover\\:text-primary-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.active\\:border-primary-200:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-border-opacity))}.active\\:border-primary-800:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-border-opacity))}.active\\:bg-accent-500:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-500,66 147 50)/var(--tw-bg-opacity))}.active\\:bg-primary-200:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity))}.active\\:bg-primary-800:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity))}.active\\:text-primary-200:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.active\\:text-primary-400:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.active\\:text-primary-800:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}\n'),Ct([lt()],kt.prototype,"dir",2),Ct([lt()],kt.prototype,"lang",2);var Et=Object.defineProperty,zt=Object.getOwnPropertyDescriptor,Pt=(t,e,r,o)=>{for(var i,s=o>1?void 0:o?zt(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o?i(e,r,s):i(s))||s);return o&&s&&Et(e,r,s),s};let Ot=class extends kt{constructor(){super(...arguments),this.color="currentColor",this.localize=new xt(this)}render(){return D`<svg role="progressbar" viewBox="0 0 24 24" class="${_t("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-valuetext="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};Ot.styles=[kt.styles,a`:host{display:inline-block;width:1em;height:1em}`],Pt([lt({reflect:!0})],Ot.prototype,"color",2),Ot=Pt([st("sd-spinner")],Ot);const Ut=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ot}},Symbol.toStringTag,{value:"Module"})),Tt=new WeakMap,Mt=new WeakMap,Nt=new WeakMap;class jt{constructor(t,e){(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const e=t.getRootNode(),r=t.getAttribute("form");if(r)return e.getElementById(r)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),setValue:(t,e)=>t.value=e,...e},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleUserInput=this.handleUserInput.bind(this)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),this.host.addEventListener("sd-input",this.handleUserInput)}hostDisconnected(){this.detachForm(),this.host.removeEventListener("sd-input",this.handleUserInput)}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.checkValidity())}attachForm(t){t?(this.form=t,Tt.has(this.form)?Tt.get(this.form).add(this.host):Tt.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Nt.has(this.form)||(Nt.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&(null==(t=Tt.get(this.form))||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Nt.has(this.form)&&(this.form.reportValidity=Nt.get(this.form),Nt.delete(this.form))),this.form=void 0}handleFormData(t){const e=this.options.disabled(this.host),r=this.options.name(this.host),o=this.options.value(this.host),i="sd-button"===this.host.tagName.toLowerCase();!e&&!i&&"string"==typeof r&&r.length>0&&typeof o<"u"&&(Array.isArray(o)?o.forEach((e=>{t.formData.append(r,e.toString())})):t.formData.append(r,o.toString()))}handleFormSubmit(t){var e;const r=this.options.disabled(this.host),o=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=Tt.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),this.form&&!this.form.noValidate&&!r&&!o(this.host)&&(t.preventDefault(),t.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1)}async handleUserInput(){await this.host.updateComplete,this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){Mt.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){const r=document.createElement("button");r.type=t,r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.clipPath="inset(50%)",r.style.overflow="hidden",r.style.whiteSpace="nowrap",e&&(r.name=e.name,r.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&r.setAttribute(t,e.getAttribute(t))}))),this.form.append(r),r.click(),r.remove()}}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var e;const r=this.host,o=!!Mt.get(r),i=!!r.required;null!=(e=this.form)&&e.noValidate?(r.removeAttribute("data-required"),r.removeAttribute("data-optional"),r.removeAttribute("data-invalid"),r.removeAttribute("data-valid"),r.removeAttribute("data-user-invalid"),r.removeAttribute("data-user-valid")):(r.toggleAttribute("data-required",i),r.toggleAttribute("data-optional",!i),r.toggleAttribute("data-invalid",!t),r.toggleAttribute("data-valid",t),r.toggleAttribute("data-user-invalid",!t&&o),r.toggleAttribute("data-user-valid",t&&o))}updateValidity(){const t=this.host;this.setValidity(t.checkValidity())}}class Lt{constructor(t,...e){this.slotNames=[],(this.host=t).addController(this),this.slotNames=e,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&""!==t.textContent.trim())return!0;if(t.nodeType===t.ELEMENT_NODE){const e=t;if("sd-visually-hidden"===e.tagName.toLowerCase())return!1;if(!e.hasAttribute("slot"))return!0}return!1}))}hasNamedSlot(t){return null!==this.host.querySelector(`:scope > [slot="${t}"]`)}test(t){return"[default]"===t?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(t){const e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()}}
|
|
56
|
+
/**
|
|
57
|
+
* @license
|
|
58
|
+
* Copyright 2020 Google LLC
|
|
59
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
60
|
+
*/const Vt=Symbol.for(""),Dt=t=>{if((null==t?void 0:t.r)===Vt)return null==t?void 0:t._$litStatic$},It=(t,...e)=>({_$litStatic$:e.reduce(((e,r,o)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(r)+t[o+1]),t[0]),r:Vt}),Rt=new Map,Ft=(t=>(e,...r)=>{const o=r.length;let i,s;const n=[],a=[];let l,d=0,c=!1;for(;d<o;){for(l=e[d];d<o&&(s=r[d],void 0!==(i=Dt(s)));)l+=i+e[++d],c=!0;d!==o&&a.push(s),n.push(l),d++}if(d===o&&n.push(e[o]),c){const t=n.join("$$lit$$");void 0===(e=Rt.get(t))&&(n.raw=n,Rt.set(t,e=n)),r=a}return t(e,...r)})(D),Ht=t=>t??R;
|
|
61
|
+
/**
|
|
62
|
+
* @license
|
|
63
|
+
* Copyright 2018 Google LLC
|
|
64
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
65
|
+
*/function Bt(t,e){const r={waitUntilFirstUpdate:!1,...e};return(e,o)=>{const{update:i}=e,s=Array.isArray(t)?t:[t];e.update=function(t){s.forEach((e=>{const i=e;if(t.has(i)){const e=t.get(i),s=this[i];e!==s&&(!r.waitUntilFirstUpdate||this.hasUpdated)&&this[o](e,s)}})),i.call(this,t)}}}const qt=a`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}[hidden]{display:none!important}`;var Wt=Object.defineProperty,Zt=Object.getOwnPropertyDescriptor,Kt=(t,e,r,o)=>{for(var i,s=o>1?void 0:o?Zt(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o?i(e,r,s):i(s))||s);return o&&s&&Wt(e,r,s),s};let Yt=class extends kt{constructor(){super(...arguments),this.formControlController=new jt(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),r=t.getAttribute("form");return e.getElementById(r)}return t.closest("form")}}),this.hasSlotController=new Lt(this,"[default]","icon-left","icon-right"),this.invalid=!1,this.title="",this.variant="primary",this.inverted=!1,this.size="lg",this.disabled=!1,this.loading=!1,this.type="button",this.name="",this.value="",this.href=""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(t){this.isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}render(){const t=this.isLink(),e=t?It`a`:It`button`,r={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0};return Ft`
|
|
66
|
+
<${e}
|
|
67
|
+
part="base"
|
|
68
|
+
class=${_t("font-md leading-[calc(var(--tw-varspacing)-2px)] no-underline\n w-full h-varspacing whitespace-nowrap align-middle inline-flex items-stretch justify-center\n border transition-colors duration-200 ease-in-out rounded-md\n select-none cursor-[inherit]",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",this.disabled&&"cursor-not-allowed",r["icon-only"]&&"px-0 w-varspacing",{sm:"text-sm varspacing-8 px-4",md:"text-base varspacing-10 px-4",lg:"text-base varspacing-12 px-4"}[this.size],{primary:this.inverted?"text-primary bg-white border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:bg-neutral-600 disabled:text-white":"text-white bg-primary border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:bg-neutral-500",secondary:this.inverted?"text-white border-white\n hover:text-primary-100 hover:bg-primary-500 hover:border-primary-100\n active:text-primary-200 active:bg-primary-800 active:border-primary-200\n disabled:text-neutral-600 disabled:border-neutral-600":"text-primary border-primary\n hover:text-primary-500 hover:border-primary-500 hover:bg-primary-100\n active:text-primary-800 active:border-primary-800 active:bg-primary-200\n disabled:text-neutral-500 disabled:border-neutral-500",tertiary:this.inverted?"text-white border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:text-neutral-600":"text-primary border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:text-neutral-500",cta:`text-white bg-accent border-transparent\n hover:bg-accent-300\n active:bg-accent-500\n ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}
|
|
69
|
+
?disabled=${Ht(t?void 0:this.disabled)}
|
|
70
|
+
type=${Ht(t?void 0:this.type)}
|
|
71
|
+
title=${this.title}
|
|
72
|
+
name=${Ht(t?void 0:this.name)}
|
|
73
|
+
value=${Ht(t?void 0:this.value)}
|
|
74
|
+
href=${Ht(t?this.href:void 0)}
|
|
75
|
+
target=${Ht(t?this.target:void 0)}
|
|
76
|
+
download=${Ht(t?this.download:void 0)}
|
|
77
|
+
rel=${Ht(t&&this.target?"noreferrer noopener":void 0)}
|
|
78
|
+
role=${Ht(t?void 0:"button")}
|
|
79
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
80
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
81
|
+
@blur=${this.handleBlur}
|
|
82
|
+
@focus=${this.handleFocus}
|
|
83
|
+
@click=${this.handleClick}
|
|
84
|
+
>
|
|
85
|
+
<slot name="icon-left" part="icon-left" class=${_t("flex flex-auto items-center pointer-events-none",r["icon-only"]&&"hidden",this.loading&&"invisible",r["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}></slot>
|
|
86
|
+
<slot part="label" class=${_t(r["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}></slot>
|
|
87
|
+
<slot name="icon-right"
|
|
88
|
+
part="icon-right"
|
|
89
|
+
class=${_t("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",r["icon-only"]&&"hidden",r["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}>
|
|
90
|
+
</slot>
|
|
91
|
+
${this.loading?Ft`<sd-spinner
|
|
92
|
+
class="${_t("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"
|
|
93
|
+
></sd-spinner>`:""}
|
|
94
|
+
</${e}>
|
|
95
|
+
`}};Yt.styles=[qt,kt.styles,a`
|
|
96
|
+
:host {
|
|
97
|
+
display: inline-block;
|
|
98
|
+
position: relative;
|
|
99
|
+
width: auto;
|
|
100
|
+
cursor: pointer;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
sd-spinner {
|
|
104
|
+
--indicator-color: currentColor;
|
|
105
|
+
--track-color: var(--tw-varcolor-200);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/*
|
|
109
|
+
* Badges:
|
|
110
|
+
* Slotted badges are positioned absolutely in the top right corner of the button.
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
::slotted(sd-badge) {
|
|
114
|
+
position: absolute;
|
|
115
|
+
top: 0;
|
|
116
|
+
right: 0;
|
|
117
|
+
translate: 50% -50%;
|
|
118
|
+
pointer-events: none;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/**
|
|
122
|
+
* sd-icons should automatically resize correctly based on the button size.
|
|
123
|
+
*/
|
|
124
|
+
|
|
125
|
+
::slotted(sd-icon),
|
|
126
|
+
sd-spinner {
|
|
127
|
+
font-size: calc(var(--tw-varspacing) / 2);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
///*
|
|
131
|
+
// * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
|
|
132
|
+
// * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
|
|
133
|
+
// * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
|
|
134
|
+
// * buttons and we style them here instead.
|
|
135
|
+
// */
|
|
136
|
+
|
|
137
|
+
// :host(.sd-button-group__button--first:not(.sd-button-group__button--last)) .button {
|
|
138
|
+
// border-start-end-radius: 0;
|
|
139
|
+
// border-end-end-radius: 0;
|
|
140
|
+
// }
|
|
141
|
+
|
|
142
|
+
// :host(.sd-button-group__button--inner) .button {
|
|
143
|
+
// border-radius: 0;
|
|
144
|
+
// }
|
|
145
|
+
|
|
146
|
+
// :host(.sd-button-group__button--last:not(.sd-button-group__button--first)) .button {
|
|
147
|
+
// border-start-start-radius: 0;
|
|
148
|
+
// border-end-start-radius: 0;
|
|
149
|
+
// }
|
|
150
|
+
|
|
151
|
+
// /* All except the first */
|
|
152
|
+
// :host(.sd-button-group__button:not(.sd-button-group__button--first)) {
|
|
153
|
+
// margin-inline-start: calc(-1 * var(--sd-input-border-width));
|
|
154
|
+
// }
|
|
155
|
+
|
|
156
|
+
// /* Add a visual separator between solid buttons */
|
|
157
|
+
// :host(
|
|
158
|
+
// .sd-button-group__button:not(
|
|
159
|
+
// .sd-button-group__button--first,
|
|
160
|
+
// .sd-button-group__button--radio,
|
|
161
|
+
// [variant='default']
|
|
162
|
+
// ):not(:hover)
|
|
163
|
+
// )
|
|
164
|
+
// .button:after {
|
|
165
|
+
// content: '';
|
|
166
|
+
// position: absolute;
|
|
167
|
+
// top: 0;
|
|
168
|
+
// inset-inline-start: 0;
|
|
169
|
+
// bottom: 0;
|
|
170
|
+
// border-left: solid 1px rgb(128 128 128 / 33%);
|
|
171
|
+
// mix-blend-mode: multiply;
|
|
172
|
+
// }
|
|
173
|
+
|
|
174
|
+
// /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
|
|
175
|
+
// :host(.sd-button-group__button--hover) {
|
|
176
|
+
// z-index: 1;
|
|
177
|
+
// }
|
|
178
|
+
|
|
179
|
+
// /* Focus and checked are always on top */
|
|
180
|
+
// :host(.sd-button-group__button--focus),
|
|
181
|
+
// :host(.sd-button-group__button[checked]) {
|
|
182
|
+
// z-index: 2;
|
|
183
|
+
// }
|
|
184
|
+
`],Kt([ht("a, button")],Yt.prototype,"button",2),Kt([function(t){const{slot:e,selector:r}=t??{};return ct({descriptor:o=>({get(){var o;const i="slot"+(e?`[name=${e}]`:":not([name])"),s=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(i),n=null!=s?ut(s,t):[];return r?n.filter((t=>t.matches(r))):n},enumerable:!0,configurable:!0})})}({selector:"sd-icon"})],Yt.prototype,"_iconsInDefaultSlot",2),Kt([dt()],Yt.prototype,"invalid",2),Kt([lt()],Yt.prototype,"title",2),Kt([lt({reflect:!0})],Yt.prototype,"variant",2),Kt([lt({type:Boolean,reflect:!0})],Yt.prototype,"inverted",2),Kt([lt({reflect:!0})],Yt.prototype,"size",2),Kt([lt({type:Boolean,reflect:!0})],Yt.prototype,"disabled",2),Kt([lt({type:Boolean,reflect:!0})],Yt.prototype,"loading",2),Kt([lt()],Yt.prototype,"type",2),Kt([lt()],Yt.prototype,"name",2),Kt([lt()],Yt.prototype,"value",2),Kt([lt()],Yt.prototype,"href",2),Kt([lt()],Yt.prototype,"target",2),Kt([lt()],Yt.prototype,"download",2),Kt([lt()],Yt.prototype,"form",2),Kt([lt({attribute:"formaction"})],Yt.prototype,"formAction",2),Kt([lt({attribute:"formenctype"})],Yt.prototype,"formEnctype",2),Kt([lt({attribute:"formmethod"})],Yt.prototype,"formMethod",2),Kt([lt({attribute:"formnovalidate",type:Boolean})],Yt.prototype,"formNoValidate",2),Kt([lt({attribute:"formtarget"})],Yt.prototype,"formTarget",2),Kt([Bt("disabled",{waitUntilFirstUpdate:!0})],Yt.prototype,"handleDisabledChange",1),Yt=Kt([st("sd-button")],Yt);const Xt=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Yt}},Symbol.toStringTag,{value:"Module"})),Jt={"chevron-down":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n </svg>\n ',"chevron-up":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n </svg>\n '},Gt={name:"system",resolver:t=>t in Jt?`data:image/svg+xml,${encodeURIComponent(Jt[t])}`:"",mutator:t=>t.setAttribute("fill","currentColor")},Qt=Object.freeze(Object.defineProperty({__proto__:null,default:Gt,icons:Jt},Symbol.toStringTag,{value:"Module"}));let te=[Gt],ee=[];function re(t){ee.push(t)}function oe(t){ee=ee.filter((e=>e!==t))}function ie(t){return te.find((e=>e.name===t))}function se(t){te=te.filter((e=>e.name!==t))}const ne=Object.freeze(Object.defineProperty({__proto__:null,getIconLibrary:ie,registerIconLibrary:function(t,e){se(t),te.push({name:t,resolver:e.resolver,mutator:e.mutator}),ee.forEach((e=>{e.library===t&&e.setIcon()}))},unregisterIconLibrary:se,unwatchIcon:oe,watchIcon:re},Symbol.toStringTag,{value:"Module"})),ae=new Map;function le(t,e="cors"){if(ae.has(t))return ae.get(t);const r=fetch(t,{mode:e}).then((async t=>({ok:t.ok,status:t.status,html:await t.text()})));return ae.set(t,r),r}const de=Object.freeze(Object.defineProperty({__proto__:null,requestInclude:le},Symbol.toStringTag,{value:"Module"})),ce=new Map;async function he(t){if(ce.has(t))return ce.get(t);const e=await le(t),r={ok:e.ok,status:e.status,svg:null};if(e.ok){const t=document.createElement("div");t.innerHTML=e.html;const o=t.firstElementChild;r.svg="svg"===(null==o?void 0:o.tagName.toLowerCase())?o.outerHTML:""}return ce.set(t,r),r}const pe=Object.freeze(Object.defineProperty({__proto__:null,requestIcon:he},Symbol.toStringTag,{value:"Module"}));
|
|
185
|
+
/**
|
|
186
|
+
* @license
|
|
187
|
+
* Copyright 2017 Google LLC
|
|
188
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
189
|
+
*/class ue{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
|
|
190
|
+
/**
|
|
191
|
+
* @license
|
|
192
|
+
* Copyright 2017 Google LLC
|
|
193
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
194
|
+
*/class me extends ue{constructor(t){if(super(t),this.et=R,2!==t.type)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===R||null==t)return this.ft=void 0,this.et=t;if(t===I)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}}me.directiveName="unsafeHTML",me.resultType=1;
|
|
195
|
+
/**
|
|
196
|
+
* @license
|
|
197
|
+
* Copyright 2017 Google LLC
|
|
198
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
199
|
+
*/
|
|
200
|
+
class ve extends me{}ve.directiveName="unsafeSVG",ve.resultType=2;const be=(t=>(...e)=>({_$litDirective$:t,values:e}))(ve);var ge=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,ye=(t,e,r,o)=>{for(var i,s=o>1?void 0:o?fe(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o?i(e,r,s):i(s))||s);return o&&s&&ge(e,r,s),s};let we,$e=class extends kt{constructor(){super(...arguments),this.svg="",this.label="",this.library="default",this.color="currentColor"}connectedCallback(){super.connectedCallback(),re(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),oe(this)}getUrl(){const t=ie(this.library);return this.name&&t?t.resolver(this.name):this.src}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const e=ie(this.library),r=this.getUrl();if(we||(we=new DOMParser),r)try{const o=await he(r);if(r===this.getUrl())if(o.ok){const r=we.parseFromString(o.svg,"text/html").body.querySelector("svg");null!==r?(null==(t=null==e?void 0:e.mutator)||t.call(e,r),this.svg=r.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch{this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return D`${be(this.svg)}`}};$e.styles=[qt,a`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgb(var(--sd-color-primary,0 53 142) / var(--tw-text-opacity,1))}// text-primary :host([color=white]) svg{color:rgb(var(--sd-color-white,255 255 255) / var(--tw-text-opacity,1))}`],ye([dt()],$e.prototype,"svg",2),ye([lt({reflect:!0})],$e.prototype,"name",2),ye([lt()],$e.prototype,"src",2),ye([lt()],$e.prototype,"label",2),ye([lt({reflect:!0})],$e.prototype,"library",2),ye([lt({reflect:!0})],$e.prototype,"color",2),ye([Bt("label")],$e.prototype,"handleLabelChange",1),ye([Bt(["name","src","library"])],$e.prototype,"setIcon",1),$e=ye([st("sd-icon")],$e);const xe=Object.freeze(Object.defineProperty({__proto__:null,get default(){return $e}},Symbol.toStringTag,{value:"Module"})),_e=a`${qt}:host{display:block}`,Ae=Object.freeze(Object.defineProperty({__proto__:null,default:_e},Symbol.toStringTag,{value:"Module"}));var Se=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,ke=(t,e,r,o)=>{for(var i,s=o>1?void 0:o?Ce(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o?i(e,r,s):i(s))||s);return o&&s&&Se(e,r,s),s};let Ee=class extends kt{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await le(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return D`<slot></slot>`}};Ee.styles=_e,ke([lt()],Ee.prototype,"src",2),ke([lt()],Ee.prototype,"mode",2),ke([lt({attribute:"allow-scripts",type:Boolean})],Ee.prototype,"allowScripts",2),ke([Bt("src")],Ee.prototype,"handleSrcChange",1),Ee=ke([st("sd-include")],Ee);const ze=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ee}},Symbol.toStringTag,{value:"Module"}));var Pe=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Ue=(t,e,r,o)=>{for(var i,s=o>1?void 0:o?Oe(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o?i(e,r,s):i(s))||s);return o&&s&&Pe(e,r,s),s};let Te=class extends kt{constructor(){super(...arguments),this.hasSlotController=new Lt(this,"[default]","icon-left","icon-right"),this.size="inherit",this.inverted=!1,this.standalone=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return D`<a part="base" class="${_t("inline",this.href?"cursor-pointer":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline"}[this.href?"enabled":"disabled"],this.standalone&&"flex items-start")}" href="${Ht(this.href||void 0)}" target="${Ht(this.target||void 0)}" download="${Ht(this.download||void 0)}" rel="${Ht(this.target?"noreferrer noopener":void 0)}" aria-disabled="${this.href?"false":"true"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"><slot name="icon-left" part="icon-left" class="${_t("inline",t["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${_t("inline",t["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};Te.styles=[kt.styles,a`::slotted(sd-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-icon){font-size:1.5rem}`],Ue([ht("a")],Te.prototype,"button",2),Ue([lt({reflect:!0})],Te.prototype,"size",2),Ue([lt({type:Boolean,reflect:!0})],Te.prototype,"inverted",2),Ue([lt({type:Boolean,reflect:!0})],Te.prototype,"standalone",2),Ue([lt()],Te.prototype,"href",2),Ue([lt()],Te.prototype,"target",2),Ue([lt()],Te.prototype,"download",2),Te=Ue([st("sd-link")],Te);const Me=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Te}},Symbol.toStringTag,{value:"Module"}))},"function"==typeof define&&define.amd?define(t):t();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"components/button/button.js","declarations":[{"kind":"class","description":"","name":"SdButton","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The button's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The button's label.","name":""},{"description":"A prefix icon or similar element.","name":"icon-left"},{"description":"A suffix icon or similar element.","name":"icon-right"}],"members":[{"kind":"field","name":"formControlController","privacy":"private","default":"new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document | ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n }\n })"},{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"invalid","type":{"text":"boolean"},"default":"false"},{"kind":"field","name":"title","type":{"text":"string"},"default":"''","attribute":"title"},{"kind":"field","name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","attribute":"variant","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","attribute":"inverted","reflects":true},{"kind":"field","name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","attribute":"size","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","attribute":"disabled","reflects":true},{"kind":"field","name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","attribute":"loading","reflects":true},{"kind":"field","name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","attribute":"type"},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","attribute":"name"},{"kind":"field","name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","attribute":"value"},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"field","name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","attribute":"form"},{"kind":"field","name":"formAction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","attribute":"formaction"},{"kind":"field","name":"formEnctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","attribute":"formenctype"},{"kind":"field","name":"formMethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","attribute":"formmethod"},{"kind":"field","name":"formNoValidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","attribute":"formnovalidate"},{"kind":"field","name":"formTarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","attribute":"formtarget"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"handleClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"isButton","privacy":"private"},{"kind":"method","name":"isLink","privacy":"private"},{"kind":"method","name":"handleDisabledChange"},{"kind":"method","name":"click","description":"Simulates a click on the button."},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."},{"kind":"method","name":"checkValidity","description":"Checks for validity but does not show the browser's validation message."},{"kind":"method","name":"reportValidity","description":"Checks for validity and shows the browser's validation message if the control is invalid."},{"kind":"method","name":"setCustomValidity","parameters":[{"name":"message","type":{"text":"string"}}],"description":"Sets a custom validation message. Pass an empty string to restore validity."}],"events":[{"description":"Emitted when the button loses focus.","name":"sd-blur"},{"description":"Emitted when the button gains focus.","name":"sd-focus"}],"attributes":[{"name":"title","type":{"text":"string"},"default":"''","fieldName":"title","attribute":"title"},{"name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","fieldName":"variant","attribute":"variant"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","fieldName":"inverted","attribute":"inverted"},{"name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","fieldName":"size","attribute":"size"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","fieldName":"disabled","attribute":"disabled"},{"name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","fieldName":"loading","attribute":"loading"},{"name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","fieldName":"type","attribute":"type"},{"name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","fieldName":"name","attribute":"name"},{"name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","fieldName":"value","attribute":"value"},{"name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"},{"name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","fieldName":"form","attribute":"form"},{"name":"formaction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","fieldName":"formAction","attribute":"formaction"},{"name":"formenctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","fieldName":"formEnctype","attribute":"formenctype"},{"name":"formmethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","fieldName":"formMethod","attribute":"formmethod"},{"name":"formnovalidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","fieldName":"formNoValidate","attribute":"formnovalidate"},{"name":"formtarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","fieldName":"formTarget","attribute":"formtarget"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Buttons represent actions that are available to the user.","documentation":"https://solid.union-investment.com/[storybook-link]/button","status":"stable","since":"1.0","dependencies":["sd-icon","sd-spinner"],"tagName":"sd-button","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}}]},{"kind":"javascript-module","path":"components/icon/icon.js","declarations":[{"kind":"class","description":"","name":"SdIcon","members":[{"kind":"field","name":"svg","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","attribute":"name","reflects":true},{"kind":"field","name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","attribute":"src"},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","attribute":"label"},{"kind":"field","name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","attribute":"library","reflects":true},{"kind":"field","name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","attribute":"color","reflects":true},{"kind":"method","name":"getUrl","privacy":"private"},{"kind":"method","name":"handleLabelChange"},{"kind":"method","name":"setIcon"}],"events":[{"description":"Emitted when the icon has loaded.","name":"sd-load"},{"description":"Emitted when the icon fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","fieldName":"name","attribute":"name"},{"name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","fieldName":"src","attribute":"src"},{"name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","fieldName":"label","attribute":"label"},{"name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","fieldName":"library","attribute":"library"},{"name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Icons are symbols that can be used to represent various options within an application.","status":"stable","since":"1.0","tagName":"sd-icon","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}}]},{"kind":"javascript-module","path":"components/icon/library.system.js","declarations":[{"kind":"variable","name":"icons","type":{"text":"object"},"default":"{\n 'chevron-down': `\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path>\n </svg>\n `,\n 'chevron-up': `\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path>\n </svg>\n `\n}"},{"kind":"variable","name":"systemLibrary","type":{"text":"IconLibrary"},"default":"{\n name: 'system',\n resolver: (name: keyof typeof icons) => {\n if (name in icons) {\n return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;\n }\n return '';\n },\n mutator: svg => svg.setAttribute('fill', 'currentColor')\n}"}],"exports":[{"kind":"js","name":"icons","declaration":{"name":"icons","module":"components/icon/library.system.js"}},{"kind":"js","name":"default","declaration":{"name":"systemLibrary","module":"components/icon/library.system.js"}}]},{"kind":"javascript-module","path":"components/icon/library.js","declarations":[{"kind":"function","name":"watchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Adds an icon to the list of watched icons."},{"kind":"function","name":"unwatchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Removes an icon from the list of watched icons."},{"kind":"function","name":"getIconLibrary","parameters":[{"name":"name","optional":true,"type":{"text":"string"}}],"description":"Returns a library from the registry."},{"kind":"function","name":"registerIconLibrary","parameters":[{"name":"name","type":{"text":"string"}},{"name":"options","type":{"text":"{ resolver: IconLibraryResolver; mutator?: IconLibraryMutator }"}}],"description":"Adds an icon library to the registry, or overrides an existing one."},{"kind":"function","name":"unregisterIconLibrary","parameters":[{"name":"name","type":{"text":"string"}}],"description":"Removes an icon library from the registry."}],"exports":[{"kind":"js","name":"watchIcon","declaration":{"name":"watchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"unwatchIcon","declaration":{"name":"unwatchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"getIconLibrary","declaration":{"name":"getIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"registerIconLibrary","declaration":{"name":"registerIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"unregisterIconLibrary","declaration":{"name":"unregisterIconLibrary","module":"components/icon/library.js"}}]},{"kind":"javascript-module","path":"components/icon/request.js","declarations":[{"kind":"function","name":"requestIcon","return":{"type":{"text":"Promise<IconFile>"}},"parameters":[{"name":"url","type":{"text":"string"}}]}],"exports":[{"kind":"js","name":"requestIcon","declaration":{"name":"requestIcon","module":"components/icon/request.js"}}]},{"kind":"javascript-module","path":"components/include/include.styles.js","declarations":[],"exports":[{"kind":"js","name":"default","declaration":{"module":"components/include/include.styles.js"}}]},{"kind":"javascript-module","path":"components/include/include.js","declarations":[{"kind":"class","description":"","name":"SdInclude","members":[{"kind":"field","name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"src"},{"kind":"field","name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","attribute":"mode"},{"kind":"field","name":"allowScripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"allow-scripts"},{"kind":"method","name":"executeScript","privacy":"private","parameters":[{"name":"script","type":{"text":"HTMLScriptElement"}}]},{"kind":"method","name":"handleSrcChange"}],"events":[{"description":"Emitted when the included file is loaded.","name":"sd-load"},{"type":{"text":"{ status: number }"},"description":"Emitted when the included file fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"src","attribute":"src"},{"name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","fieldName":"mode","attribute":"mode"},{"name":"allow-scripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"allowScripts","attribute":"allow-scripts"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Includes give you the power to embed external HTML files into the page.","documentation":"https://solid.union-investment.com/[storybook-link]/include","status":"stable","since":"1.0","tagName":"sd-include","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}}]},{"kind":"javascript-module","path":"components/include/request.js","declarations":[{"kind":"function","name":"requestInclude","return":{"type":{"text":"Promise<IncludeFile>"}},"parameters":[{"name":"src","type":{"text":"string"}},{"name":"mode","default":"'cors'","type":{"text":"'cors' | 'no-cors' | 'same-origin'"}}],"description":"Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once."}],"exports":[{"kind":"js","name":"requestInclude","declaration":{"name":"requestInclude","module":"components/include/request.js"}}]},{"kind":"javascript-module","path":"components/link/link.js","declarations":[{"kind":"class","description":"","name":"SdLink","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The link's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The default slot.","name":""},{"description":"The icon to display on the left side of the link.","name":"icon-left"},{"description":"The icon to display on the right side of the link.","name":"icon-right"}],"members":[{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","attribute":"size","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","attribute":"inverted","reflects":true},{"kind":"field","name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","attribute":"standalone","reflects":true},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."}],"events":[{"description":"Emitted when the link loses focus.","name":"sd-blur"},{"description":"Emitted when the link gains focus.","name":"sd-focus"}],"attributes":[{"name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","fieldName":"size","attribute":"size"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","fieldName":"inverted","attribute":"inverted"},{"name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","fieldName":"standalone","attribute":"standalone"},{"name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"A link component.","documentation":"https://solid.union-investment.com/[storybook-link]/link","status":"experimental","since":"1.2","tagName":"sd-link","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}}]},{"kind":"javascript-module","path":"components/spinner/spinner.js","declarations":[{"kind":"class","description":"","name":"SdSpinner","members":[{"kind":"field","name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","attribute":"color","reflects":true},{"kind":"field","name":"localize","privacy":"private","default":"new LocalizeController(this)"}],"attributes":[{"name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Spinners are used to show the progress of an indeterminate operation.","documentation":"https://solid.union-investment.com/[storybook-link]/spinner","status":"stable","since":"1.0","tagName":"sd-spinner","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}}]}],"package":{"name":"@solid-design-system/components","description":"Solid Design System: Components","version":"1.0.0","author":{"name":"Union Investment"},"homepage":"https://solid-design-system.fe.union-investment.de/x.x.x/storybook/","license":"MIT"}}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import '../spinner/spinner';
|
|
2
|
+
import SolidElement from '../../internal/solid-element';
|
|
3
|
+
import type { SolidFormControl } from '../../internal/solid-element';
|
|
4
|
+
export default class SdButton extends SolidElement implements SolidFormControl {
|
|
5
|
+
private readonly formControlController;
|
|
6
|
+
private readonly hasSlotController;
|
|
7
|
+
button: HTMLButtonElement | HTMLLinkElement;
|
|
8
|
+
_iconsInDefaultSlot: HTMLElement[];
|
|
9
|
+
invalid: boolean;
|
|
10
|
+
title: string;
|
|
11
|
+
variant: 'primary' | 'secondary' | 'tertiary' | 'cta';
|
|
12
|
+
inverted: boolean;
|
|
13
|
+
size: 'lg' | 'md' | 'sm';
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
loading: boolean;
|
|
16
|
+
type: 'button' | 'submit' | 'reset';
|
|
17
|
+
name: string;
|
|
18
|
+
value: string;
|
|
19
|
+
href: string;
|
|
20
|
+
target: '_blank' | '_parent' | '_self' | '_top';
|
|
21
|
+
download?: string;
|
|
22
|
+
form: string;
|
|
23
|
+
formAction: string;
|
|
24
|
+
formEnctype: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
|
|
25
|
+
formMethod: 'post' | 'get';
|
|
26
|
+
formNoValidate: boolean;
|
|
27
|
+
formTarget: '_self' | '_blank' | '_parent' | '_top' | string;
|
|
28
|
+
firstUpdated(): void;
|
|
29
|
+
private handleBlur;
|
|
30
|
+
private handleFocus;
|
|
31
|
+
private handleClick;
|
|
32
|
+
private isButton;
|
|
33
|
+
private isLink;
|
|
34
|
+
handleDisabledChange(): void;
|
|
35
|
+
click(): void;
|
|
36
|
+
focus(options?: FocusOptions): void;
|
|
37
|
+
blur(): void;
|
|
38
|
+
checkValidity(): boolean;
|
|
39
|
+
reportValidity(): boolean;
|
|
40
|
+
setCustomValidity(message: string): void;
|
|
41
|
+
render(): import("lit").TemplateResult;
|
|
42
|
+
static styles: import("lit").CSSResultGroup[];
|
|
43
|
+
}
|
|
44
|
+
declare global {
|
|
45
|
+
interface HTMLElementTagNameMap {
|
|
46
|
+
'sd-button': SdButton;
|
|
47
|
+
}
|
|
48
|
+
}
|