ma-icons 0.3.3 → 0.3.5

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.
@@ -667,7 +667,9 @@ let u = class extends T {
667
667
  render() {
668
668
  const r = this.svg ? w`<span .innerHTML=${this.svg}></span>` : w``;
669
669
  if (this.href != null) {
670
- const t = this.styled ? { opacity: "75%" } : {};
670
+ const t = this.styled ? {
671
+ color: "hsl(0deg 0% 0% / calc(100% * 3/8))"
672
+ } : {};
671
673
  return w`
672
674
  <a style=${Lt(t)} href=${this.href}>
673
675
  ${this.leading ? w`${r}&thinsp;` : ""}<slot></slot>${this.leading ? "" : w`&thinsp;${r}`}
@@ -679,21 +681,29 @@ let u = class extends T {
679
681
  async modifySvg() {
680
682
  const t = await (await fetch("https://raw.githubusercontent.com/taavirubenhagen/ma-icons/main/icons/" + this.name + ".svg")).text(), e = new DOMParser().parseFromString(t, "image/svg+xml"), s = e.querySelector("svg");
681
683
  if (!s) return "";
682
- s == null || s.setAttribute("width", this.size), s == null || s.setAttribute("height", this.size), s == null || s.setAttribute("fill", "none"), e.querySelectorAll("[stroke]").forEach((i) => i.setAttribute("stroke", this.color)), e.querySelectorAll("[stroke-width]").forEach((i) => i.setAttribute("stroke-width", this.weight)), this.svg = s == null ? void 0 : s.outerHTML;
684
+ s == null || s.setAttribute("width", this.size), s == null || s.setAttribute("height", this.size), s == null || s.setAttribute("fill", "none"), e.querySelectorAll("[stroke]").forEach((i) => i.setAttribute("stroke", this.styled ? "hsl(0deg 0% 0% / calc(100% * 3/8))" : this.color)), e.querySelectorAll("[stroke-width]").forEach((i) => i.setAttribute("stroke-width", this.weight)), this.svg = s == null ? void 0 : s.outerHTML;
683
685
  }
684
686
  };
685
687
  u.styles = ut`
686
688
  svg {
687
689
  display: block;
688
690
  }
691
+
689
692
  a {
693
+ transition-property: all;
694
+ transition-duration: 200ms;
690
695
  display: inline-flex;
691
696
  align-items: center;
697
+ opacity: inherit;
692
698
  color: inherit;
693
699
  text-decoration: inherit;
694
700
  font-family: inherit;
695
701
  font-size: inherit;
696
702
  }
703
+
704
+ a:hover {
705
+ opacity: 75%;
706
+ }
697
707
  `;
698
708
  f([
699
709
  g()
@@ -2,7 +2,7 @@ var MaIcons=function(I){"use strict";/**
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */var ut;const k=globalThis,B=k.ShadowRoot&&(k.ShadyCSS===void 0||k.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,q=Symbol(),G=new WeakMap;let Q=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==q)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(B&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=G.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&G.set(e,t))}return t}toString(){return this.cssText}};const pt=r=>new Q(typeof r=="string"?r:r+"",void 0,q),$t=(r,...t)=>{const e=r.length===1?r[0]:t.reduce((s,i,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+r[n+1],r[0]);return new Q(e,r,q)},ft=(r,t)=>{if(B)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),i=k.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,r.appendChild(s)}},X=B?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return pt(e)})(r):r;/**
5
+ */var pt;const k=globalThis,B=k.ShadowRoot&&(k.ShadyCSS===void 0||k.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,q=Symbol(),G=new WeakMap;let Q=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==q)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(B&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=G.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&G.set(e,t))}return t}toString(){return this.cssText}};const ut=r=>new Q(typeof r=="string"?r:r+"",void 0,q),$t=(r,...t)=>{const e=r.length===1?r[0]:t.reduce((s,i,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+r[n+1],r[0]);return new Q(e,r,q)},ft=(r,t)=>{if(B)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),i=k.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,r.appendChild(s)}},X=B?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return ut(e)})(r):r;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
@@ -12,11 +12,11 @@ var MaIcons=function(I){"use strict";/**
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
13
  */const O=globalThis,j=O.trustedTypes,et=j?j.createPolicy("lit-html",{createHTML:r=>r}):void 0,st="$lit$",m=`lit$${Math.random().toFixed(9).slice(2)}$`,it="?"+m,St=`<${it}>`,A=document,U=()=>A.createComment(""),T=r=>r===null||typeof r!="object"&&typeof r!="function",Z=Array.isArray,Et=r=>Z(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",F=`[
14
14
  \f\r]`,M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,rt=/-->/g,nt=/>/g,v=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),ot=/'/g,ht=/"/g,at=/^(?:script|style|textarea|title)$/i,wt=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),P=wt(1),b=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),lt=new WeakMap,S=A.createTreeWalker(A,129);function ct(r,t){if(!Z(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return et!==void 0?et.createHTML(t):t}const Pt=(r,t)=>{const e=r.length-1,s=[];let i,n=t===2?"<svg>":t===3?"<math>":"",o=M;for(let a=0;a<e;a++){const h=r[a];let d,u,l=-1,f=0;for(;f<h.length&&(o.lastIndex=f,u=o.exec(h),u!==null);)f=o.lastIndex,o===M?u[1]==="!--"?o=rt:u[1]!==void 0?o=nt:u[2]!==void 0?(at.test(u[2])&&(i=RegExp("</"+u[2],"g")),o=v):u[3]!==void 0&&(o=v):o===v?u[0]===">"?(o=i??M,l=-1):u[1]===void 0?l=-2:(l=o.lastIndex-u[2].length,d=u[1],o=u[3]===void 0?v:u[3]==='"'?ht:ot):o===ht||o===ot?o=v:o===rt||o===nt?o=M:(o=v,i=void 0);const g=o===v&&r[a+1].startsWith("/>")?" ":"";n+=o===M?h+St:l>=0?(s.push(d),h.slice(0,l)+st+h.slice(l)+m+g):h+m+(l===-2?a:g)}return[ct(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class H{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,o=0;const a=t.length-1,h=this.parts,[d,u]=Pt(t,e);if(this.el=H.createElement(d,s),S.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(i=S.nextNode())!==null&&h.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(const l of i.getAttributeNames())if(l.endsWith(st)){const f=u[o++],g=i.getAttribute(l).split(m),L=/([.?@])?(.*)/.exec(f);h.push({type:1,index:n,name:L[2],strings:g,ctor:L[1]==="."?xt:L[1]==="?"?Ot:L[1]==="@"?Ut:D}),i.removeAttribute(l)}else l.startsWith(m)&&(h.push({type:6,index:n}),i.removeAttribute(l));if(at.test(i.tagName)){const l=i.textContent.split(m),f=l.length-1;if(f>0){i.textContent=j?j.emptyScript:"";for(let g=0;g<f;g++)i.append(l[g],U()),S.nextNode(),h.push({type:2,index:++n});i.append(l[f],U())}}}else if(i.nodeType===8)if(i.data===it)h.push({type:2,index:n});else{let l=-1;for(;(l=i.data.indexOf(m,l+1))!==-1;)h.push({type:7,index:n}),l+=m.length-1}n++}}static createElement(t,e){const s=A.createElement("template");return s.innerHTML=t,s}}function C(r,t,e=r,s){var o,a;if(t===b)return t;let i=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=T(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((a=i==null?void 0:i._$AO)==null||a.call(i,!1),n===void 0?i=void 0:(i=new n(r),i._$AT(r,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=i:e._$Cl=i),i!==void 0&&(t=C(r,i._$AS(r,t.values),i,s)),t}class Ct{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=((t==null?void 0:t.creationScope)??A).importNode(e,!0);S.currentNode=i;let n=S.nextNode(),o=0,a=0,h=s[0];for(;h!==void 0;){if(o===h.index){let d;h.type===2?d=new N(n,n.nextSibling,this,t):h.type===1?d=new h.ctor(n,h.name,h.strings,this,t):h.type===6&&(d=new Tt(n,this,t)),this._$AV.push(d),h=s[++a]}o!==(h==null?void 0:h.index)&&(n=S.nextNode(),o++)}return S.currentNode=A,i}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class N{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=C(this,t,e),T(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==b&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Et(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==c&&T(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:s}=t,i=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=H.createElement(ct(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const o=new Ct(i,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=lt.get(t.strings);return e===void 0&&lt.set(t.strings,e=new H(t)),e}k(t){Z(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new N(this.O(U()),this.O(U()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class D{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=c}_$AI(t,e=this,s,i){const n=this.strings;let o=!1;if(n===void 0)t=C(this,t,e,0),o=!T(t)||t!==this._$AH&&t!==b,o&&(this._$AH=t);else{const a=t;let h,d;for(t=n[0],h=0;h<n.length-1;h++)d=C(this,a[s+h],e,h),d===b&&(d=this._$AH[h]),o||(o=!T(d)||d!==this._$AH[h]),d===c?t=c:t!==c&&(t+=(d??"")+n[h+1]),this._$AH[h]=d}o&&!i&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xt extends D{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class Ot extends D{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class Ut extends D{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=C(this,t,e,0)??c)===b)return;const s=this._$AH,i=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Tt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){C(this,t)}}const J=O.litHtmlPolyfillSupport;J==null||J(H,N),(O.litHtmlVersions??(O.litHtmlVersions=[])).push("3.3.0");const Mt=(r,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let i=s._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=i=new N(t.insertBefore(U(),n),n,void 0,e??{})}return i._$AI(r),i};/**
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),ot=/'/g,ht=/"/g,at=/^(?:script|style|textarea|title)$/i,wt=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),P=wt(1),b=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),lt=new WeakMap,S=A.createTreeWalker(A,129);function ct(r,t){if(!Z(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return et!==void 0?et.createHTML(t):t}const Pt=(r,t)=>{const e=r.length-1,s=[];let i,n=t===2?"<svg>":t===3?"<math>":"",o=M;for(let a=0;a<e;a++){const h=r[a];let d,p,l=-1,f=0;for(;f<h.length&&(o.lastIndex=f,p=o.exec(h),p!==null);)f=o.lastIndex,o===M?p[1]==="!--"?o=rt:p[1]!==void 0?o=nt:p[2]!==void 0?(at.test(p[2])&&(i=RegExp("</"+p[2],"g")),o=v):p[3]!==void 0&&(o=v):o===v?p[0]===">"?(o=i??M,l=-1):p[1]===void 0?l=-2:(l=o.lastIndex-p[2].length,d=p[1],o=p[3]===void 0?v:p[3]==='"'?ht:ot):o===ht||o===ot?o=v:o===rt||o===nt?o=M:(o=v,i=void 0);const g=o===v&&r[a+1].startsWith("/>")?" ":"";n+=o===M?h+St:l>=0?(s.push(d),h.slice(0,l)+st+h.slice(l)+m+g):h+m+(l===-2?a:g)}return[ct(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class H{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,o=0;const a=t.length-1,h=this.parts,[d,p]=Pt(t,e);if(this.el=H.createElement(d,s),S.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(i=S.nextNode())!==null&&h.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(const l of i.getAttributeNames())if(l.endsWith(st)){const f=p[o++],g=i.getAttribute(l).split(m),L=/([.?@])?(.*)/.exec(f);h.push({type:1,index:n,name:L[2],strings:g,ctor:L[1]==="."?xt:L[1]==="?"?Ot:L[1]==="@"?Ut:D}),i.removeAttribute(l)}else l.startsWith(m)&&(h.push({type:6,index:n}),i.removeAttribute(l));if(at.test(i.tagName)){const l=i.textContent.split(m),f=l.length-1;if(f>0){i.textContent=j?j.emptyScript:"";for(let g=0;g<f;g++)i.append(l[g],U()),S.nextNode(),h.push({type:2,index:++n});i.append(l[f],U())}}}else if(i.nodeType===8)if(i.data===it)h.push({type:2,index:n});else{let l=-1;for(;(l=i.data.indexOf(m,l+1))!==-1;)h.push({type:7,index:n}),l+=m.length-1}n++}}static createElement(t,e){const s=A.createElement("template");return s.innerHTML=t,s}}function C(r,t,e=r,s){var o,a;if(t===b)return t;let i=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=T(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((a=i==null?void 0:i._$AO)==null||a.call(i,!1),n===void 0?i=void 0:(i=new n(r),i._$AT(r,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=i:e._$Cl=i),i!==void 0&&(t=C(r,i._$AS(r,t.values),i,s)),t}class Ct{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=((t==null?void 0:t.creationScope)??A).importNode(e,!0);S.currentNode=i;let n=S.nextNode(),o=0,a=0,h=s[0];for(;h!==void 0;){if(o===h.index){let d;h.type===2?d=new N(n,n.nextSibling,this,t):h.type===1?d=new h.ctor(n,h.name,h.strings,this,t):h.type===6&&(d=new Tt(n,this,t)),this._$AV.push(d),h=s[++a]}o!==(h==null?void 0:h.index)&&(n=S.nextNode(),o++)}return S.currentNode=A,i}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class N{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=C(this,t,e),T(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==b&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Et(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==c&&T(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:s}=t,i=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=H.createElement(ct(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const o=new Ct(i,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=lt.get(t.strings);return e===void 0&&lt.set(t.strings,e=new H(t)),e}k(t){Z(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new N(this.O(U()),this.O(U()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class D{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=c}_$AI(t,e=this,s,i){const n=this.strings;let o=!1;if(n===void 0)t=C(this,t,e,0),o=!T(t)||t!==this._$AH&&t!==b,o&&(this._$AH=t);else{const a=t;let h,d;for(t=n[0],h=0;h<n.length-1;h++)d=C(this,a[s+h],e,h),d===b&&(d=this._$AH[h]),o||(o=!T(d)||d!==this._$AH[h]),d===c?t=c:t!==c&&(t+=(d??"")+n[h+1]),this._$AH[h]=d}o&&!i&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xt extends D{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class Ot extends D{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class Ut extends D{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=C(this,t,e,0)??c)===b)return;const s=this._$AH,i=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Tt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){C(this,t)}}const J=O.litHtmlPolyfillSupport;J==null||J(H,N),(O.litHtmlVersions??(O.litHtmlVersions=[])).push("3.3.0");const Mt=(r,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let i=s._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=i=new N(t.insertBefore(U(),n),n,void 0,e??{})}return i._$AI(r),i};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */const E=globalThis;let R=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Mt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return b}};R._$litElement$=!0,R.finalized=!0,(ut=E.litElementHydrateSupport)==null||ut.call(E,{LitElement:R});const K=E.litElementPolyfillSupport;K==null||K({LitElement:R}),(E.litElementVersions??(E.litElementVersions=[])).push("4.2.0");/**
19
+ */const E=globalThis;let R=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Mt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return b}};R._$litElement$=!0,R.finalized=!0,(pt=E.litElementHydrateSupport)==null||pt.call(E,{LitElement:R});const K=E.litElementPolyfillSupport;K==null||K({LitElement:R}),(E.litElementVersions??(E.litElementVersions=[])).push("4.2.0");/**
20
20
  * @license
21
21
  * Copyright 2017 Google LLC
22
22
  * SPDX-License-Identifier: BSD-3-Clause
@@ -36,20 +36,28 @@ var MaIcons=function(I){"use strict";/**
36
36
  * @license
37
37
  * Copyright 2018 Google LLC
38
38
  * SPDX-License-Identifier: BSD-3-Clause
39
- */const dt="important",Lt=" !"+dt,It=jt(class extends Dt{constructor(r){var t;if(super(r),r.type!==zt.ATTRIBUTE||r.name!=="style"||((t=r.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(r){return Object.keys(r).reduce((t,e)=>{const s=r[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(r,[t]){const{style:e}=r.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const s of this.ft)t[s]==null&&(this.ft.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const i=t[s];if(i!=null){this.ft.add(s);const n=typeof i=="string"&&i.endsWith(Lt);s.includes("-")||n?e.setProperty(s,n?i.slice(0,-11):i,n?dt:""):e[s]=i}}return b}});var Bt=Object.defineProperty,qt=Object.getOwnPropertyDescriptor,$=(r,t,e,s)=>{for(var i=s>1?void 0:s?qt(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&Bt(t,e,i),i};let p=class extends R{constructor(){super(...arguments),this.styled=!1,this.leading=!1,this.name="top-right",this.size="16",this.weight="5",this.color="hsl(0deg 0% 0%)",this.svg=null}updated(r){super.updated(r),r.has("name")&&this.modifySvg()}render(){const r=this.svg?P`<span .innerHTML=${this.svg}></span>`:P``;if(this.href!=null){const t=this.styled?{opacity:"75%"}:{};return P`
39
+ */const dt="important",Lt=" !"+dt,It=jt(class extends Dt{constructor(r){var t;if(super(r),r.type!==zt.ATTRIBUTE||r.name!=="style"||((t=r.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(r){return Object.keys(r).reduce((t,e)=>{const s=r[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(r,[t]){const{style:e}=r.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const s of this.ft)t[s]==null&&(this.ft.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const i=t[s];if(i!=null){this.ft.add(s);const n=typeof i=="string"&&i.endsWith(Lt);s.includes("-")||n?e.setProperty(s,n?i.slice(0,-11):i,n?dt:""):e[s]=i}}return b}});var Bt=Object.defineProperty,qt=Object.getOwnPropertyDescriptor,$=(r,t,e,s)=>{for(var i=s>1?void 0:s?qt(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&Bt(t,e,i),i};let u=class extends R{constructor(){super(...arguments),this.styled=!1,this.leading=!1,this.name="top-right",this.size="16",this.weight="5",this.color="hsl(0deg 0% 0%)",this.svg=null}updated(r){super.updated(r),r.has("name")&&this.modifySvg()}render(){const r=this.svg?P`<span .innerHTML=${this.svg}></span>`:P``;if(this.href!=null){const t=this.styled?{color:"hsl(0deg 0% 0% / calc(100% * 3/8))"}:{};return P`
40
40
  <a style=${It(t)} href=${this.href}>
41
41
  ${this.leading?P`${r}&thinsp;`:""}<slot></slot>${this.leading?"":P`&thinsp;${r}`}
42
42
  </a>
43
- `}return P`${r}`}async modifySvg(){const t=await(await fetch("https://raw.githubusercontent.com/taavirubenhagen/ma-icons/main/icons/"+this.name+".svg")).text(),e=new DOMParser().parseFromString(t,"image/svg+xml"),s=e.querySelector("svg");if(!s)return"";s==null||s.setAttribute("width",this.size),s==null||s.setAttribute("height",this.size),s==null||s.setAttribute("fill","none"),e.querySelectorAll("[stroke]").forEach(i=>i.setAttribute("stroke",this.color)),e.querySelectorAll("[stroke-width]").forEach(i=>i.setAttribute("stroke-width",this.weight)),this.svg=s==null?void 0:s.outerHTML}};p.styles=$t`
43
+ `}return P`${r}`}async modifySvg(){const t=await(await fetch("https://raw.githubusercontent.com/taavirubenhagen/ma-icons/main/icons/"+this.name+".svg")).text(),e=new DOMParser().parseFromString(t,"image/svg+xml"),s=e.querySelector("svg");if(!s)return"";s==null||s.setAttribute("width",this.size),s==null||s.setAttribute("height",this.size),s==null||s.setAttribute("fill","none"),e.querySelectorAll("[stroke]").forEach(i=>i.setAttribute("stroke",this.styled?"hsl(0deg 0% 0% / calc(100% * 3/8))":this.color)),e.querySelectorAll("[stroke-width]").forEach(i=>i.setAttribute("stroke-width",this.weight)),this.svg=s==null?void 0:s.outerHTML}};u.styles=$t`
44
44
  svg {
45
45
  display: block;
46
46
  }
47
+
47
48
  a {
49
+ transition-property: all;
50
+ transition-duration: 200ms;
48
51
  display: inline-flex;
49
52
  align-items: center;
53
+ opacity: inherit;
50
54
  color: inherit;
51
55
  text-decoration: inherit;
52
56
  font-family: inherit;
53
57
  font-size: inherit;
54
58
  }
55
- `,$([y()],p.prototype,"styled",2),$([y()],p.prototype,"href",2),$([y()],p.prototype,"leading",2),$([y()],p.prototype,"name",2),$([y()],p.prototype,"size",2),$([y()],p.prototype,"weight",2),$([y()],p.prototype,"color",2),$([kt()],p.prototype,"svg",2),p=$([Ht("ma-icon")],p);const Wt=["add-circle","bottom-left","bottom-right","camera","camera-video","cmd","code","down","download","edit","explore","external-2","fullscreen","fullscreen-exit","github","heart","heart-filled","home","info","input","instagram","left","lock","lock-closed","lock-open","login","ma","ma-2","menu","options","pants","pause","person","play","remove-circle","right","search","send","settings","tiktok","top-left","top-right","trash","up","youtube"];return I.names=Wt,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"}),I}({});
59
+
60
+ a:hover {
61
+ opacity: 75%;
62
+ }
63
+ `,$([y()],u.prototype,"styled",2),$([y()],u.prototype,"href",2),$([y()],u.prototype,"leading",2),$([y()],u.prototype,"name",2),$([y()],u.prototype,"size",2),$([y()],u.prototype,"weight",2),$([y()],u.prototype,"color",2),$([kt()],u.prototype,"svg",2),u=$([Ht("ma-icon")],u);const Wt=["add-circle","bottom-left","bottom-right","camera","camera-video","cmd","code","down","download","edit","explore","external-2","fullscreen","fullscreen-exit","github","heart","heart-filled","home","info","input","instagram","left","lock","lock-closed","lock-open","login","ma","ma-2","menu","options","pants","pause","person","play","remove-circle","right","search","send","settings","tiktok","top-left","top-right","trash","up","youtube"];return I.names=Wt,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"}),I}({});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ma-icons",
3
- "version": "0.3.3",
3
+ "version": "0.3.5",
4
4
  "description": "Ma Icons by Taavi Rübenhagen",
5
5
  "type": "module",
6
6
  "main": "dist/ma-icons.iife.js",