icon.gl 0.0.1

package/css/icon.gl.css

@@ -0,0 +1,100 @@
+/**
+* icon.gl
+*
+* @description     Icon Library
+* @author          Scape Agency (https://www.scape.agency)
+* @version         v1.0.0
+* @copyright       2020-2023 Scape Agency (https://www.scape.agency)
+* @website         https://www.icon.gl/
+* @repository      https://github.com/scape-agency/icon.gl/
+* @license         Apache 2.0 License (https://github.com/scape-agency/icon.gl/blob/main/LICENSE)
+*/
+/**
+TABLE OF CONTENTS
+===============================================================================
+1.
+2.
+3. 
+*/
+.igl_1x {
+  font-size: 1em;
+}
+
+.igl_2x {
+  font-size: 2em;
+}
+
+.igl_3x {
+  font-size: 3em;
+}
+
+.igl_4x {
+  font-size: 4em;
+}
+
+.igl_5x {
+  font-size: 5em;
+}
+
+.igl_6x {
+  font-size: 6em;
+}
+
+.igl_7x {
+  font-size: 7em;
+}
+
+.igl_8x {
+  font-size: 8em;
+}
+
+.igl_9x {
+  font-size: 9em;
+}
+
+.igl_10x {
+  font-size: 10em;
+}
+
+.igl_icon-interactive:hover {
+  color: #0000cc;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transform: scale(1.1);
+  transition: all 0.3s ease-in-out;
+}
+.igl_icon-interactive:focus {
+  outline: 2px solid #6666ff;
+}
+.igl_icon-interactive:active {
+  color: #0000e6;
+}
+.igl_icon-interactive:disabled {
+  color: gray;
+  cursor: not-allowed;
+}
+
+.igl_rotate_90 {
+  transform: rotate(90deg);
+}
+
+.igl_rotate_180 {
+  transform: rotate(180deg);
+}
+
+.igl_rotate_270 {
+  transform: rotate(270deg);
+}
+
+.igl_flip-horizontal {
+  transform: scale(-1, 1);
+}
+
+.igl_flip-vertical {
+  transform: scale(1, -1);
+}
+
+.igl_flip-both,
+.igl_flip-horizontal.igl_flip-vertical {
+  transform: scale(1, -1);
+}
+/*# sourceMappingURL=to.css.map */

package/css/icon.gl.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["%3Cinput%20css%20qQNsV4%3E"],"names":[],"mappings":"AAAA;;;;;;;;;;CAUC;AACD;;;;;;CAMC;AACD;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,wCAAwC;EACxC,qBAAqB;EACrB,gCAAgC;AAClC;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,cAAc;AAChB;AACA;EACE,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;AACzB;;AAEA;;EAEE,uBAAuB;AACzB","file":"to.css","sourcesContent":["/**\n* icon.gl\n*\n* @description     Icon Library\n* @author          Scape Agency (https://www.scape.agency)\n* @version         v1.0.0\n* @copyright       2020-2023 Scape Agency (https://www.scape.agency)\n* @website         https://www.icon.gl/\n* @repository      https://github.com/scape-agency/icon.gl/\n* @license         Apache 2.0 License (https://github.com/scape-agency/icon.gl/blob/main/LICENSE)\n*/\n/**\nTABLE OF CONTENTS\n===============================================================================\n1.\n2.\n3. \n*/\n.igl_1x {\n  font-size: 1em;\n}\n\n.igl_2x {\n  font-size: 2em;\n}\n\n.igl_3x {\n  font-size: 3em;\n}\n\n.igl_4x {\n  font-size: 4em;\n}\n\n.igl_5x {\n  font-size: 5em;\n}\n\n.igl_6x {\n  font-size: 6em;\n}\n\n.igl_7x {\n  font-size: 7em;\n}\n\n.igl_8x {\n  font-size: 8em;\n}\n\n.igl_9x {\n  font-size: 9em;\n}\n\n.igl_10x {\n  font-size: 10em;\n}\n\n.igl_icon-interactive:hover {\n  color: #0000cc;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  transform: scale(1.1);\n  transition: all 0.3s ease-in-out;\n}\n.igl_icon-interactive:focus {\n  outline: 2px solid #6666ff;\n}\n.igl_icon-interactive:active {\n  color: #0000e6;\n}\n.igl_icon-interactive:disabled {\n  color: gray;\n  cursor: not-allowed;\n}\n\n.igl_rotate_90 {\n  transform: rotate(90deg);\n}\n\n.igl_rotate_180 {\n  transform: rotate(180deg);\n}\n\n.igl_rotate_270 {\n  transform: rotate(270deg);\n}\n\n.igl_flip-horizontal {\n  transform: scale(-1, 1);\n}\n\n.igl_flip-vertical {\n  transform: scale(1, -1);\n}\n\n.igl_flip-both,\n.igl_flip-horizontal.igl_flip-vertical {\n  transform: scale(1, -1);\n}"]}

package/css/icon.gl.min.css

@@ -0,0 +1,2 @@
+.igl_1x{font-size:1em}.igl_2x{font-size:2em}.igl_3x{font-size:3em}.igl_4x{font-size:4em}.igl_5x{font-size:5em}.igl_6x{font-size:6em}.igl_7x{font-size:7em}.igl_8x{font-size:8em}.igl_9x{font-size:9em}.igl_10x{font-size:10em}.igl_icon-interactive:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);color:#00c;transform:scale(1.1);transition:all .3s ease-in-out}.igl_icon-interactive:focus{outline:2px solid #66f}.igl_icon-interactive:active{color:#0000e6}.igl_icon-interactive:disabled{color:gray;cursor:not-allowed}.igl_rotate_90{transform:rotate(90deg)}.igl_rotate_180{transform:rotate(180deg)}.igl_rotate_270{transform:rotate(270deg)}.igl_flip-horizontal{transform:scaleX(-1)}.igl_flip-both,.igl_flip-horizontal.igl_flip-vertical,.igl_flip-vertical{transform:scaleY(-1)}
+/*# sourceMappingURL=to.css.map */

package/css/icon.gl.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["%3Cinput%20css%20GR0uaz%3E"],"names":[],"mappings":"AAAA,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,SAAS,cAAc,CAAC,4BAAuC,mCAAmC,CAA9C,UAAU,CAAqC,oBAAoB,CAAC,8BAA8B,CAAC,4BAA4B,sBAAsB,CAAC,6BAA6B,aAAa,CAAC,+BAA+B,UAAU,CAAC,kBAAkB,CAAC,eAAe,uBAAuB,CAAC,gBAAgB,wBAAwB,CAAC,gBAAgB,wBAAwB,CAAC,qBAAqB,oBAAsB,CAA2C,yEAAsD,oBAAsB","file":"to.css","sourcesContent":[".igl_1x{font-size:1em}.igl_2x{font-size:2em}.igl_3x{font-size:3em}.igl_4x{font-size:4em}.igl_5x{font-size:5em}.igl_6x{font-size:6em}.igl_7x{font-size:7em}.igl_8x{font-size:8em}.igl_9x{font-size:9em}.igl_10x{font-size:10em}.igl_icon-interactive:hover{color:#00c;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1.1);transition:all .3s ease-in-out}.igl_icon-interactive:focus{outline:2px solid #66f}.igl_icon-interactive:active{color:#0000e6}.igl_icon-interactive:disabled{color:gray;cursor:not-allowed}.igl_rotate_90{transform:rotate(90deg)}.igl_rotate_180{transform:rotate(180deg)}.igl_rotate_270{transform:rotate(270deg)}.igl_flip-horizontal{transform:scale(-1, 1)}.igl_flip-vertical{transform:scale(1, -1)}.igl_flip-both,.igl_flip-horizontal.igl_flip-vertical{transform:scale(1, -1)}"]}

package/js/icon.gl.js

@@ -0,0 +1,3 @@
+"use strict";
+// Copyright 2020 Scape Agency BV
+Object.defineProperty(exports, "__esModule", { value: true });

package/js/icon.gl.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"t",{value:!0});

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "icon.gl",
+  "version": "0.0.1",
+  "description": "icon.gl is a icon library and framework developed by Scape Agency.",
+  "keywords": [
+    "icon.gl",
+    "stylescape",
+    "icon",
+    "icons",
+    "icon-library",
+    "font",
+    "sprite",
+    "svg",
+    "sass",
+    "scss",
+    "woff",
+    "woff2",
+    "responsive",
+    "front-end",
+    "framework",
+    "web"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://www.icon.gl/",
+  "main": "index.js",
+  "files": [
+    "svg/**/*.{svg}",
+    "js/**/*.{js,map}",
+    "ts/**/*.ts",
+    "css/**/*.{css,map}",
+    "scss/**/*.{scss}",
+    "font/**/*.{eot,otf,ttf,woff,woff2}",
+    "!.DS_Store"
+  ]
+}

package/ts/index.ts

@@ -0,0 +1,16 @@
+// Copyright 2020 Scape Agency BV
+
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+
+// http://www.apache.org/licenses/LICENSE-2.0
+
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+export {};

package/ts/svg-icon-element.ts

@@ -0,0 +1,50 @@
+// Copyright 2023 Scape Agency BV
+
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+
+// http://www.apache.org/licenses/LICENSE-2.0
+
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+// ============================================================================
+// Import
+// ============================================================================
+
+'use strict';
+
+import './style/svg-icon-element.less';
+
+
+// ============================================================================
+// Classes
+// ============================================================================
+
+class SvgIconElement extends HTMLElement {
+
+    private generateSvgIcon(url: string, id: string): string {
+        return `<svg class="si"><use xlink:href="${url}#${id}"></use></svg>`;
+    }
+
+    private setContent(): void {
+        const url = this.getAttribute('url') || '';
+        const type = this.getAttribute('type') || '';
+        this.innerHTML = this.generateSvgIcon(url, type);
+    }
+
+    connectedCallback(): void {
+        this.setContent();
+    }
+
+    attributeChangedCallback(): void {
+        this.setContent();
+    }
+}
+
+window.customElements.define('svg-icon', SvgIconElement);