@kubex/zinc 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.idea/.name +1 -0
- package/.idea/fusion.iml +9 -0
- package/.idea/modules.xml +8 -0
- package/.idea/php.xml +4 -0
- package/.idea/vcs.xml +6 -0
- package/.idea/watcherTasks.xml +25 -0
- package/components/Blank/demo/demo.html +11 -0
- package/components/Blank/dist/zn-blank.js +39 -0
- package/components/Blank/go/component.go +18 -0
- package/components/Blank/go/go.mod +3 -0
- package/components/Blank/package.json +33 -0
- package/components/Blank/php/composer.json +25 -0
- package/components/Blank/php/src/Blank.php +15 -0
- package/components/Blank/rollup.config.js +32 -0
- package/components/Blank/scss/Styles.scss +6 -0
- package/components/Blank/ts/Component.ts +15 -0
- package/components/Blank/tsconfig.json +7 -0
- package/components/Icon/demo/demo.html +90 -0
- package/components/Icon/dist/zn-icon.js +55 -0
- package/components/Icon/go/component.go +56 -0
- package/components/Icon/go/go.mod +3 -0
- package/components/Icon/package.json +33 -0
- package/components/Icon/php/composer.json +26 -0
- package/components/Icon/php/src/Icon.php +38 -0
- package/components/Icon/php/src/Library.php +17 -0
- package/components/Icon/php/src/Size.php +42 -0
- package/components/Icon/roadmap.md +7 -0
- package/components/Icon/rollup.config.js +32 -0
- package/components/Icon/scss/Styles.scss +65 -0
- package/components/Icon/ts/Component.ts +108 -0
- package/components/Icon/ts/md5.ts +215 -0
- package/components/Icon/tsconfig.json +7 -0
- package/components/MaxWidth/demo/demo.html +11 -0
- package/components/MaxWidth/dist/zn-max-width.js +51 -0
- package/components/MaxWidth/go/component.go +24 -0
- package/components/MaxWidth/go/go.mod +3 -0
- package/components/MaxWidth/package.json +33 -0
- package/components/MaxWidth/php/composer.json +25 -0
- package/components/MaxWidth/php/src/MaxWidth.php +32 -0
- package/components/MaxWidth/rollup.config.js +32 -0
- package/components/MaxWidth/scss/Styles.scss +13 -0
- package/components/MaxWidth/ts/Component.ts +27 -0
- package/components/MaxWidth/tsconfig.json +7 -0
- package/components/roadmap.md +4 -0
- package/layout/components/Columns/demo/demo.html +16 -0
- package/layout/components/Columns/scss/Styles.scss +0 -0
- package/layout/components/Columns/ts/Component.ts +59 -0
- package/layout/demo/index.html +24 -0
- package/layout/dist/zn-layout.js +87 -0
- package/layout/package.json +38 -0
- package/layout/rollup.config.js +38 -0
- package/layout/scss/layout.scss +24 -0
- package/layout/tailwind.config.js +23 -0
- package/layout/ts/import.ts +2 -0
- package/layout/tsconfig.json +7 -0
- package/package.json +20 -0
package/.idea/.name
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Zn
|
package/.idea/fusion.iml
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<module type="WEB_MODULE" version="4">
|
|
3
|
+
<component name="Go" enabled="true" />
|
|
4
|
+
<component name="NewModuleRootManager">
|
|
5
|
+
<content url="file://$MODULE_DIR$" />
|
|
6
|
+
<orderEntry type="inheritedJdk" />
|
|
7
|
+
<orderEntry type="sourceFolder" forTests="false" />
|
|
8
|
+
</component>
|
|
9
|
+
</module>
|
package/.idea/php.xml
ADDED
package/.idea/vcs.xml
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<project version="4">
|
|
3
|
+
<component name="ProjectTasksOptions">
|
|
4
|
+
<TaskOptions isEnabled="true">
|
|
5
|
+
<option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" />
|
|
6
|
+
<option name="checkSyntaxErrors" value="true" />
|
|
7
|
+
<option name="description" />
|
|
8
|
+
<option name="exitCodeBehavior" value="ERROR" />
|
|
9
|
+
<option name="fileExtension" value="scss" />
|
|
10
|
+
<option name="immediateSync" value="true" />
|
|
11
|
+
<option name="name" value="SCSS" />
|
|
12
|
+
<option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
|
|
13
|
+
<option name="outputFilters">
|
|
14
|
+
<array />
|
|
15
|
+
</option>
|
|
16
|
+
<option name="outputFromStdout" value="false" />
|
|
17
|
+
<option name="program" value="sass" />
|
|
18
|
+
<option name="runOnExternalChanges" value="true" />
|
|
19
|
+
<option name="scopeName" value="Project Files" />
|
|
20
|
+
<option name="trackOnlyRoot" value="true" />
|
|
21
|
+
<option name="workingDir" value="$FileDir$" />
|
|
22
|
+
<envs />
|
|
23
|
+
</TaskOptions>
|
|
24
|
+
</component>
|
|
25
|
+
</project>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
!function(t){"use strict";
|
|
2
|
+
/*! *****************************************************************************
|
|
3
|
+
Copyright (c) Microsoft Corporation.
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
+
***************************************************************************** */
|
|
16
|
+
/**
|
|
17
|
+
* @license
|
|
18
|
+
* Copyright 2019 Google LLC
|
|
19
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
20
|
+
*/
|
|
21
|
+
const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new Map;class n{constructor(t,e){if(this._$cssResult$=!0,e!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=s.get(this.cssText);return e&&void 0===t&&(s.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const o=t=>new n("string"==typeof t?t:t+"",i),r=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return o(e)})(t):t
|
|
22
|
+
/**
|
|
23
|
+
* @license
|
|
24
|
+
* Copyright 2017 Google LLC
|
|
25
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
26
|
+
*/;var l;const h=window.reactiveElementPolyfillSupport,a={toAttribute(t,e){switch(e){case Boolean:t=t?"":null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},d=(t,e)=>e!==t&&(e==e||t==t),c={attribute:!0,type:String,converter:a,reflect:!1,hasChanged:d};class u extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Eh(i,e);void 0!==s&&(this._$Eu.set(s,i),t.push(s))})),t}static createProperty(t,e=c){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const n=this[t];this[e]=s,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||c}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(r(t))}else void 0!==t&&e.push(r(t));return e}static _$Eh(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ev=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Ep(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$Em)&&void 0!==e?e:this._$Em=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$Em)||void 0===e||e.splice(this._$Em.indexOf(t)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const i=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,i)=>{e?t.adoptedStyleSheets=i.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):i.forEach((e=>{const i=document.createElement("style"),s=window.litNonce;void 0!==s&&i.setAttribute("nonce",s),i.textContent=e.cssText,t.appendChild(i)}))})(i,this.constructor.elementStyles),i}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Em)||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._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$Eg(t,e,i=c){var s,n;const o=this.constructor._$Eh(t,i);if(void 0!==o&&!0===i.reflect){const r=(null!==(n=null===(s=i.converter)||void 0===s?void 0:s.toAttribute)&&void 0!==n?n:a.toAttribute)(e,i.type);this._$Ei=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Ei=null}}_$AK(t,e){var i,s,n;const o=this.constructor,r=o._$Eu.get(t);if(void 0!==r&&this._$Ei!==r){const t=o.getPropertyOptions(r),l=t.converter,h=null!==(n=null!==(s=null===(i=l)||void 0===i?void 0:i.fromAttribute)&&void 0!==s?s:"function"==typeof l?l:null)&&void 0!==n?n:a.fromAttribute;this._$Ei=r,this[r]=h(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||d)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$ES&&(this._$ES=new Map),this._$ES.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}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._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Em)||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)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(t){return!0}update(t){void 0!==this._$ES&&(this._$ES.forEach(((t,e)=>this._$Eg(e,this[e],t))),this._$ES=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
|
|
27
|
+
/**
|
|
28
|
+
* @license
|
|
29
|
+
* Copyright 2017 Google LLC
|
|
30
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
+
*/
|
|
32
|
+
var p;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:u}),(null!==(l=globalThis.reactiveElementVersions)&&void 0!==l?l:globalThis.reactiveElementVersions=[]).push("1.0.1");const $=globalThis.trustedTypes,v=$?$.createPolicy("lit-html",{createHTML:t=>t}):void 0,_=`lit$${(Math.random()+"").slice(9)}$`,f="?"+_,A=`<${f}>`,m=document,g=(t="")=>m.createComment(t),y=t=>null===t||"object"!=typeof t&&"function"!=typeof t,E=Array.isArray,b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,S=/-->/g,w=/>/g,C=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,U=/'/g,x=/"/g,P=/^(?:script|style|textarea)$/i,H=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),T=Symbol.for("lit-noChange"),N=Symbol.for("lit-nothing"),O=new WeakMap,R=m.createTreeWalker(m,129,null,!1),M=(t,e)=>{const i=t.length-1,s=[];let n,o=2===e?"<svg>":"",r=b;for(let e=0;e<i;e++){const i=t[e];let l,h,a=-1,d=0;for(;d<i.length&&(r.lastIndex=d,h=r.exec(i),null!==h);)d=r.lastIndex,r===b?"!--"===h[1]?r=S:void 0!==h[1]?r=w:void 0!==h[2]?(P.test(h[2])&&(n=RegExp("</"+h[2],"g")),r=C):void 0!==h[3]&&(r=C):r===C?">"===h[0]?(r=null!=n?n:b,a=-1):void 0===h[1]?a=-2:(a=r.lastIndex-h[2].length,l=h[1],r=void 0===h[3]?C:'"'===h[3]?x:U):r===x||r===U?r=C:r===S||r===w?r=b:(r=C,n=void 0);const c=r===C&&t[e+1].startsWith("/>")?" ":"";o+=r===b?i+A:a>=0?(s.push(l),i.slice(0,a)+"$lit$"+i.slice(a)+_+c):i+_+(-2===a?(s.push(void 0),e):c)}const l=o+(t[i]||"<?>")+(2===e?"</svg>":"");return[void 0!==v?v.createHTML(l):l,s]};class k{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,o=0;const r=t.length-1,l=this.parts,[h,a]=M(t,e);if(this.el=k.createElement(h,i),R.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=R.nextNode())&&l.length<r;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(_)){const i=a[o++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+"$lit$").split(_),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?D:"?"===e[1]?j:"@"===e[1]?V:B})}else l.push({type:6,index:n})}for(const e of t)s.removeAttribute(e)}if(P.test(s.tagName)){const t=s.textContent.split(_),e=t.length-1;if(e>0){s.textContent=$?$.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],g()),R.nextNode(),l.push({type:2,index:++n});s.append(t[e],g())}}}else if(8===s.nodeType)if(s.data===f)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=s.data.indexOf(_,t+1));)l.push({type:7,index:n}),t+=_.length-1}n++}}static createElement(t,e){const i=m.createElement("template");return i.innerHTML=t,i}}function I(t,e,i=t,s){var n,o,r,l;if(e===T)return e;let h=void 0!==s?null===(n=i._$Cl)||void 0===n?void 0:n[s]:i._$Cu;const a=y(e)?void 0:e._$litDirective$;return(null==h?void 0:h.constructor)!==a&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===a?h=void 0:(h=new a(t),h._$AT(t,i,s)),void 0!==s?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[s]=h:i._$Cu=h),void 0!==h&&(e=I(t,h._$AS(t,e.values),h,s)),e}class L{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:s}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:m).importNode(i,!0);R.currentNode=n;let o=R.nextNode(),r=0,l=0,h=s[0];for(;void 0!==h;){if(r===h.index){let e;2===h.type?e=new z(o,o.nextSibling,this,t):1===h.type?e=new h.ctor(o,h.name,h.strings,this,t):6===h.type&&(e=new Z(o,this,t)),this.v.push(e),h=s[++l]}r!==(null==h?void 0:h.index)&&(o=R.nextNode(),r++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class z{constructor(t,e,i,s){var n;this.type=2,this._$AH=N,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cg=null===(n=null==s?void 0:s.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=I(this,t,e),y(t)?t===N||null==t||""===t?(this._$AH!==N&&this._$AR(),this._$AH=N):t!==this._$AH&&t!==T&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return E(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.M(t):this.$(t)}A(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t))}$(t){this._$AH!==N&&y(this._$AH)?this._$AA.nextSibling.data=t:this.S(m.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:s}=t,n="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=k.createElement(s.h,this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new L(n,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=O.get(t.strings);return void 0===e&&O.set(t.strings,e=new k(t)),e}M(t){E(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const n of t)s===e.length?e.push(i=new z(this.A(g()),this.A(g()),this,this.options)):i=e[s],i._$AI(n),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.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._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class B{constructor(t,e,i,s,n){this.type=1,this._$AH=N,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=N}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const n=this.strings;let o=!1;if(void 0===n)t=I(this,t,e,0),o=!y(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else{const s=t;let r,l;for(t=n[0],r=0;r<n.length-1;r++)l=I(this,s[i+r],e,r),l===T&&(l=this._$AH[r]),o||(o=!y(l)||l!==this._$AH[r]),l===N?t=N:t!==N&&(t+=(null!=l?l:"")+n[r+1]),this._$AH[r]=l}o&&!s&&this.k(t)}k(t){t===N?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class D extends B{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===N?void 0:t}}class j extends B{constructor(){super(...arguments),this.type=4}k(t){t&&t!==N?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)}}class V extends B{constructor(t,e,i,s,n){super(t,e,i,s,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=I(this,t,e,0))&&void 0!==i?i:N)===T)return;const s=this._$AH,n=t===N&&s!==N||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==N&&(s===N||n);n&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const W=window.litHtmlPolyfillSupport;
|
|
33
|
+
/**
|
|
34
|
+
* @license
|
|
35
|
+
* Copyright 2017 Google LLC
|
|
36
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
+
*/
|
|
38
|
+
var q,J;null==W||W(k,z),(null!==(p=globalThis.litHtmlVersions)&&void 0!==p?p:globalThis.litHtmlVersions=[]).push("2.0.1");class K extends u{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,i)=>{var s,n;const o=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let r=o._$litPart$;if(void 0===r){const t=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:null;o._$litPart$=r=new z(e.insertBefore(g(),t),t,void 0,null!=i?i:{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return T}}K.finalized=!0,K._$litElement$=!0,null===(q=globalThis.litElementHydrateSupport)||void 0===q||q.call(globalThis,{LitElement:K});const F=globalThis.litElementPolyfillSupport;null==F||F({LitElement:K}),(null!==(J=globalThis.litElementVersions)&&void 0!==J?J:globalThis.litElementVersions=[]).push("3.0.1");t.ZincIcon=class extends K{render(){return H`
|
|
39
|
+
Hello <slot></slot>`}},t.ZincIcon.styles=o(""),t.ZincIcon=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r}([(t=>e=>"function"==typeof e?((t,e)=>(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:s}=e;return{kind:i,elements:s,finisher(e){window.customElements.define(t,e)}}})(t,e))("zn-blank")],t.ZincIcon),Object.defineProperty(t,"__esModule",{value:!0})}({});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
package Blank
|
|
2
|
+
|
|
3
|
+
import (
|
|
4
|
+
"fmt"
|
|
5
|
+
"html/template"
|
|
6
|
+
)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
type Instance struct {
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
func New() Instance {
|
|
13
|
+
return Instance{}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
func (i Instance) Html() template.HTML {
|
|
17
|
+
return template.HTML(fmt.Sprintf(`<zn-blank></zn-blank>`))
|
|
18
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@kubex/zn-blank",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"repository": "git@github.com:kubex/zinc",
|
|
5
|
+
"author": "Brooke Bryan <brooke@bajb.net>",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"main": "ts/Component.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"scss/",
|
|
10
|
+
"ts/"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"lit": "2.0.0-rc.4"
|
|
14
|
+
},
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@rollup/plugin-commonjs": "^20.0.0",
|
|
17
|
+
"@rollup/plugin-node-resolve": "^13.0.4",
|
|
18
|
+
"@rollup/plugin-typescript": "^8.2.5",
|
|
19
|
+
"npm-run-all": "^4.1.5",
|
|
20
|
+
"postcss": "^8.2.10",
|
|
21
|
+
"postcss-import": "^14.0.2",
|
|
22
|
+
"rollup": "^2.44.0",
|
|
23
|
+
"rollup-plugin-postcss": "^4.0.0",
|
|
24
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
25
|
+
"sass": "^1.32.10",
|
|
26
|
+
"tslib": "^2.2.0",
|
|
27
|
+
"typescript": "^4.2.4"
|
|
28
|
+
},
|
|
29
|
+
"scripts": {
|
|
30
|
+
"build": "rollup -c",
|
|
31
|
+
"watch": "rollup -c -w"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "kubex/zinc-components-blank",
|
|
3
|
+
"description": "Kubex Fusion blank",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"authors": [
|
|
6
|
+
{
|
|
7
|
+
"name": "Brooke Bryan",
|
|
8
|
+
"email": "brooke@bajb.net"
|
|
9
|
+
}
|
|
10
|
+
],
|
|
11
|
+
"require": {
|
|
12
|
+
"php": ">=7.4",
|
|
13
|
+
"packaged/safehtml": "~2.2"
|
|
14
|
+
},
|
|
15
|
+
"autoload": {
|
|
16
|
+
"psr-4": {
|
|
17
|
+
"Kubex\\Zinc\\Components\\Blank\\": "src"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"autoload-dev": {
|
|
21
|
+
"psr-4": {
|
|
22
|
+
"Kubex\\ZincTests\\Components\\Blank\\": "tests"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<?php
|
|
2
|
+
namespace Kubex\Zinc\Components\Blank;
|
|
3
|
+
|
|
4
|
+
use Packaged\SafeHtml\ISafeHtmlProducer;
|
|
5
|
+
use Packaged\SafeHtml\SafeHtml;
|
|
6
|
+
|
|
7
|
+
class Blank implements ISafeHtmlProducer
|
|
8
|
+
{
|
|
9
|
+
public function produceSafeHTML(): SafeHtml
|
|
10
|
+
{
|
|
11
|
+
return new SafeHtml(
|
|
12
|
+
sprintf('<zn-blank></zn-blank>')
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import resolve from '@rollup/plugin-node-resolve';
|
|
2
|
+
import typescript from '@rollup/plugin-typescript';
|
|
3
|
+
import {terser} from 'rollup-plugin-terser';
|
|
4
|
+
import commonjs from '@rollup/plugin-commonjs';
|
|
5
|
+
import postcss from 'rollup-plugin-postcss';
|
|
6
|
+
import AtImport from 'postcss-import';
|
|
7
|
+
|
|
8
|
+
const component = {
|
|
9
|
+
input: 'ts/Component.ts',
|
|
10
|
+
output: {
|
|
11
|
+
dir: 'dist',
|
|
12
|
+
format: 'iife',
|
|
13
|
+
entryFileNames: 'zn-blank.js',
|
|
14
|
+
sourcemap: false,
|
|
15
|
+
},
|
|
16
|
+
plugins: [
|
|
17
|
+
resolve({browser: true, preferBuiltins: false}),
|
|
18
|
+
typescript(),
|
|
19
|
+
commonjs(),
|
|
20
|
+
postcss(
|
|
21
|
+
{
|
|
22
|
+
plugins: [AtImport()],
|
|
23
|
+
inject: false,
|
|
24
|
+
extract: false,
|
|
25
|
+
minimize: true,
|
|
26
|
+
sourceMap: false,
|
|
27
|
+
}),
|
|
28
|
+
terser(),
|
|
29
|
+
],
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export default [component];
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import {html, LitElement, unsafeCSS} from 'lit';
|
|
2
|
+
import {customElement} from 'lit/decorators.js';
|
|
3
|
+
// @ts-ignore
|
|
4
|
+
import styles from '../scss/Styles.scss';
|
|
5
|
+
|
|
6
|
+
@customElement('zn-blank')
|
|
7
|
+
export class ZincIcon extends LitElement {
|
|
8
|
+
static styles = unsafeCSS(styles);
|
|
9
|
+
|
|
10
|
+
render() {
|
|
11
|
+
|
|
12
|
+
return html`
|
|
13
|
+
Hello <slot></slot>`;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Zinc-Icon Demo</title>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
24:
|
|
9
|
+
<zn-icon src="wb_sunny" size="24" library="material"></zn-icon>
|
|
10
|
+
<zn-icon src="wb_sunny" size="24" library="material-outlined"></zn-icon>
|
|
11
|
+
<zn-icon src="wb_sunny" size="24" library="material-round"></zn-icon>
|
|
12
|
+
<zn-icon src="wb_sunny" size="24" library="material-sharp"></zn-icon>
|
|
13
|
+
<zn-icon src="wb_sunny" size="24" library="material-two-tone"></zn-icon>
|
|
14
|
+
<zn-icon src="https://www.google.com/favicon.ico" size="24"></zn-icon>
|
|
15
|
+
<hr/>
|
|
16
|
+
48:
|
|
17
|
+
|
|
18
|
+
<zn-icon src="face" size="48" library="material"></zn-icon>
|
|
19
|
+
<zn-icon src="face" size="48" library="material-outlined"></zn-icon>
|
|
20
|
+
<zn-icon src="face" size="48" library="material-round"></zn-icon>
|
|
21
|
+
<zn-icon src="face" size="48" library="material-sharp"></zn-icon>
|
|
22
|
+
<zn-icon src="face" size="48" library="material-two-tone"></zn-icon>
|
|
23
|
+
<zn-icon src="https://www.google.com/favicon.ico" size="48"></zn-icon>
|
|
24
|
+
<hr/>
|
|
25
|
+
120:
|
|
26
|
+
<zn-icon src="face" size="120" library="material"></zn-icon>
|
|
27
|
+
<zn-icon src="face" size="120" library="material-outlined"></zn-icon>
|
|
28
|
+
<zn-icon src="face" size="120" library="material-round"></zn-icon>
|
|
29
|
+
<zn-icon src="face" size="120" library="material-sharp"></zn-icon>
|
|
30
|
+
<zn-icon src="face" size="120" library="material-two-tone"></zn-icon>
|
|
31
|
+
<zn-icon src="face" size="120" library="material-two-tone" class="bluey"></zn-icon>
|
|
32
|
+
|
|
33
|
+
<zn-icon src="https://www.google.com/favicon.ico" size="120"></zn-icon>
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
<hr/>
|
|
37
|
+
<zn-icon>G</zn-icon>
|
|
38
|
+
<zn-icon size="32">G</zn-icon>
|
|
39
|
+
<zn-icon size="48">G</zn-icon>
|
|
40
|
+
<zn-icon size="120">G</zn-icon>
|
|
41
|
+
<zn-icon size="120">W</zn-icon>
|
|
42
|
+
<zn-icon size="120">M</zn-icon>
|
|
43
|
+
|
|
44
|
+
<hr/>
|
|
45
|
+
<zn-icon src="auto_fix_high@material-two-tone"></zn-icon>
|
|
46
|
+
<zn-icon src="auto_fix_high@material-two-tone" size="32"></zn-icon>
|
|
47
|
+
<zn-icon src="auto_fix_high@material-two-tone" size="48"></zn-icon>
|
|
48
|
+
<zn-icon src="auto_fix_high@material-two-tone" size="120"></zn-icon>
|
|
49
|
+
<zn-icon src="auto_fix_high@material-two-tone" size="120"></zn-icon>
|
|
50
|
+
<zn-icon src="auto_fix_high@material-two-tone" size="120"></zn-icon>
|
|
51
|
+
|
|
52
|
+
<hr/>
|
|
53
|
+
<zn-icon src="user@example.com" library="gravatar"></zn-icon>
|
|
54
|
+
<zn-icon src="205e460b479e2e5b48aec07710c08d50" library="gravatar"></zn-icon>
|
|
55
|
+
<zn-icon src="user@example.com#identicon" library="gravatar" size="32"></zn-icon>
|
|
56
|
+
<zn-icon src="user@example.com#monsterid" library="gravatar" size="48"></zn-icon>
|
|
57
|
+
<zn-icon src="user@example.com#wavatar" library="gravatar" size="120"></zn-icon>
|
|
58
|
+
<zn-icon src="user@example.com#retro" library="gravatar" size="120"></zn-icon>
|
|
59
|
+
<zn-icon src="user@example.com#robohash" library="gravatar" size="120"></zn-icon>
|
|
60
|
+
<zn-icon src="205e460b479e2e5b48aec07710c08d50" library="gravatar" size="120"></zn-icon>
|
|
61
|
+
|
|
62
|
+
<hr/>
|
|
63
|
+
<zn-icon src="user@example.com" library="libravatar"></zn-icon>
|
|
64
|
+
<zn-icon src="205e460b479e2e5b48aec07710c08d50" library="libravatar"></zn-icon>
|
|
65
|
+
<zn-icon src="user@example.com#identicon" library="libravatar" size="32"></zn-icon>
|
|
66
|
+
<zn-icon src="user@example.com#monsterid" library="libravatar" size="48"></zn-icon>
|
|
67
|
+
<zn-icon src="user@example.com#wavatar" library="libravatar" size="120"></zn-icon>
|
|
68
|
+
<zn-icon src="user@example.com#retro" library="libravatar" size="120"></zn-icon>
|
|
69
|
+
<zn-icon src="user@example.com#robohash" library="libravatar" size="120"></zn-icon>
|
|
70
|
+
<zn-icon src="user@example.com#pagan" library="libravatar" size="120"></zn-icon>
|
|
71
|
+
<zn-icon src="example@gravatar.com" library="libravatar" size="120"></zn-icon>
|
|
72
|
+
|
|
73
|
+
<hr/>
|
|
74
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="8"></zn-icon>
|
|
75
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="16"></zn-icon>
|
|
76
|
+
<zn-icon round src="example@gravatar.com" library="gravatar"></zn-icon>
|
|
77
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="32"></zn-icon>
|
|
78
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="48"></zn-icon>
|
|
79
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="100"></zn-icon>
|
|
80
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="150"></zn-icon>
|
|
81
|
+
<zn-icon round src="example@gravatar.com" library="gravatar" size="200"></zn-icon>
|
|
82
|
+
|
|
83
|
+
<script src="../dist/zn-icon.js" type="text/javascript"></script>
|
|
84
|
+
<style>
|
|
85
|
+
zn-icon.bluey[library="material-two-tone"] {
|
|
86
|
+
filter: invert(0.5) sepia(1) saturate(10) hue-rotate(181deg);
|
|
87
|
+
}
|
|
88
|
+
</style>
|
|
89
|
+
</body>
|
|
90
|
+
</html>
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
!function(t){"use strict";
|
|
2
|
+
/*! *****************************************************************************
|
|
3
|
+
Copyright (c) Microsoft Corporation.
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
+
***************************************************************************** */function e(t,e,i,s){var n,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(o=(r<3?n(o):r>3?n(e,i,o):n(e,i))||o);return r>3&&o&&Object.defineProperty(e,i,o),o
|
|
16
|
+
/**
|
|
17
|
+
* @license
|
|
18
|
+
* Copyright 2019 Google LLC
|
|
19
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
20
|
+
*/}const i=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),n=new Map;class r{constructor(t,e){if(this._$cssResult$=!0,e!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=n.get(this.cssText);return i&&void 0===t&&(n.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const o=t=>new r("string"==typeof t?t:t+"",s),l=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return o(e)})(t):t
|
|
21
|
+
/**
|
|
22
|
+
* @license
|
|
23
|
+
* Copyright 2017 Google LLC
|
|
24
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
+
*/;var a;const h=window.reactiveElementPolyfillSupport,c={toAttribute(t,e){switch(e){case Boolean:t=t?"":null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},d=(t,e)=>e!==t&&(e==e||t==t),u={attribute:!0,type:String,converter:c,reflect:!1,hasChanged:d};class p extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Eh(i,e);void 0!==s&&(this._$Eu.set(s,i),t.push(s))})),t}static createProperty(t,e=u){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const n=this[t];this[e]=s,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||u}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Eh(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ev=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Ep(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$Em)&&void 0!==e?e:this._$Em=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$Em)||void 0===e||e.splice(this._$Em.indexOf(t)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),s=window.litNonce;void 0!==s&&i.setAttribute("nonce",s),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Em)||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._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$Eg(t,e,i=u){var s,n;const r=this.constructor._$Eh(t,i);if(void 0!==r&&!0===i.reflect){const o=(null!==(n=null===(s=i.converter)||void 0===s?void 0:s.toAttribute)&&void 0!==n?n:c.toAttribute)(e,i.type);this._$Ei=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$Ei=null}}_$AK(t,e){var i,s,n;const r=this.constructor,o=r._$Eu.get(t);if(void 0!==o&&this._$Ei!==o){const t=r.getPropertyOptions(o),l=t.converter,a=null!==(n=null!==(s=null===(i=l)||void 0===i?void 0:i.fromAttribute)&&void 0!==s?s:"function"==typeof l?l:null)&&void 0!==n?n:c.fromAttribute;this._$Ei=o,this[o]=a(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||d)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$ES&&(this._$ES=new Map),this._$ES.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}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._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Em)||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)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(t){return!0}update(t){void 0!==this._$ES&&(this._$ES.forEach(((t,e)=>this._$Eg(e,this[e],t))),this._$ES=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
|
|
26
|
+
/**
|
|
27
|
+
* @license
|
|
28
|
+
* Copyright 2017 Google LLC
|
|
29
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
30
|
+
*/
|
|
31
|
+
var v;p.finalized=!0,p.elementProperties=new Map,p.elementStyles=[],p.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:p}),(null!==(a=globalThis.reactiveElementVersions)&&void 0!==a?a:globalThis.reactiveElementVersions=[]).push("1.0.1");const $=globalThis.trustedTypes,f=$?$.createPolicy("lit-html",{createHTML:t=>t}):void 0,m=`lit$${(Math.random()+"").slice(9)}$`,_="?"+m,g=`<${_}>`,y=document,A=(t="")=>y.createComment(t),b=t=>null===t||"object"!=typeof t&&"function"!=typeof t,S=Array.isArray,E=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,C=/>/g,x=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,P=/'/g,U=/"/g,O=/^(?:script|style|textarea)$/i,T=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),M=Symbol.for("lit-noChange"),H=Symbol.for("lit-nothing"),k=new WeakMap,N=(t,e,i)=>{var s,n;const r=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let o=r._$litPart$;if(void 0===o){const t=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:null;r._$litPart$=o=new B(e.insertBefore(A(),t),t,void 0,null!=i?i:{})}return o._$AI(t),o},z=y.createTreeWalker(y,129,null,!1),R=(t,e)=>{const i=t.length-1,s=[];let n,r=2===e?"<svg>":"",o=E;for(let e=0;e<i;e++){const i=t[e];let l,a,h=-1,c=0;for(;c<i.length&&(o.lastIndex=c,a=o.exec(i),null!==a);)c=o.lastIndex,o===E?"!--"===a[1]?o=w:void 0!==a[1]?o=C:void 0!==a[2]?(O.test(a[2])&&(n=RegExp("</"+a[2],"g")),o=x):void 0!==a[3]&&(o=x):o===x?">"===a[0]?(o=null!=n?n:E,h=-1):void 0===a[1]?h=-2:(h=o.lastIndex-a[2].length,l=a[1],o=void 0===a[3]?x:'"'===a[3]?U:P):o===U||o===P?o=x:o===w||o===C?o=E:(o=x,n=void 0);const d=o===x&&t[e+1].startsWith("/>")?" ":"";r+=o===E?i+g:h>=0?(s.push(l),i.slice(0,h)+"$lit$"+i.slice(h)+m+d):i+m+(-2===h?(s.push(void 0),e):d)}const l=r+(t[i]||"<?>")+(2===e?"</svg>":"");return[void 0!==f?f.createHTML(l):l,s]};class I{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,r=0;const o=t.length-1,l=this.parts,[a,h]=R(t,e);if(this.el=I.createElement(a,i),z.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=z.nextNode())&&l.length<o;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(m)){const i=h[r++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+"$lit$").split(m),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?Z:"?"===e[1]?V:"@"===e[1]?W:D})}else l.push({type:6,index:n})}for(const e of t)s.removeAttribute(e)}if(O.test(s.tagName)){const t=s.textContent.split(m),e=t.length-1;if(e>0){s.textContent=$?$.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],A()),z.nextNode(),l.push({type:2,index:++n});s.append(t[e],A())}}}else if(8===s.nodeType)if(s.data===_)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=s.data.indexOf(m,t+1));)l.push({type:7,index:n}),t+=m.length-1}n++}}static createElement(t,e){const i=y.createElement("template");return i.innerHTML=t,i}}function L(t,e,i=t,s){var n,r,o,l;if(e===M)return e;let a=void 0!==s?null===(n=i._$Cl)||void 0===n?void 0:n[s]:i._$Cu;const h=b(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,i,s)),void 0!==s?(null!==(o=(l=i)._$Cl)&&void 0!==o?o:l._$Cl=[])[s]=a:i._$Cu=a),void 0!==a&&(e=L(t,a._$AS(t,e.values),a,s)),e}class j{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:s}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:y).importNode(i,!0);z.currentNode=n;let r=z.nextNode(),o=0,l=0,a=s[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new B(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new q(r,this,t)),this.v.push(e),a=s[++l]}o!==(null==a?void 0:a.index)&&(r=z.nextNode(),o++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class B{constructor(t,e,i,s){var n;this.type=2,this._$AH=H,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cg=null===(n=null==s?void 0:s.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=L(this,t,e),b(t)?t===H||null==t||""===t?(this._$AH!==H&&this._$AR(),this._$AH=H):t!==this._$AH&&t!==M&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return S(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.M(t):this.$(t)}A(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t))}$(t){this._$AH!==H&&b(this._$AH)?this._$AA.nextSibling.data=t:this.S(y.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:s}=t,n="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=I.createElement(s.h,this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new j(n,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=k.get(t.strings);return void 0===e&&k.set(t.strings,e=new I(t)),e}M(t){S(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const n of t)s===e.length?e.push(i=new B(this.A(A()),this.A(A()),this,this.options)):i=e[s],i._$AI(n),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.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._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class D{constructor(t,e,i,s,n){this.type=1,this._$AH=H,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=H}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const n=this.strings;let r=!1;if(void 0===n)t=L(this,t,e,0),r=!b(t)||t!==this._$AH&&t!==M,r&&(this._$AH=t);else{const s=t;let o,l;for(t=n[0],o=0;o<n.length-1;o++)l=L(this,s[i+o],e,o),l===M&&(l=this._$AH[o]),r||(r=!b(l)||l!==this._$AH[o]),l===H?t=H:t!==H&&(t+=(null!=l?l:"")+n[o+1]),this._$AH[o]=l}r&&!s&&this.k(t)}k(t){t===H?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class Z extends D{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===H?void 0:t}}class V extends D{constructor(){super(...arguments),this.type=4}k(t){t&&t!==H?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)}}class W extends D{constructor(t,e,i,s,n){super(t,e,i,s,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=L(this,t,e,0))&&void 0!==i?i:H)===M)return;const s=this._$AH,n=t===H&&s!==H||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==H&&(s===H||n);n&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class q{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}}const K=window.litHtmlPolyfillSupport;
|
|
32
|
+
/**
|
|
33
|
+
* @license
|
|
34
|
+
* Copyright 2017 Google LLC
|
|
35
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
36
|
+
*/
|
|
37
|
+
var J,F;null==K||K(I,B),(null!==(v=globalThis.litHtmlVersions)&&void 0!==v?v:globalThis.litHtmlVersions=[]).push("2.0.1");class G extends p{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=N(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return M}}G.finalized=!0,G._$litElement$=!0,null===(J=globalThis.litElementHydrateSupport)||void 0===J||J.call(globalThis,{LitElement:G});const Q=globalThis.litElementPolyfillSupport;null==Q||Q({LitElement:G}),(null!==(F=globalThis.litElementVersions)&&void 0!==F?F:globalThis.litElementVersions=[]).push("3.0.1");
|
|
38
|
+
/**
|
|
39
|
+
* @license
|
|
40
|
+
* Copyright 2017 Google LLC
|
|
41
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
42
|
+
*/
|
|
43
|
+
const X=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(i){i.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(i){i.createProperty(e.key,t)}};
|
|
44
|
+
/**
|
|
45
|
+
* @license
|
|
46
|
+
* Copyright 2017 Google LLC
|
|
47
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
48
|
+
*/function Y(t){return(e,i)=>void 0!==i?((t,e,i)=>{e.constructor.createProperty(i,t)})(t,e,i):X(t,e)}const tt="",et="material",it="material-outlined",st="material-round",nt="material-sharp",rt="material-two-tone",ot="gravatar",lt="libravatar";t.ZincIcon=class extends G{constructor(){super(...arguments),this.gravatarOptions="",this.src="",this.size=24,this.library=tt,this.round=!1}connectedCallback(){if(super.connectedCallback(),N(T`
|
|
49
|
+
<link
|
|
50
|
+
href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp|Material+Icons+Two+Tone"
|
|
51
|
+
rel="stylesheet">`,document.head),this.src.includes("@")){if(""==this.library){const t=this.src.split("@");t[1].includes(".")?this.library=ot:(this.library=t[1],this.src=t[0])}this.library!=ot&&this.library!=lt||(this.ravatarOptions(),this.src=function(t){function e(t,e){return t<<e|t>>>32-e}function i(t,e){var i,s,n,r,o;return n=2147483648&t,r=2147483648&e,o=(1073741823&t)+(1073741823&e),(i=1073741824&t)&(s=1073741824&e)?2147483648^o^n^r:i|s?1073741824&o?3221225472^o^n^r:1073741824^o^n^r:o^n^r}function s(t,s,n,r,o,l,a){return t=i(t,i(i(function(t,e,i){return t&e|~t&i}(s,n,r),o),a)),i(e(t,l),s)}function n(t,s,n,r,o,l,a){return t=i(t,i(i(function(t,e,i){return t&i|e&~i}(s,n,r),o),a)),i(e(t,l),s)}function r(t,s,n,r,o,l,a){return t=i(t,i(i(function(t,e,i){return t^e^i}(s,n,r),o),a)),i(e(t,l),s)}function o(t,s,n,r,o,l,a){return t=i(t,i(i(function(t,e,i){return e^(t|~i)}(s,n,r),o),a)),i(e(t,l),s)}function l(t){var e,i="",s="";for(e=0;e<=3;e++)i+=(s="0"+(t>>>8*e&255).toString(16)).substr(s.length-2,2);return i}var a,h,c,d,u,p,v,$,f,m=Array();for(t=function(t){t=t.replace(/\r\n/g,"\n");for(var e="",i=0;i<t.length;i++){var s=t.charCodeAt(i);s<128?e+=String.fromCharCode(s):s>127&&s<2048?(e+=String.fromCharCode(s>>6|192),e+=String.fromCharCode(63&s|128)):(e+=String.fromCharCode(s>>12|224),e+=String.fromCharCode(s>>6&63|128),e+=String.fromCharCode(63&s|128))}return e}(t),m=function(t){for(var e,i=t.length,s=i+8,n=16*((s-s%64)/64+1),r=Array(n-1),o=0,l=0;l<i;)o=l%4*8,r[e=(l-l%4)/4]=r[e]|t.charCodeAt(l)<<o,l++;return o=l%4*8,r[e=(l-l%4)/4]=r[e]|128<<o,r[n-2]=i<<3,r[n-1]=i>>>29,r}(t),p=1732584193,v=4023233417,$=2562383102,f=271733878,a=0;a<m.length;a+=16)h=p,c=v,d=$,u=f,p=s(p,v,$,f,m[a+0],7,3614090360),f=s(f,p,v,$,m[a+1],12,3905402710),$=s($,f,p,v,m[a+2],17,606105819),v=s(v,$,f,p,m[a+3],22,3250441966),p=s(p,v,$,f,m[a+4],7,4118548399),f=s(f,p,v,$,m[a+5],12,1200080426),$=s($,f,p,v,m[a+6],17,2821735955),v=s(v,$,f,p,m[a+7],22,4249261313),p=s(p,v,$,f,m[a+8],7,1770035416),f=s(f,p,v,$,m[a+9],12,2336552879),$=s($,f,p,v,m[a+10],17,4294925233),v=s(v,$,f,p,m[a+11],22,2304563134),p=s(p,v,$,f,m[a+12],7,1804603682),f=s(f,p,v,$,m[a+13],12,4254626195),$=s($,f,p,v,m[a+14],17,2792965006),p=n(p,v=s(v,$,f,p,m[a+15],22,1236535329),$,f,m[a+1],5,4129170786),f=n(f,p,v,$,m[a+6],9,3225465664),$=n($,f,p,v,m[a+11],14,643717713),v=n(v,$,f,p,m[a+0],20,3921069994),p=n(p,v,$,f,m[a+5],5,3593408605),f=n(f,p,v,$,m[a+10],9,38016083),$=n($,f,p,v,m[a+15],14,3634488961),v=n(v,$,f,p,m[a+4],20,3889429448),p=n(p,v,$,f,m[a+9],5,568446438),f=n(f,p,v,$,m[a+14],9,3275163606),$=n($,f,p,v,m[a+3],14,4107603335),v=n(v,$,f,p,m[a+8],20,1163531501),p=n(p,v,$,f,m[a+13],5,2850285829),f=n(f,p,v,$,m[a+2],9,4243563512),$=n($,f,p,v,m[a+7],14,1735328473),p=r(p,v=n(v,$,f,p,m[a+12],20,2368359562),$,f,m[a+5],4,4294588738),f=r(f,p,v,$,m[a+8],11,2272392833),$=r($,f,p,v,m[a+11],16,1839030562),v=r(v,$,f,p,m[a+14],23,4259657740),p=r(p,v,$,f,m[a+1],4,2763975236),f=r(f,p,v,$,m[a+4],11,1272893353),$=r($,f,p,v,m[a+7],16,4139469664),v=r(v,$,f,p,m[a+10],23,3200236656),p=r(p,v,$,f,m[a+13],4,681279174),f=r(f,p,v,$,m[a+0],11,3936430074),$=r($,f,p,v,m[a+3],16,3572445317),v=r(v,$,f,p,m[a+6],23,76029189),p=r(p,v,$,f,m[a+9],4,3654602809),f=r(f,p,v,$,m[a+12],11,3873151461),$=r($,f,p,v,m[a+15],16,530742520),p=o(p,v=r(v,$,f,p,m[a+2],23,3299628645),$,f,m[a+0],6,4096336452),f=o(f,p,v,$,m[a+7],10,1126891415),$=o($,f,p,v,m[a+14],15,2878612391),v=o(v,$,f,p,m[a+5],21,4237533241),p=o(p,v,$,f,m[a+12],6,1700485571),f=o(f,p,v,$,m[a+3],10,2399980690),$=o($,f,p,v,m[a+10],15,4293915773),v=o(v,$,f,p,m[a+1],21,2240044497),p=o(p,v,$,f,m[a+8],6,1873313359),f=o(f,p,v,$,m[a+15],10,4264355552),$=o($,f,p,v,m[a+6],15,2734768916),v=o(v,$,f,p,m[a+13],21,1309151649),p=o(p,v,$,f,m[a+4],6,4149444226),f=o(f,p,v,$,m[a+11],10,3174756917),$=o($,f,p,v,m[a+2],15,718787259),v=o(v,$,f,p,m[a+9],21,3951481745),p=i(p,h),v=i(v,c),$=i($,d),f=i(f,u);return(l(p)+l(v)+l($)+l(f)).toLowerCase()}(this.src))}this.ravatarOptions()}ravatarOptions(){if((this.library==ot||this.library==lt)&&this.src.includes("#")){const t=this.src.split("#");this.gravatarOptions="&d="+t[1],this.src=t[0]}}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"size"==t&&(this.size=Number(i)-Number(i)%8,this.style.setProperty("--icon-size",this.size+"px"))}render(){switch(this.library){case et:return T`<i class="mi mi">${this.src}</i>`;case it:return T`<i class="mi mi--outlined">${this.src}</i>`;case st:return T`<i class="mi mi--round">${this.src}</i>`;case nt:return T`<i class="mi mi--sharp">${this.src}</i>`;case rt:return T`<i class="mi mi--two-tone">${this.src}</i>`;case ot:return T`<img
|
|
52
|
+
src="https://www.gravatar.com/avatar/${this.src}?s=${this.size}${this.gravatarOptions}"/>`;case lt:return T`<img
|
|
53
|
+
src="https://seccdn.libravatar.org/avatar/${this.src}?s=${this.size}${this.gravatarOptions}"/>`}return""!=this.src?T`
|
|
54
|
+
<img src="${this.src}" class="${this.library}/">`:T`
|
|
55
|
+
<slot></slot>`}},t.ZincIcon.styles=o(':root{--icon-size:24}:host{align-items:center;display:inline-flex;font-family:sans-serif;height:var(--icon-size);justify-content:center;margin:0;overflow:hidden;padding:0;text-align:center;user-select:none;width:var(--icon-size)}:host,:host i{font-size:var(--icon-size)}:host([round]){border-radius:50%}img{height:100%;width:100%}.mi{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons;font-size:inherit;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.mi--outlined{font-family:Material Icons Outlined}.mi--round{font-family:Material Icons Round}.mi--sharp{font-family:Material Icons Sharp}.mi--two-tone{font-family:Material Icons Two Tone}'),e([Y({reflect:!0})],t.ZincIcon.prototype,"src",void 0),e([Y({reflect:!0})],t.ZincIcon.prototype,"size",void 0),e([Y({reflect:!0})],t.ZincIcon.prototype,"library",void 0),e([Y()],t.ZincIcon.prototype,"round",void 0),t.ZincIcon=e([(t=>e=>"function"==typeof e?((t,e)=>(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:s}=e;return{kind:i,elements:s,finisher(e){window.customElements.define(t,e)}}})(t,e))("zn-icon")],t.ZincIcon),Object.defineProperty(t,"__esModule",{value:!0})}({});
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
package Icon
|
|
2
|
+
|
|
3
|
+
import (
|
|
4
|
+
"fmt"
|
|
5
|
+
"html/template"
|
|
6
|
+
)
|
|
7
|
+
|
|
8
|
+
type Library string
|
|
9
|
+
|
|
10
|
+
const (
|
|
11
|
+
LibraryMaterial Library = "material"
|
|
12
|
+
LibraryMaterialOutlined Library = "material.outlined"
|
|
13
|
+
LibraryMaterialRound Library = "material.round"
|
|
14
|
+
LibraryMaterialSharp Library = "material.sharp"
|
|
15
|
+
LibraryMaterialTwoTone Library = "material.two-tone"
|
|
16
|
+
LibraryGravatar Library = "gravatar"
|
|
17
|
+
)
|
|
18
|
+
|
|
19
|
+
type Size int
|
|
20
|
+
|
|
21
|
+
const (
|
|
22
|
+
Size16 Size = 16
|
|
23
|
+
Size24 Size = 24
|
|
24
|
+
Size32 Size = 32
|
|
25
|
+
Size40 Size = 40
|
|
26
|
+
Size48 Size = 48
|
|
27
|
+
Size56 Size = 56
|
|
28
|
+
Size64 Size = 64
|
|
29
|
+
Size80 Size = 80
|
|
30
|
+
Size96 Size = 96
|
|
31
|
+
Size120 Size = 120
|
|
32
|
+
Size144 Size = 144
|
|
33
|
+
Size160 Size = 160
|
|
34
|
+
Size200 Size = 200
|
|
35
|
+
Size240 Size = 240
|
|
36
|
+
Size280 Size = 280
|
|
37
|
+
Size320 Size = 320
|
|
38
|
+
)
|
|
39
|
+
|
|
40
|
+
type Instance struct {
|
|
41
|
+
src string
|
|
42
|
+
library Library
|
|
43
|
+
size Size
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
func Default(src string) Instance { return New(src, LibraryMaterialOutlined) }
|
|
47
|
+
func New(src string, library Library) Instance {
|
|
48
|
+
return Instance{src: src, library: library, size: Size24}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
func (i Instance) Size() Size { return i.size }
|
|
52
|
+
func (i *Instance) SetSize(size Size) { i.size = size }
|
|
53
|
+
|
|
54
|
+
func (i Instance) Html() template.HTML {
|
|
55
|
+
return template.HTML(fmt.Sprintf(`<zn-icon src="%s" library="%s" size="%d"></zn-icon>`, i.src, i.library, i.size))
|
|
56
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@kubex/zn-icon",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"repository": "git@github.com:kubex/zinc",
|
|
5
|
+
"author": "Brooke Bryan <brooke@bajb.net>",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"main": "ts/Component.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"scss/",
|
|
10
|
+
"ts/"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"lit": "2.0.0-rc.4"
|
|
14
|
+
},
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@rollup/plugin-commonjs": "^20.0.0",
|
|
17
|
+
"@rollup/plugin-node-resolve": "^13.0.4",
|
|
18
|
+
"@rollup/plugin-typescript": "^8.2.5",
|
|
19
|
+
"npm-run-all": "^4.1.5",
|
|
20
|
+
"postcss": "^8.2.10",
|
|
21
|
+
"postcss-import": "^14.0.2",
|
|
22
|
+
"rollup": "^2.44.0",
|
|
23
|
+
"rollup-plugin-postcss": "^4.0.0",
|
|
24
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
25
|
+
"sass": "^1.32.10",
|
|
26
|
+
"tslib": "^2.2.0",
|
|
27
|
+
"typescript": "^4.2.4"
|
|
28
|
+
},
|
|
29
|
+
"scripts": {
|
|
30
|
+
"build": "rollup -c",
|
|
31
|
+
"watch": "rollup -c -w"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "kubex/zinc-components-icon",
|
|
3
|
+
"description": "Zinc Icon",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"authors": [
|
|
6
|
+
{
|
|
7
|
+
"name": "Brooke Bryan",
|
|
8
|
+
"email": "brooke@bajb.net"
|
|
9
|
+
}
|
|
10
|
+
],
|
|
11
|
+
"require": {
|
|
12
|
+
"php": ">=7.4",
|
|
13
|
+
"packaged/safehtml": "~2.2",
|
|
14
|
+
"packaged/enum": "^1.4"
|
|
15
|
+
},
|
|
16
|
+
"autoload": {
|
|
17
|
+
"psr-4": {
|
|
18
|
+
"Kubex\\Zinc\\Components\\Icon\\": "src"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"autoload-dev": {
|
|
22
|
+
"psr-4": {
|
|
23
|
+
"Kubex\\ZincTests\\Components\\Icon\\": "tests"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|