@nuralyui/icon 0.0.1

package/demo/hy-icon-demo.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export declare class HyIconDemo extends LitElement {
+    static readonly styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hy-icon-demo': HyIconDemo;
+    }
+}
+//# sourceMappingURL=hy-icon-demo.d.ts.map

package/demo/hy-icon-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-icon-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/demo/hy-icon-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAG1C,qBACa,UAAW,SAAQ,UAAU;IACxC,gBAAyB,MAAM,0BAa7B;IACO,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/demo/hy-icon-demo.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let HyIconDemo = class HyIconDemo extends LitElement {
+    render() {
+        return html `
+      <h3>Default icon (solid)</h3>
+      <hy-icon name="envelope"></hy-icon>
+      <h3>Icon with overriden color</h3>
+      <hy-icon id="first-icon" name="check"></hy-icon>
+      <h3>Icon with overriden size</h3>
+      <hy-icon id="second-icon" name="warning"></hy-icon>
+      <h3>Icon with overriden size and color</h3>
+      <hy-icon id="third-icon" name="bug"></hy-icon>
+      <h3>Regular icon</h3>
+      <hy-icon name="envelope" type="regular"></hy-icon>
+    `;
+    }
+};
+HyIconDemo.styles = css `
+    #first-icon {
+      --hybrid-icon-color: red;
+    }
+    #second-icon {
+      --hybrid-icon-width: 20px;
+      --hybrid-icon-height: 25px;
+    }
+    #third-icon {
+      --hybrid-icon-width: 30px;
+      --hybrid-icon-height: 35px;
+      --hybrid-icon-color: green;
+    }
+  `;
+HyIconDemo = __decorate([
+    customElement('hy-icon-demo')
+], HyIconDemo);
+export { HyIconDemo };
+//# sourceMappingURL=hy-icon-demo.js.map

package/demo/hy-icon-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-icon-demo.js","sourceRoot":"","sources":["../../../../src/components/icon/demo/hy-icon-demo.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,UAAU;IAe/B,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC;CACF,CAAA;AA5B0B,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;GAanC,CAAA;AAdS,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CA6BtB;SA7BY,UAAU","sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement} from 'lit/decorators.js';\n\n@customElement('hy-icon-demo')\nexport class HyIconDemo extends LitElement {\n  static override readonly styles = css`\n    #first-icon {\n      --hybrid-icon-color: red;\n    }\n    #second-icon {\n      --hybrid-icon-width: 20px;\n      --hybrid-icon-height: 25px;\n    }\n    #third-icon {\n      --hybrid-icon-width: 30px;\n      --hybrid-icon-height: 35px;\n      --hybrid-icon-color: green;\n    }\n  `;\n  override render() {\n    return html`\n      <h3>Default icon (solid)</h3>\n      <hy-icon name=\"envelope\"></hy-icon>\n      <h3>Icon with overriden color</h3>\n      <hy-icon id=\"first-icon\" name=\"check\"></hy-icon>\n      <h3>Icon with overriden size</h3>\n      <hy-icon id=\"second-icon\" name=\"warning\"></hy-icon>\n      <h3>Icon with overriden size and color</h3>\n      <hy-icon id=\"third-icon\" name=\"bug\"></hy-icon>\n      <h3>Regular icon</h3>\n      <hy-icon name=\"envelope\" type=\"regular\"></hy-icon>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hy-icon-demo': HyIconDemo;\n  }\n}\n"]}

package/icon.component.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/// <reference types="react" />
+import { LitElement } from 'lit';
+import { IconTypes } from './icon.types.js';
+export declare class HyIconElement extends LitElement {
+    name: string;
+    type: IconTypes;
+    static readonly styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+    getIconPath(): any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hy-icon': HyIconElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'hy-icon': React.DetailedHTMLProps<React.HTMLAttributes<HyIconElement>, HyIconElement> | Partial<HyIconElement>;
+        }
+    }
+}
+//# sourceMappingURL=icon.component.d.ts.map

package/icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.component.ts"],"names":[],"mappings":"AACA;;;;GAIG;;AAEH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AASrC,OAAO,EAAC,SAAS,EAAiC,MAAM,iBAAiB,CAAC;AAE1E,qBACa,aAAc,SAAQ,UAAU;IAE3C,IAAI,EAAG,MAAM,CAAC;IAEd,IAAI,YAAmB;IAEvB,gBAAyB,MAAM,4BAAU;IAChC,MAAM;IAOf,WAAW;CAKZ;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,aAAa,CAAC;KAC1B;IAED,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;SACjH;KACF;CACF"}

package/icon.component.js

@@ -0,0 +1,51 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * @license
+ * Copyright 2023 Nuraly Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { library, dom } from '@fortawesome/fontawesome-svg-core';
+import { far } from '@fortawesome/free-regular-svg-icons';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+library.add(fas, far);
+dom.watch();
+import { styles } from './icon.style.js';
+import { regularIconPack, solidIconPack } from './icon.types.js';
+let HyIconElement = class HyIconElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = "solid" /* IconTypes.Solid */;
+    }
+    render() {
+        return html `
+      <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 550 550">
+        <path d="${this.getIconPath()}" />
+      </svg>
+    `;
+    }
+    getIconPath() {
+        const iconPack = this.type == "solid" /* IconTypes.Solid */ ? solidIconPack : regularIconPack;
+        const iconDefinition = library.definitions[iconPack][this.name];
+        return iconDefinition ? iconDefinition[4] : '';
+    }
+};
+HyIconElement.styles = styles;
+__decorate([
+    property({ type: String })
+], HyIconElement.prototype, "name", void 0);
+__decorate([
+    property()
+], HyIconElement.prototype, "type", void 0);
+HyIconElement = __decorate([
+    customElement('hy-icon')
+], HyIconElement);
+export { HyIconElement };
+//# sourceMappingURL=icon.component.js.map

package/icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../src/components/icon/icon.component.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD;;;;GAIG;;;;;;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,OAAO,EAAE,GAAG,EAAC,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAC,GAAG,EAAC,MAAM,qCAAqC,CAAC;AACxD,OAAO,EAAC,GAAG,EAAC,MAAM,mCAAmC,CAAC;AACtD,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACtB,GAAG,CAAC,KAAK,EAAE,CAAC;AAEZ,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAY,eAAe,EAAE,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAG1E,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,UAAU;IAA7C;;QAIE,SAAI,iCAAmB;IAezB,CAAC;IAZU,MAAM;QACb,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,WAAW,EAAE;;KAEhC,CAAC;IACJ,CAAC;IACD,WAAW;QACT,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,iCAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;QAChF,MAAM,cAAc,GAAI,OAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzE,OAAO,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,CAAC;CACF,CAAA;AAb0B,oBAAM,GAAG,MAAO,CAAA;AAJzC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACX;AAEd;IADC,QAAQ,EAAE;2CACY;AAJZ,aAAa;IADzB,aAAa,CAAC,SAAS,CAAC;GACZ,aAAa,CAmBzB;SAnBY,aAAa","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Nuraly Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport {LitElement, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {library, dom} from '@fortawesome/fontawesome-svg-core';\nimport {far} from '@fortawesome/free-regular-svg-icons';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nlibrary.add(fas, far);\ndom.watch();\n\nimport {styles} from './icon.style.js';\nimport {IconTypes, regularIconPack, solidIconPack} from './icon.types.js';\n\n@customElement('hy-icon')\nexport class HyIconElement extends LitElement {\n  @property({type: String})\n  name!: string;\n  @property()\n  type = IconTypes.Solid;\n\n  static override readonly styles = styles;\n  override render() {\n    return html`\n      <svg class=\"svg-icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 550 550\">\n        <path d=\"${this.getIconPath()}\" />\n      </svg>\n    `;\n  }\n  getIconPath() {\n    const iconPack = this.type == IconTypes.Solid ? solidIconPack : regularIconPack;\n    const iconDefinition = (library as any).definitions[iconPack][this.name];\n    return iconDefinition ? iconDefinition[4] : '';\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hy-icon': HyIconElement;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'hy-icon': React.DetailedHTMLProps<React.HTMLAttributes<HyIconElement>, HyIconElement> | Partial<HyIconElement>;\n    }\n  }\n}\n"]}

package/icon.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult[];
+//# sourceMappingURL=icon.style.d.ts.map

package/icon.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.style.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.style.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM,2BAA+B,CAAC"}

package/icon.style.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+import { styleVariables } from './icon.variables.js';
+const iconStyles = css `
+  .svg-icon {
+    fill: var(--hybrid-icon-color);
+    width: var(--hybrid-icon-width);
+    height: var(--hybrid-icon-height);
+  }
+`;
+export const styles = [iconStyles, styleVariables];
+//# sourceMappingURL=icon.style.js.map

package/icon.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.style.js","sourceRoot":"","sources":["../../../src/components/icon/icon.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAEnD,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;CAMrB,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import {css} from 'lit';\nimport {styleVariables} from './icon.variables.js';\n\nconst iconStyles = css`\n  .svg-icon {\n    fill: var(--hybrid-icon-color);\n    width: var(--hybrid-icon-width);\n    height: var(--hybrid-icon-height);\n  }\n`;\nexport const styles = [iconStyles, styleVariables];\n"]}

package/icon.types.d.ts

@@ -0,0 +1,7 @@
+export declare const enum IconTypes {
+    Solid = "solid",
+    Regular = "regular"
+}
+export declare const solidIconPack = "fas";
+export declare const regularIconPack = "far";
+//# sourceMappingURL=icon.types.d.ts.map

package/icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.types.ts"],"names":[],"mappings":"AAAA,0BAAkB,SAAS;IACzB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AACD,eAAO,MAAM,aAAa,QAAQ,CAAC;AACnC,eAAO,MAAM,eAAe,QAAQ,CAAC"}

package/icon.types.js

@@ -0,0 +1,3 @@
+export const solidIconPack = 'fas';
+export const regularIconPack = 'far';
+//# sourceMappingURL=icon.types.js.map

package/icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types.js","sourceRoot":"","sources":["../../../src/components/icon/icon.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC","sourcesContent":["export const enum IconTypes {\n  Solid = 'solid',\n  Regular = 'regular',\n}\nexport const solidIconPack = 'fas';\nexport const regularIconPack = 'far';\n"]}

package/icon.variables.d.ts

@@ -0,0 +1,2 @@
+export declare const styleVariables: import("lit").CSSResult;
+//# sourceMappingURL=icon.variables.d.ts.map

package/icon.variables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.variables.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.variables.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAW1B,CAAC"}

package/icon.variables.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export const styleVariables = css `
+  :host {
+    --hybrid-icon-color: #000000;
+    --hybrid-icon-width: 14px;
+    --hybrid-icon-height: 15px;
+  }
+  @media (prefers-color-scheme: dark) {
+    :host {
+      --hybrid-icon-color: #ffffff;
+    }
+  }
+`;
+//# sourceMappingURL=icon.variables.js.map

package/icon.variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.variables.js","sourceRoot":"","sources":["../../../src/components/icon/icon.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport const styleVariables = css`\n  :host {\n    --hybrid-icon-color: #000000;\n    --hybrid-icon-width: 14px;\n    --hybrid-icon-height: 15px;\n  }\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --hybrid-icon-color: #ffffff;\n    }\n  }\n`;\n"]}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon.component.js';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export * from './icon.component.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './icon.component.js';\n"]}

package/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "@nuralyui/icon",
+    "version": "0.0.1",
+    "description": "",
+    "main": "index.js",
+    "type": "module",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "Labidi Aymen",
+    "license": "ISC"
+}

package/react.d.ts

@@ -0,0 +1,3 @@
+import { HyIconElement } from './icon.component.js';
+export declare const HyIcon: import("@lit-labs/react").ReactWebComponent<HyIconElement, {}>;
+//# sourceMappingURL=react.d.ts.map

package/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/icon/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAClD,eAAO,MAAM,MAAM,gEAIjB,CAAC"}

package/react.js

@@ -0,0 +1,9 @@
+import { createComponent } from '@lit-labs/react';
+import * as React from 'react';
+import { HyIconElement } from './icon.component.js';
+export const HyIcon = createComponent({
+    tagName: 'hy-icon',
+    elementClass: HyIconElement,
+    react: React,
+});
+//# sourceMappingURL=react.js.map

package/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/icon/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAClD,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,aAAa;IAC3B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC","sourcesContent":["import {createComponent} from '@lit-labs/react';\nimport * as React from 'react';\nimport {HyIconElement} from './icon.component.js';\nexport const HyIcon = createComponent({\n  tagName: 'hy-icon',\n  elementClass: HyIconElement,\n  react: React,\n});\n"]}