@phase2/outline-alert - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/index.js

@@ -1,6 +0,6 @@
-"use strict";(()=>{var Be=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var b=(r,e,t,o)=>{for(var n=o>1?void 0:o?Ve(e,t):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(n=(o?i(e,t,n):i(n))||n);return o&&n&&Be(e,t,n),n};var F=window,B=F.ShadowRoot&&(F.ShadyCSS===void 0||F.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,X=Symbol(),pe=new WeakMap,k=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==X)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(B&&e===void 0){let o=t!==void 0&&t.length===1;o&&(e=pe.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&pe.set(t,e))}return e}toString(){return this.cssText}},V=r=>new k(typeof r=="string"?r:r+"",void 0,X),S=(r,...e)=>{let t=r.length===1?r[0]:e.reduce((o,n,s)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+r[s+1],r[0]);return new k(t,r,X)},Z=(r,e)=>{B?r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{let o=document.createElement("style"),n=F.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=t.cssText,r.appendChild(o)})},q=B?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(let o of e.cssRules)t+=o.cssText;return V(t)})(r):r;var Y,j=window,me=j.trustedTypes,qe=me?me.emptyScript:"",fe=j.reactiveElementPolyfillSupport,Q={toAttribute(r,e){switch(e){case Boolean:r=r?qe:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch{t=null}}return t}},ve=(r,e)=>e!==r&&(e==e||r==r),J={attribute:!0,type:String,converter:Q,reflect:!1,hasChanged:ve},v=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;(t=this.h)!==null&&t!==void 0||(this.h=[]),this.h.push(e)}static get observedAttributes(){this.finalize();let e=[];return this.elementProperties.forEach((t,o)=>{let n=this._$Ep(o,t);n!==void 0&&(this._$Ev.set(n,o),e.push(n))}),e}static createProperty(e,t=J){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){let o=typeof e=="symbol"?Symbol():"__"+e,n=this.getPropertyDescriptor(e,o,t);n!==void 0&&Object.defineProperty(this.prototype,e,n)}}static getPropertyDescriptor(e,t,o){return{get(){return this[t]},set(n){let s=this[e];this[t]=n,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||J}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let e=Object.getPrototypeOf(this);if(e.finalize(),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let t=this.properties,o=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(let n of o)this.createProperty(n,t[n])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let o=new Set(e.flat(1/0).reverse());for(let n of o)t.unshift(q(n))}else e!==void 0&&t.push(q(e));return t}static _$Ep(e,t){let o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,o;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;let t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Z(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostConnected)===null||o===void 0?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostDisconnected)===null||o===void 0?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EO(e,t,o=J){var n;let s=this.constructor._$Ep(e,o);if(s!==void 0&&o.reflect===!0){let i=(((n=o.converter)===null||n===void 0?void 0:n.toAttribute)!==void 0?o.converter:Q).toAttribute(t,o.type);this._$El=e,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$El=null}}_$AK(e,t){var o;let n=this.constructor,s=n._$Ev.get(e);if(s!==void 0&&this._$El!==s){let i=n.getPropertyOptions(s),c=typeof i.converter=="function"?{fromAttribute:i.converter}:((o=i.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?i.converter:Q;this._$El=s,this[s]=c.fromAttribute(t,i.type),this._$El=null}}requestUpdate(e,t,o){let n=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||ve)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):n=!1),!this.isUpdatePending&&n&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((n,s)=>this[s]=n),this._$Ei=void 0);let t=!1,o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(n=>{var s;return(s=n.hostUpdate)===null||s===void 0?void 0:s.call(n)}),this.update(o)):this._$Ek()}catch(n){throw t=!1,this._$Ek(),n}t&&this._$AE(o)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(o=>{var n;return(n=o.hostUpdated)===null||n===void 0?void 0:n.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,o)=>this._$EO(o,this[o],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};v.finalized=!0,v.elementProperties=new Map,v.elementStyles=[],v.shadowRootOptions={mode:"open"},fe?.({ReactiveElement:v}),((Y=j.reactiveElementVersions)!==null&&Y!==void 0?Y:j.reactiveElementVersions=[]).push("1.4.1");var ee,K=window,L=K.trustedTypes,ge=L?L.createPolicy("lit-html",{createHTML:r=>r}):void 0,y=`lit$${(Math.random()+"").slice(9)}$`,Ae="?"+y,je=`<${Ae}>`,C=document,N=(r="")=>C.createComment(r),O=r=>r===null||typeof r!="object"&&typeof r!="function",$e=Array.isArray,Ke=r=>$e(r)||typeof r?.[Symbol.iterator]=="function",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,be=/-->/g,ye=/>/g,T=RegExp(`>|[ 	
+"use strict";(()=>{var Fe=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var b=(r,e,t,o)=>{for(var n=o>1?void 0:o?Be(e,t):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(n=(o?i(e,t,n):i(n))||n);return o&&n&&Fe(e,t,n),n};var F=window,B=F.ShadowRoot&&(F.ShadyCSS===void 0||F.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,X=Symbol(),pe=new WeakMap,R=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==X)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(B&&e===void 0){let o=t!==void 0&&t.length===1;o&&(e=pe.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&pe.set(t,e))}return e}toString(){return this.cssText}},q=r=>new R(typeof r=="string"?r:r+"",void 0,X),k=(r,...e)=>{let t=r.length===1?r[0]:e.reduce((o,n,s)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+r[s+1],r[0]);return new R(t,r,X)},Z=(r,e)=>{B?r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{let o=document.createElement("style"),n=F.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=t.cssText,r.appendChild(o)})},V=B?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(let o of e.cssRules)t+=o.cssText;return q(t)})(r):r;var Y,j=window,me=j.trustedTypes,qe=me?me.emptyScript:"",fe=j.reactiveElementPolyfillSupport,Q={toAttribute(r,e){switch(e){case Boolean:r=r?qe:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch{t=null}}return t}},ve=(r,e)=>e!==r&&(e==e||r==r),J={attribute:!0,type:String,converter:Q,reflect:!1,hasChanged:ve},v=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;(t=this.h)!==null&&t!==void 0||(this.h=[]),this.h.push(e)}static get observedAttributes(){this.finalize();let e=[];return this.elementProperties.forEach((t,o)=>{let n=this._$Ep(o,t);n!==void 0&&(this._$Ev.set(n,o),e.push(n))}),e}static createProperty(e,t=J){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){let o=typeof e=="symbol"?Symbol():"__"+e,n=this.getPropertyDescriptor(e,o,t);n!==void 0&&Object.defineProperty(this.prototype,e,n)}}static getPropertyDescriptor(e,t,o){return{get(){return this[t]},set(n){let s=this[e];this[t]=n,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||J}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let e=Object.getPrototypeOf(this);if(e.finalize(),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let t=this.properties,o=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(let n of o)this.createProperty(n,t[n])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let o=new Set(e.flat(1/0).reverse());for(let n of o)t.unshift(V(n))}else e!==void 0&&t.push(V(e));return t}static _$Ep(e,t){let o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,o;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;let t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Z(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostConnected)===null||o===void 0?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostDisconnected)===null||o===void 0?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EO(e,t,o=J){var n;let s=this.constructor._$Ep(e,o);if(s!==void 0&&o.reflect===!0){let i=(((n=o.converter)===null||n===void 0?void 0:n.toAttribute)!==void 0?o.converter:Q).toAttribute(t,o.type);this._$El=e,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$El=null}}_$AK(e,t){var o;let n=this.constructor,s=n._$Ev.get(e);if(s!==void 0&&this._$El!==s){let i=n.getPropertyOptions(s),d=typeof i.converter=="function"?{fromAttribute:i.converter}:((o=i.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?i.converter:Q;this._$El=s,this[s]=d.fromAttribute(t,i.type),this._$El=null}}requestUpdate(e,t,o){let n=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||ve)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):n=!1),!this.isUpdatePending&&n&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((n,s)=>this[s]=n),this._$Ei=void 0);let t=!1,o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(n=>{var s;return(s=n.hostUpdate)===null||s===void 0?void 0:s.call(n)}),this.update(o)):this._$Ek()}catch(n){throw t=!1,this._$Ek(),n}t&&this._$AE(o)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(o=>{var n;return(n=o.hostUpdated)===null||n===void 0?void 0:n.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,o)=>this._$EO(o,this[o],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};v.finalized=!0,v.elementProperties=new Map,v.elementStyles=[],v.shadowRootOptions={mode:"open"},fe?.({ReactiveElement:v}),((Y=j.reactiveElementVersions)!==null&&Y!==void 0?Y:j.reactiveElementVersions=[]).push("1.4.1");var ee,K=window,_=K.trustedTypes,ge=_?_.createPolicy("lit-html",{createHTML:r=>r}):void 0,y=`lit$${(Math.random()+"").slice(9)}$`,Ae="?"+y,Ve=`<${Ae}>`,L=document,N=(r="")=>L.createComment(r),O=r=>r===null||typeof r!="object"&&typeof r!="function",$e=Array.isArray,je=r=>$e(r)||typeof r?.[Symbol.iterator]=="function",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,be=/-->/g,ye=/>/g,S=RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),xe=/'/g,Ee=/"/g,we=/^(?:script|style|textarea|title)$/i,_e=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),w=_e(1),Le=_e(2),g=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),Se=new WeakMap,_=C.createTreeWalker(C,129,null,!1),We=(r,e)=>{let t=r.length-1,o=[],n,s=e===2?"<svg>":"",i=z;for(let l=0;l<t;l++){let a=r[l],p,d,u=-1,m=0;for(;m<a.length&&(i.lastIndex=m,d=i.exec(a),d!==null);)m=i.lastIndex,i===z?d[1]==="!--"?i=be:d[1]!==void 0?i=ye:d[2]!==void 0?(we.test(d[2])&&(n=RegExp("</"+d[2],"g")),i=T):d[3]!==void 0&&(i=T):i===T?d[0]===">"?(i=n??z,u=-1):d[1]===void 0?u=-2:(u=i.lastIndex-d[2].length,p=d[1],i=d[3]===void 0?T:d[3]==='"'?Ee:xe):i===Ee||i===xe?i=T:i===be||i===ye?i=z:(i=T,n=void 0);let U=i===T&&r[l+1].startsWith("/>")?" ":"";s+=i===z?a+je:u>=0?(o.push(p),a.slice(0,u)+"$lit$"+a.slice(u)+y+U):a+y+(u===-2?(o.push(void 0),l):U)}let c=s+(r[t]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return[ge!==void 0?ge.createHTML(c):c,o]},A=class{constructor({strings:e,_$litType$:t},o){let n;this.parts=[];let s=0,i=0,c=e.length-1,l=this.parts,[a,p]=We(e,t);if(this.el=A.createElement(a,o),_.currentNode=this.el.content,t===2){let d=this.el.content,u=d.firstChild;u.remove(),d.append(...u.childNodes)}for(;(n=_.nextNode())!==null&&l.length<c;){if(n.nodeType===1){if(n.hasAttributes()){let d=[];for(let u of n.getAttributeNames())if(u.endsWith("$lit$")||u.startsWith(y)){let m=p[i++];if(d.push(u),m!==void 0){let U=n.getAttribute(m.toLowerCase()+"$lit$").split(y),P=/([.?@])?(.*)/.exec(m);l.push({type:1,index:s,name:P[2],strings:U,ctor:P[1]==="."?oe:P[1]==="?"?re:P[1]==="@"?ne:M})}else l.push({type:6,index:s})}for(let u of d)n.removeAttribute(u)}if(we.test(n.tagName)){let d=n.textContent.split(y),u=d.length-1;if(u>0){n.textContent=L?L.emptyScript:"";for(let m=0;m<u;m++)n.append(d[m],N()),_.nextNode(),l.push({type:2,index:++s});n.append(d[u],N())}}}else if(n.nodeType===8)if(n.data===Ae)l.push({type:2,index:s});else{let d=-1;for(;(d=n.data.indexOf(y,d+1))!==-1;)l.push({type:7,index:s}),d+=y.length-1}s++}}static createElement(e,t){let o=C.createElement("template");return o.innerHTML=e,o}};function H(r,e,t=r,o){var n,s,i,c;if(e===g)return e;let l=o!==void 0?(n=t._$Co)===null||n===void 0?void 0:n[o]:t._$Cl,a=O(e)?void 0:e._$litDirective$;return l?.constructor!==a&&((s=l?._$AO)===null||s===void 0||s.call(l,!1),a===void 0?l=void 0:(l=new a(r),l._$AT(r,t,o)),o!==void 0?((i=(c=t)._$Co)!==null&&i!==void 0?i:c._$Co=[])[o]=l:t._$Cl=l),l!==void 0&&(e=H(r,l._$AS(r,e.values),l,o)),e}var te=class{constructor(e,t){this.u=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(e){var t;let{el:{content:o},parts:n}=this._$AD,s=((t=e?.creationScope)!==null&&t!==void 0?t:C).importNode(o,!0);_.currentNode=s;let i=_.nextNode(),c=0,l=0,a=n[0];for(;a!==void 0;){if(c===a.index){let p;a.type===2?p=new $(i,i.nextSibling,this,e):a.type===1?p=new a.ctor(i,a.name,a.strings,this,e):a.type===6&&(p=new se(i,this,e)),this.u.push(p),a=n[++l]}c!==a?.index&&(i=_.nextNode(),c++)}return s}p(e){let t=0;for(let o of this.u)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}},$=class{constructor(e,t,o,n){var s;this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=n,this._$Cm=(s=n?.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cm}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=H(this,e,t),O(e)?e===h||e==null||e===""?(this._$AH!==h&&this._$AR(),this._$AH=h):e!==this._$AH&&e!==g&&this.g(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Ke(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==h&&O(this._$AH)?this._$AA.nextSibling.data=e:this.T(C.createTextNode(e)),this._$AH=e}$(e){var t;let{values:o,_$litType$:n}=e,s=typeof n=="number"?this._$AC(e):(n.el===void 0&&(n.el=A.createElement(n.h,this.options)),n);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.p(o);else{let i=new te(s,this),c=i.v(this.options);i.p(o),this.T(c),this._$AH=i}}_$AC(e){let t=Se.get(e.strings);return t===void 0&&Se.set(e.strings,t=new A(e)),t}k(e){$e(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,o,n=0;for(let s of e)n===t.length?t.push(o=new $(this.O(N()),this.O(N()),this,this.options)):o=t[n],o._$AI(s),n++;n<t.length&&(this._$AR(o&&o._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,t);e&&e!==this._$AB;){let n=e.nextSibling;e.remove(),e=n}}setConnected(e){var t;this._$AM===void 0&&(this._$Cm=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},M=class{constructor(e,t,o,n,s){this.type=1,this._$AH=h,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=h}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,o,n){let s=this.strings,i=!1;if(s===void 0)e=H(this,e,t,0),i=!O(e)||e!==this._$AH&&e!==g,i&&(this._$AH=e);else{let c=e,l,a;for(e=s[0],l=0;l<s.length-1;l++)a=H(this,c[o+l],t,l),a===g&&(a=this._$AH[l]),i||(i=!O(a)||a!==this._$AH[l]),a===h?e=h:e!==h&&(e+=(a??"")+s[l+1]),this._$AH[l]=a}i&&!n&&this.j(e)}j(e){e===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},oe=class extends M{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===h?void 0:e}},Ge=L?L.emptyScript:"",re=class extends M{constructor(){super(...arguments),this.type=4}j(e){e&&e!==h?this.element.setAttribute(this.name,Ge):this.element.removeAttribute(this.name)}},ne=class extends M{constructor(e,t,o,n,s){super(e,t,o,n,s),this.type=5}_$AI(e,t=this){var o;if((e=(o=H(this,e,t,0))!==null&&o!==void 0?o:h)===g)return;let n=this._$AH,s=e===h&&n!==h||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==h&&(n===h||s);s&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}},se=class{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){H(this,e)}};var Te=K.litHtmlPolyfillSupport;Te?.(A,$),((ee=K.litHtmlVersions)!==null&&ee!==void 0?ee:K.litHtmlVersions=[]).push("2.4.0");var Ce=(r,e,t)=>{var o,n;let s=(o=t?.renderBefore)!==null&&o!==void 0?o:e,i=s._$litPart$;if(i===void 0){let c=(n=t?.renderBefore)!==null&&n!==void 0?n:null;s._$litPart$=i=new $(e.insertBefore(N(),c),c,void 0,t??{})}return i._$AI(r),i};var ie,le;var x=class extends v{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;let o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ce(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return g}};x.finalized=!0,x._$litElement$=!0,(ie=globalThis.litElementHydrateSupport)===null||ie===void 0||ie.call(globalThis,{LitElement:x});var He=globalThis.litElementPolyfillSupport;He?.({LitElement:x});((le=globalThis.litElementVersions)!==null&&le!==void 0?le:globalThis.litElementVersions=[]).push("3.2.2");var W=r=>e=>typeof e=="function"?((t,o)=>(customElements.define(t,o),o))(r,e):((t,o)=>{let{kind:n,elements:s}=o;return{kind:n,elements:s,finisher(i){customElements.define(t,i)}}})(r,e);var Xe=(r,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,r)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,r)}};function R(r){return(e,t)=>t!==void 0?((o,n,s)=>{n.constructor.createProperty(s,o)})(r,e,t):Xe(r,e)}var ae,It=((ae=window.HTMLSlotElement)===null||ae===void 0?void 0:ae.prototype.assignedElements)!=null?(r,e)=>r.assignedElements(e):(r,e)=>r.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);var D=r=>r??h;var Re=Symbol.for(""),Ze=r=>{if(r?.r===Re)return r?._$litStatic$},de=r=>({_$litStatic$:r,r:Re});var Me=new Map,ke=r=>(e,...t)=>{let o=t.length,n,s,i=[],c=[],l,a=0,p=!1;for(;a<o;){for(l=e[a];a<o&&(s=t[a],(n=Ze(s))!==void 0);)l+=n+e[++a],p=!0;c.push(s),i.push(l),a++}if(a===o&&i.push(e[o]),p){let d=i.join("$$lit$$");(e=Me.get(d))===void 0&&(i.raw=i,Me.set(d,e=i)),t=c}return r(e,...t)},ze=ke(w),no=ke(Le);var Ne=S`
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Ee=/'/g,xe=/"/g,we=/^(?:script|style|textarea|title)$/i,_e=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),$=_e(1),Le=_e(2),g=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),Se=new WeakMap,w=L.createTreeWalker(L,129,null,!1),Ke=(r,e)=>{let t=r.length-1,o=[],n,s=e===2?"<svg>":"",i=z;for(let l=0;l<t;l++){let a=r[l],p,c,h=-1,m=0;for(;m<a.length&&(i.lastIndex=m,c=i.exec(a),c!==null);)m=i.lastIndex,i===z?c[1]==="!--"?i=be:c[1]!==void 0?i=ye:c[2]!==void 0?(we.test(c[2])&&(n=RegExp("</"+c[2],"g")),i=S):c[3]!==void 0&&(i=S):i===S?c[0]===">"?(i=n??z,h=-1):c[1]===void 0?h=-2:(h=i.lastIndex-c[2].length,p=c[1],i=c[3]===void 0?S:c[3]==='"'?xe:Ee):i===xe||i===Ee?i=S:i===be||i===ye?i=z:(i=S,n=void 0);let U=i===S&&r[l+1].startsWith("/>")?" ":"";s+=i===z?a+Ve:h>=0?(o.push(p),a.slice(0,h)+"$lit$"+a.slice(h)+y+U):a+y+(h===-2?(o.push(void 0),l):U)}let d=s+(r[t]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return[ge!==void 0?ge.createHTML(d):d,o]},T=class{constructor({strings:e,_$litType$:t},o){let n;this.parts=[];let s=0,i=0,d=e.length-1,l=this.parts,[a,p]=Ke(e,t);if(this.el=T.createElement(a,o),w.currentNode=this.el.content,t===2){let c=this.el.content,h=c.firstChild;h.remove(),c.append(...h.childNodes)}for(;(n=w.nextNode())!==null&&l.length<d;){if(n.nodeType===1){if(n.hasAttributes()){let c=[];for(let h of n.getAttributeNames())if(h.endsWith("$lit$")||h.startsWith(y)){let m=p[i++];if(c.push(h),m!==void 0){let U=n.getAttribute(m.toLowerCase()+"$lit$").split(y),P=/([.?@])?(.*)/.exec(m);l.push({type:1,index:s,name:P[2],strings:U,ctor:P[1]==="."?oe:P[1]==="?"?re:P[1]==="@"?ne:H})}else l.push({type:6,index:s})}for(let h of c)n.removeAttribute(h)}if(we.test(n.tagName)){let c=n.textContent.split(y),h=c.length-1;if(h>0){n.textContent=_?_.emptyScript:"";for(let m=0;m<h;m++)n.append(c[m],N()),w.nextNode(),l.push({type:2,index:++s});n.append(c[h],N())}}}else if(n.nodeType===8)if(n.data===Ae)l.push({type:2,index:s});else{let c=-1;for(;(c=n.data.indexOf(y,c+1))!==-1;)l.push({type:7,index:s}),c+=y.length-1}s++}}static createElement(e,t){let o=L.createElement("template");return o.innerHTML=e,o}};function C(r,e,t=r,o){var n,s,i,d;if(e===g)return e;let l=o!==void 0?(n=t._$Co)===null||n===void 0?void 0:n[o]:t._$Cl,a=O(e)?void 0:e._$litDirective$;return l?.constructor!==a&&((s=l?._$AO)===null||s===void 0||s.call(l,!1),a===void 0?l=void 0:(l=new a(r),l._$AT(r,t,o)),o!==void 0?((i=(d=t)._$Co)!==null&&i!==void 0?i:d._$Co=[])[o]=l:t._$Cl=l),l!==void 0&&(e=C(r,l._$AS(r,e.values),l,o)),e}var te=class{constructor(e,t){this.u=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(e){var t;let{el:{content:o},parts:n}=this._$AD,s=((t=e?.creationScope)!==null&&t!==void 0?t:L).importNode(o,!0);w.currentNode=s;let i=w.nextNode(),d=0,l=0,a=n[0];for(;a!==void 0;){if(d===a.index){let p;a.type===2?p=new A(i,i.nextSibling,this,e):a.type===1?p=new a.ctor(i,a.name,a.strings,this,e):a.type===6&&(p=new se(i,this,e)),this.u.push(p),a=n[++l]}d!==a?.index&&(i=w.nextNode(),d++)}return s}p(e){let t=0;for(let o of this.u)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}},A=class{constructor(e,t,o,n){var s;this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=n,this._$Cm=(s=n?.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cm}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=C(this,e,t),O(e)?e===u||e==null||e===""?(this._$AH!==u&&this._$AR(),this._$AH=u):e!==this._$AH&&e!==g&&this.g(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):je(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==u&&O(this._$AH)?this._$AA.nextSibling.data=e:this.T(L.createTextNode(e)),this._$AH=e}$(e){var t;let{values:o,_$litType$:n}=e,s=typeof n=="number"?this._$AC(e):(n.el===void 0&&(n.el=T.createElement(n.h,this.options)),n);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.p(o);else{let i=new te(s,this),d=i.v(this.options);i.p(o),this.T(d),this._$AH=i}}_$AC(e){let t=Se.get(e.strings);return t===void 0&&Se.set(e.strings,t=new T(e)),t}k(e){$e(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,o,n=0;for(let s of e)n===t.length?t.push(o=new A(this.O(N()),this.O(N()),this,this.options)):o=t[n],o._$AI(s),n++;n<t.length&&(this._$AR(o&&o._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,t);e&&e!==this._$AB;){let n=e.nextSibling;e.remove(),e=n}}setConnected(e){var t;this._$AM===void 0&&(this._$Cm=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},H=class{constructor(e,t,o,n,s){this.type=1,this._$AH=u,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=u}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,o,n){let s=this.strings,i=!1;if(s===void 0)e=C(this,e,t,0),i=!O(e)||e!==this._$AH&&e!==g,i&&(this._$AH=e);else{let d=e,l,a;for(e=s[0],l=0;l<s.length-1;l++)a=C(this,d[o+l],t,l),a===g&&(a=this._$AH[l]),i||(i=!O(a)||a!==this._$AH[l]),a===u?e=u:e!==u&&(e+=(a??"")+s[l+1]),this._$AH[l]=a}i&&!n&&this.j(e)}j(e){e===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},oe=class extends H{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===u?void 0:e}},We=_?_.emptyScript:"",re=class extends H{constructor(){super(...arguments),this.type=4}j(e){e&&e!==u?this.element.setAttribute(this.name,We):this.element.removeAttribute(this.name)}},ne=class extends H{constructor(e,t,o,n,s){super(e,t,o,n,s),this.type=5}_$AI(e,t=this){var o;if((e=(o=C(this,e,t,0))!==null&&o!==void 0?o:u)===g)return;let n=this._$AH,s=e===u&&n!==u||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==u&&(n===u||s);s&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}},se=class{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){C(this,e)}};var Te=K.litHtmlPolyfillSupport;Te?.(T,A),((ee=K.litHtmlVersions)!==null&&ee!==void 0?ee:K.litHtmlVersions=[]).push("2.4.0");var Ce=(r,e,t)=>{var o,n;let s=(o=t?.renderBefore)!==null&&o!==void 0?o:e,i=s._$litPart$;if(i===void 0){let d=(n=t?.renderBefore)!==null&&n!==void 0?n:null;s._$litPart$=i=new A(e.insertBefore(N(),d),d,void 0,t??{})}return i._$AI(r),i};var ie,le;var E=class extends v{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;let o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ce(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return g}};E.finalized=!0,E._$litElement$=!0,(ie=globalThis.litElementHydrateSupport)===null||ie===void 0||ie.call(globalThis,{LitElement:E});var He=globalThis.litElementPolyfillSupport;He?.({LitElement:E});((le=globalThis.litElementVersions)!==null&&le!==void 0?le:globalThis.litElementVersions=[]).push("3.2.2");var W=r=>e=>typeof e=="function"?((t,o)=>(customElements.define(t,o),o))(r,e):((t,o)=>{let{kind:n,elements:s}=o;return{kind:n,elements:s,finisher(i){customElements.define(t,i)}}})(r,e);var Ge=(r,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,r)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,r)}};function M(r){return(e,t)=>t!==void 0?((o,n,s)=>{n.constructor.createProperty(s,o)})(r,e,t):Ge(r,e)}var ae,Ot=((ae=window.HTMLSlotElement)===null||ae===void 0?void 0:ae.prototype.assignedElements)!=null?(r,e)=>r.assignedElements(e):(r,e)=>r.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);var D=r=>r??u;var Re=Symbol.for(""),Xe=r=>{if(r?.r===Re)return r?._$litStatic$},ce=r=>({_$litStatic$:r,r:Re});var Me=new Map,ke=r=>(e,...t)=>{let o=t.length,n,s,i=[],d=[],l,a=0,p=!1;for(;a<o;){for(l=e[a];a<o&&(s=t[a],(n=Xe(s))!==void 0);)l+=n+e[++a],p=!0;d.push(s),i.push(l),a++}if(a===o&&i.push(e[o]),p){let c=i.join("$$lit$$");(e=Me.get(c))===void 0&&(i.raw=i,Me.set(c,e=i)),t=d}return r(e,...t)},ze=ke($),ro=ke(Le);var Ne=k`
 /* Apply standardized box sizing to the component. */
@@ -263,3 +263,3 @@ :host {
 }
-`;var E=class extends x{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}_conditionalSlotTemplate({elementName:e,slotNameStub:t,wrapperElementType:o="div",ariaLabel:n=null}){let s=`${e}--${t}`;return this.querySelector(`[slot="${s}"]`)!==null?ze`<${de(o)} id="${t}" aria-label="${D(n)}">
+`;var x=class extends E{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}_conditionalSlotTemplate({elementName:e,slotNameStub:t,wrapperElementType:o="div",ariaLabel:n=null}){let s=`${e}--${t}`;return this.querySelector(`[slot="${s}"]`)!==null?ze`<${ce(o)} id="${t}" aria-label="${D(n)}">
           <slot
@@ -269,29 +269,3 @@ name="${s}"
           ></slot>
-        </${de(o)}>`:null}};E.styles=[Ne],E=b([W("outline-element")],E);var Ye={xs:"480px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px",xxl:"1440px",xxxl:"2160px"},xo=new Map(Object.entries(Ye).map(([r,e])=>[r,parseInt(e.slice(0,-2))]).sort(([,r],[,e])=>r-e));var Je={xs:"480px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px",xxl:"1440px",xxxl:"2160px"},$o=new Map(Object.entries(Je).map(([r,e])=>[r,parseInt(e.slice(0,-2))]).sort(([,r],[,e])=>r-e));var Oe=(()=>{let r=document.createElement("style"),e;try{document.head.appendChild(r),r.sheet.insertRule(":focus-visible { color: inherit }"),e=!0}catch(t){e=!1}finally{r.remove()}return e})(),Qe=V(Oe?":focus-visible":":focus");var Ie={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},De=r=>(...e)=>({_$litDirective$:r,values:e}),G=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var et=De(class extends G{constructor(r){var e;if(super(r),r.type!==Ie.ATTRIBUTE||r.name!=="class"||((e=r.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(e=>r[e]).join(" ")+" "}update(r,[e]){var t,o;if(this.nt===void 0){this.nt=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(let s in e)e[s]&&!(!((t=this.st)===null||t===void 0)&&t.has(s))&&this.nt.add(s);return this.render(e)}let n=r.element.classList;this.nt.forEach(s=>{s in e||(n.remove(s),this.nt.delete(s))});for(let s in e){let i=!!e[s];i===this.nt.has(s)||((o=this.st)===null||o===void 0?void 0:o.has(s))||(i?(n.add(s),this.nt.add(s)):(n.remove(s),this.nt.delete(s)))}return g}});var ue=class extends Event{constructor(t){super("formdata");this.formData=t}},he=class extends FormData{constructor(t){super(t);this.form=t,t.dispatchEvent(new ue(this))}append(t,o){let n=this.form.elements[t];if(n||(n=document.createElement("input"),n.type="hidden",n.name=t,this.form.appendChild(n)),this.has(t)){let s=this.getAll(t),i=s.indexOf(n.value);i!==-1&&s.splice(i,1),s.push(o),this.set(t,s)}else super.append(t,o);n.value=o}};function tt(){let r=document.createElement("form"),e=!1;return document.body.append(r),r.addEventListener("submit",t=>{new FormData(t.target),t.preventDefault()}),r.addEventListener("formdata",()=>e=!0),r.dispatchEvent(new Event("submit",{cancelable:!0})),r.remove(),e}function Ue(){!window.FormData||tt()||(window.FormData=he,window.addEventListener("submit",r=>{r.defaultPrevented||new FormData(r.target)}))}document.readyState==="complete"?Ue():window.addEventListener("DOMContentLoaded",()=>Ue());var Pe=S`
-/* Apply CSS Variables to the host element. */
-:host {
---outline-alert--default-info-background:var(--outline-white);
-
---outline-alert--default-info-text:var(--status-info);
-
---outline-alert--default-info-border:var(--status-info);
-
---outline-alert--default-success-background:var(--outline-white);
-
---outline-alert--default-success-text:var(--status-success);
-
---outline-alert--default-success-border:var(--status-success);
-
---outline-alert--default-warning-background:var(--outline-white);
-
---outline-alert--default-warning-text:var(--status-warning);
-
---outline-alert--default-warning-border:var(--status-warning);
-
---outline-alert--default-error-background:var(--outline-white);
-
---outline-alert--default-error-text:var(--status-error);
-
---outline-alert--default-error-border:var(--status-error);
-`;var Fe=S`
+        </${ce(o)}>`:null}};x.styles=[Ne],x=b([W("outline-element")],x);var Ze={xs:"480px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px",xxl:"1440px",xxxl:"2160px"},yo=new Map(Object.entries(Ze).map(([r,e])=>[r,parseInt(e.slice(0,-2))]).sort(([,r],[,e])=>r-e));var Ye={xs:"480px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px",xxl:"1440px",xxxl:"2160px"},Ao=new Map(Object.entries(Ye).map(([r,e])=>[r,parseInt(e.slice(0,-2))]).sort(([,r],[,e])=>r-e));var Oe=(()=>{let r=document.createElement("style"),e;try{document.head.appendChild(r),r.sheet.insertRule(":focus-visible { color: inherit }"),e=!0}catch(t){e=!1}finally{r.remove()}return e})(),Je=q(Oe?":focus-visible":":focus");var Ie={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},De=r=>(...e)=>({_$litDirective$:r,values:e}),G=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var Qe=De(class extends G{constructor(r){var e;if(super(r),r.type!==Ie.ATTRIBUTE||r.name!=="class"||((e=r.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(e=>r[e]).join(" ")+" "}update(r,[e]){var t,o;if(this.nt===void 0){this.nt=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(let s in e)e[s]&&!(!((t=this.st)===null||t===void 0)&&t.has(s))&&this.nt.add(s);return this.render(e)}let n=r.element.classList;this.nt.forEach(s=>{s in e||(n.remove(s),this.nt.delete(s))});for(let s in e){let i=!!e[s];i===this.nt.has(s)||((o=this.st)===null||o===void 0?void 0:o.has(s))||(i?(n.add(s),this.nt.add(s)):(n.remove(s),this.nt.delete(s)))}return g}});var he=class extends Event{constructor(t){super("formdata");this.formData=t}},ue=class extends FormData{constructor(t){super(t);this.form=t,t.dispatchEvent(new he(this))}append(t,o){let n=this.form.elements[t];if(n||(n=document.createElement("input"),n.type="hidden",n.name=t,this.form.appendChild(n)),this.has(t)){let s=this.getAll(t),i=s.indexOf(n.value);i!==-1&&s.splice(i,1),s.push(o),this.set(t,s)}else super.append(t,o);n.value=o}};function et(){let r=document.createElement("form"),e=!1;return document.body.append(r),r.addEventListener("submit",t=>{new FormData(t.target),t.preventDefault()}),r.addEventListener("formdata",()=>e=!0),r.dispatchEvent(new Event("submit",{cancelable:!0})),r.remove(),e}function Ue(){!window.FormData||et()||(window.FormData=ue,window.addEventListener("submit",r=>{r.defaultPrevented||new FormData(r.target)}))}document.readyState==="complete"?Ue():window.addEventListener("DOMContentLoaded",()=>Ue());var Pe=k`
 /* Apply standardized box sizing to the component. */
@@ -316,2 +290,20 @@ :host {
 /* Apply component specific CSS */
+:host{
+  --outline-alert--info-background--computed:var(--outline-alert--info-background, var(--outline-white));
+  --outline-alert--info-text--computed:var(--outline-alert--info-text,var( --status-info));
+  --outline-alert--info-border--computed:var(--outline-alert--info-border, var(--status-info));
+
+  --outline-alert--success-background--computed:var(--outline-alert--success-background, var(--outline-white));
+  --outline-alert--success-text--computed:var(--outline-alert--success-text, var(--status-success));
+  --outline-alert--success-border--computed:var(--outline-alert--success-border, var(--status-success));
+
+  --outline-alert--warning-background--computed:var(--outline-alert--warning-background, var(--outline-white));
+  --outline-alert--warning-text--computed:var(--outline-alert--warning-text, var(--status-warning));
+  --outline-alert--warning-border--computed:var(--outline-alert--warning-border, var(--status-warning));
+
+  --outline-alert--error-background--computed:var(--outline-alert--error-background, var(--outline-white));
+  --outline-alert--error-text--computed:var(--outline-alert--error-text, var(--status-error));
+  --outline-alert--error-border--computed:var(--outline-alert--error-border, var(--status-error));
+}
+
 .alert-body{
@@ -333,73 +325,25 @@ display:block;
 :host([statusType='info']) .alert-body{
-  background-color:var(--outline-alert--default-info-background);
-  background-color:var(
-    --outline-alert-info-background,
-    var(--outline-alert--default-info-background)
-  );
-  border-color:var(--outline-alert--default-info-border);
-  border-color:var(
-    --outline-alert-info-border,
-    var(--outline-alert--default-info-border)
-  );
-  color:var(--outline-alert--default-info-text);
-  color:var(
-    --outline-alert-info-text,
-    var(--outline-alert--default-info-text)
-  );
+  background-color:var(--outline-alert--info-background--computed);
+  border-color:var(--outline-alert--info-border--computed);
+  color:var(--outline-alert--info-text--computed);
 }
 
 :host([statusType='warning']) .alert-body{
-  background-color:var(--outline-alert--default-warning-background);
-  background-color:var(
-    --outline-alert-warning-background,
-    var(--outline-alert--default-warning-background)
-  );
-  border-color:var(--outline-alert--default-warning-border);
-  border-color:var(
-    --outline-alert-warning-border,
-    var(--outline-alert--default-warning-border)
-  );
-  color:var(--outline-alert--default-warning-text);
-  color:var(
-    --outline-alert-warning-text,
-    var(--outline-alert--default-warning-text)
-  );
+  background-color:var(--outline-alert--warning-background--computed);
+  border-color:var(--outline-alert--warning-border--computed);
+  color:var(--outline-alert--warning-text--computed);
 }
 
 :host([statusType='error']) .alert-body{
-  background-color:var(--outline-alert--default-error-background);
-  background-color:var(
-    --outline-alert-error-background,
-    var(--outline-alert--default-error-background)
-  );
-  border-color:var(--outline-alert--default-error-border);
-  border-color:var(
-    --outline-alert-error-border,
-    var(--outline-alert--default-error-border)
-  );
-  color:var(--outline-alert--default-error-text);
-  color:var(
-    --outline-alert-error-text,
-    var(--outline-alert--default-error-text)
-  );
+  background-color:var(--outline-alert--error-background--computed);
+  border-color:var(--outline-alert--error-border--computed);
+  color:var(--outline-alert--error-text--computed);
 }
 
 :host([statusType='success']) .alert-body{
-  background-color:var(--outline-alert--default-success-background);
-  background-color:var(
-    --outline-alert-success-background,
-    var(--outline-alert--default-success-background)
-  );
-  border-color:var(--outline-alert--default-success-border);
-  border-color:var(
-    --outline-alert-success-border,
-    var(--outline-alert--default-success-border)
-  );
-  color:var(--outline-alert--default-success-text);
-  color:var(
-    --outline-alert-success-text,
-    var(--outline-alert--default-success-text)
-  );
+  background-color:var(--outline-alert--success-background--computed);
+  border-color:var(--outline-alert--success-border--computed);
+  color:var(--outline-alert--success-text--computed);
 }
-`;var nt=["small","large"],st=["info","warning","error","success"],f=class extends E{constructor(){super(...arguments);this.statusType="info";this.isInteractive=!1;this.shouldShowIcon=!0;this.size="large"}render(){return w`
+`;var rt=["small","large"],nt=["info","warning","error","success"],f=class extends x{constructor(){super(...arguments);this.statusType="info";this.isInteractive=!1;this.shouldShowIcon=!0;this.size="large"}render(){return $`
       <div
@@ -410,3 +354,3 @@ class="alert-body"
       >
-        ${this.shouldShowIcon===!0?w`
+        ${this.shouldShowIcon===!0?$`
               <div class="icon">
@@ -416,3 +360,3 @@ <!--@todo include icon when we have that ready.-->
             `:null}
-        ${this.size==="large"?w`
+        ${this.size==="large"?$`
               <div class="alert-header">
@@ -426,3 +370,3 @@ <slot name="header">${this.statusType}</slot>
       </div>
-    `}};f.styles=[Pe,Fe],b([R({type:String})],f.prototype,"statusType",2),b([R({type:Boolean})],f.prototype,"isInteractive",2),b([R({type:Boolean})],f.prototype,"shouldShowIcon",2),b([R({type:String})],f.prototype,"size",2),f=b([W("outline-alert")],f);})();
+    `}};f.styles=[Pe],b([M({type:String})],f.prototype,"statusType",2),b([M({type:Boolean})],f.prototype,"isInteractive",2),b([M({type:Boolean})],f.prototype,"shouldShowIcon",2),b([M({type:String})],f.prototype,"size",2),f=b([W("outline-alert")],f);})();
 /**
@@ -429,0 +373,0 @@ * @license

dist/src/outline-alert.d.ts

@@ -20,14 +20,14 @@ import { TemplateResult, CSSResultGroup } from 'lit';
  * @slot header - The header in the alert.
- * @cssprop --outline-alert-info-background: The background color for the info alert.
- * @cssprop --outline-alert-info-text: The text color for the info alert.
- * @cssprop --outline-alert-info-border: The border color for the info alert.
- * @cssprop --outline-alert-success-background: The background color for the success alert.
- * @cssprop --outline-alert-success-text: The text color for the success alert.
- * @cssprop --outline-alert-success-border: The border color for the success alert.
- * @cssprop --outline-alert-warning-background: The background color for the warning alert.
- * @cssprop --outline-alert-warning-text: The text color for the warning alert.
- * @cssprop --outline-alert-warning-border: The border color for the warning alert.
- * @cssprop --outline-alert-error-background: The background color for the error alert.
- * @cssprop --outline-alert-error-text: The text color for the error alert.
- * @cssprop --outline-alert-error-border: The border color for the error alert.
+ * @cssprop --outline-alert--info-background: The background color for the info alert.
+ * @cssprop --outline-alert--info-text: The text color for the info alert.
+ * @cssprop --outline-alert--info-border: The border color for the info alert.
+ * @cssprop --outline-alert--success-background: The background color for the success alert.
+ * @cssprop --outline-alert--success-text: The text color for the success alert.
+ * @cssprop --outline-alert--success-border: The border color for the success alert.
+ * @cssprop --outline-alert--warning-background: The background color for the warning alert.
+ * @cssprop --outline-alert--warning-text: The text color for the warning alert.
+ * @cssprop --outline-alert--warning-border: The border color for the warning alert.
+ * @cssprop --outline-alert--error-background: The background color for the error alert.
+ * @cssprop --outline-alert--error-text: The text color for the error alert.
+ * @cssprop --outline-alert--error-border: The border color for the error alert.
  * @todo: Make the alert styling more flexible.
@@ -34,0 +34,0 @@ */

package.json

 {
   "name": "@phase2/outline-alert",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "The Outline Components for the web alert component",
@@ -29,3 +29,3 @@ "keywords": [
   "dependencies": {
-    "@phase2/outline-core": "^0.1.0",
+    "@phase2/outline-core": "^0.1.7",
     "lit": "^2.3.1",
@@ -32,0 +32,0 @@ "tslib": "^2.1.0"

README.md

@@ -23,7 +23,7 @@ # outline-alert
 
-| Property                  | Description                                      |
-|---------------------------|--------------------------------------------------|
-| `--outline-alert-error`   | background: The background color for the error alert. |
-| `--outline-alert-info`    | background: The background color for the info alert. |
-| `--outline-alert-success` | background: The background color for the success alert. |
-| `--outline-alert-warning` | background: The background color for the warning alert. |
+| Property                   | Description                                      |
+|----------------------------|--------------------------------------------------|
+| `--outline-alert--error`   | background: The background color for the error alert. |
+| `--outline-alert--info`    | background: The background color for the info alert. |
+| `--outline-alert--success` | background: The background color for the success alert. |
+| `--outline-alert--warning` | background: The background color for the warning alert. |

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

272242

decreased by-0.82%

Lines of code

481

decreased by-9.25%

Dependency changes

• Updated@phase2/outline-core@^0.1.7