@siemens/ix-icons 3.1.0 → 3.1.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.
Files changed (68) hide show
  1. package/READMEOSS.html +10 -10
  2. package/components/index.js +1430 -1
  3. package/components/index.js.map +1 -1
  4. package/components/ix-icon.js +2 -1
  5. package/dist/cjs/app-globals-V2Kpy_OQ.js +8 -0
  6. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +1 -0
  7. package/dist/cjs/{index-494dae28.js → index-Rt6MP40k.js} +146 -111
  8. package/dist/cjs/index-Rt6MP40k.js.map +1 -0
  9. package/dist/cjs/index.cjs.js +243 -6
  10. package/dist/cjs/index.cjs.js.map +1 -1
  11. package/dist/cjs/ix-icon.cjs.entry.js +4 -5
  12. package/dist/cjs/ix-icon.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ix-icon.entry.cjs.js.map +1 -0
  14. package/dist/cjs/ix-icons.cjs.js +7 -6
  15. package/dist/cjs/ix-icons.cjs.js.map +1 -1
  16. package/dist/cjs/loader.cjs.js +3 -4
  17. package/dist/cjs/loader.cjs.js.map +1 -1
  18. package/dist/collection/collection-manifest.json +1 -1
  19. package/dist/collection/components/icon/icon.js +6 -6
  20. package/dist/collection/components/icon/icon.js.map +1 -1
  21. package/dist/esm/app-globals-DQuL1Twl.js +6 -0
  22. package/dist/esm/app-globals-DQuL1Twl.js.map +1 -0
  23. package/dist/esm/{index-22f745e9.js → index-B9Q9x8eq.js} +143 -106
  24. package/dist/esm/index-B9Q9x8eq.js.map +1 -0
  25. package/dist/esm/index.js +246 -2
  26. package/dist/esm/index.js.map +1 -1
  27. package/dist/esm/ix-icon.entry.js +3 -2
  28. package/dist/esm/ix-icon.entry.js.map +1 -1
  29. package/dist/esm/ix-icons.js +6 -4
  30. package/dist/esm/ix-icons.js.map +1 -1
  31. package/dist/esm/loader.js +4 -3
  32. package/dist/esm/loader.js.map +1 -1
  33. package/dist/ix-icons/index.esm.js +1 -1
  34. package/dist/ix-icons/index.esm.js.map +1 -1
  35. package/dist/ix-icons/ix-icon.entry.esm.js.map +1 -0
  36. package/dist/ix-icons/ix-icons.esm.js +1 -1
  37. package/dist/ix-icons/ix-icons.esm.js.map +1 -1
  38. package/dist/ix-icons/loader.esm.js.map +1 -0
  39. package/dist/ix-icons/p-B9Q9x8eq.js +3 -0
  40. package/dist/ix-icons/p-B9Q9x8eq.js.map +1 -0
  41. package/dist/ix-icons/p-DQuL1Twl.js +2 -0
  42. package/dist/ix-icons/p-DQuL1Twl.js.map +1 -0
  43. package/dist/ix-icons/p-dd52e4ef.entry.js +2 -0
  44. package/dist/types/components.d.ts +4 -0
  45. package/dist/types/stencil-public-runtime.d.ts +35 -6
  46. package/icons/package.json +1 -1
  47. package/package.json +8 -8
  48. package/components/p-aee14f18.js +0 -1391
  49. package/components/p-aee14f18.js.map +0 -1
  50. package/dist/cjs/app-globals-3a1e7e63.js +0 -7
  51. package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
  52. package/dist/cjs/icon-1dc6c206.js +0 -251
  53. package/dist/cjs/icon-1dc6c206.js.map +0 -1
  54. package/dist/cjs/index-494dae28.js.map +0 -1
  55. package/dist/esm/app-globals-0f993ce5.js +0 -5
  56. package/dist/esm/app-globals-0f993ce5.js.map +0 -1
  57. package/dist/esm/icon-1ecd1404.js +0 -247
  58. package/dist/esm/icon-1ecd1404.js.map +0 -1
  59. package/dist/esm/index-22f745e9.js.map +0 -1
  60. package/dist/ix-icons/p-2a1a6384.entry.js +0 -2
  61. package/dist/ix-icons/p-580c92f7.js +0 -3
  62. package/dist/ix-icons/p-580c92f7.js.map +0 -1
  63. package/dist/ix-icons/p-e1255160.js +0 -2
  64. package/dist/ix-icons/p-e1255160.js.map +0 -1
  65. package/dist/ix-icons/p-f9830889.js +0 -2
  66. package/dist/ix-icons/p-f9830889.js.map +0 -1
  67. package/loader/package.json +0 -11
  68. /package/dist/ix-icons/{p-2a1a6384.entry.js.map → p-dd52e4ef.entry.js.map} +0 -0
@@ -1,15 +1,252 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
3
+ var index = require('./index-Rt6MP40k.js');
4
4
 
5
- const icon = require('./icon-1dc6c206.js');
6
- const index = require('./index-494dae28.js');
5
+ /**
6
+ * Provide custom SVG path for icons
7
+ *
8
+ * <meta name="ix-icons:path" content="/build/svg" />
9
+ */
10
+ function getCustomAssetUrl() {
11
+ const assetPath = document.querySelector("meta[name='ix-icons:path']");
12
+ if (assetPath) {
13
+ const path = assetPath.getAttribute('content');
14
+ return path;
15
+ }
16
+ return false;
17
+ }
7
18
 
19
+ /*
20
+ * COPYRIGHT (c) Siemens AG 2018-2025 ALL RIGHTS RESERVED.
21
+ */
22
+ let parser = null;
23
+ const errorSymbol = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M384,0 L384,384 L0,384 L0,0 L384,0 Z M192,207.085 L57.751,341.333 L326.248,341.333 L192,207.085 Z M42.666,57.751 L42.666,326.248 L176.915,192 L42.666,57.751 Z M341.333,57.751 L207.085,192 L341.333,326.248 L341.333,57.751 Z M326.248,42.666 L57.751,42.666 L192,176.915 L326.248,42.666 Z' transform='translate(64 64)'/></svg>";
24
+ function parseSVGDataContent(content, element) {
25
+ if (typeof window['DOMParser'] === 'undefined') {
26
+ console.error('DOMParser not supported by your browser.');
27
+ return '';
28
+ }
29
+ if (parser === null) {
30
+ parser = new window['DOMParser']();
31
+ }
32
+ const svgDocument = parser.parseFromString(decodeURI(content), 'text/html');
33
+ const svgElement = svgDocument.querySelector('svg');
34
+ if (!svgElement) {
35
+ if (element) {
36
+ console.error('No valid svg data provided', element);
37
+ }
38
+ else {
39
+ console.error('No valid svg data provided');
40
+ }
41
+ return '';
42
+ }
43
+ return svgElement.outerHTML;
44
+ }
8
45
 
46
+ /*
47
+ * SPDX-FileCopyrightText: 2023 Siemens AG
48
+ *
49
+ * SPDX-License-Identifier: MIT
50
+ *
51
+ * This source code is licensed under the MIT license found in the
52
+ * LICENSE file in the root directory of this source tree.
53
+ */
54
+ let fetchCache;
55
+ const requests = new Map();
56
+ const getIconCacheMap = () => {
57
+ if (typeof window === 'undefined') {
58
+ return new Map();
59
+ }
60
+ if (!fetchCache) {
61
+ window.IxIcons = window.IxIcons || {};
62
+ fetchCache = window.IxIcons.map = window.IxIcons.map || new Map();
63
+ }
64
+ return fetchCache;
65
+ };
66
+ const isSvgDataUrl = (url) => {
67
+ if (!url) {
68
+ return false;
69
+ }
70
+ if (typeof url !== 'string') {
71
+ return false;
72
+ }
73
+ return url.startsWith('data:image/svg+xml');
74
+ };
75
+ async function fetchSVG(url, element) {
76
+ const cache = getIconCacheMap();
77
+ if (cache.has(url)) {
78
+ return cache.get(url);
79
+ }
80
+ if (requests.has(url)) {
81
+ return requests.get(url);
82
+ }
83
+ const fetching = fetch(url)
84
+ .then(async (response) => {
85
+ const responseText = await response.text();
86
+ let svgContent = '';
87
+ if (response.ok) {
88
+ svgContent = parseSVGDataContent(responseText, element);
89
+ cache.set(url, svgContent);
90
+ }
91
+ else {
92
+ console.error('Failed to request svg data from', url, 'with status code', response.status, element);
93
+ }
94
+ return svgContent;
95
+ })
96
+ .catch(() => {
97
+ console.error('Failed to fetch svg data:', url, element);
98
+ cache.set(url, '');
99
+ return '';
100
+ })
101
+ .finally(() => {
102
+ requests.delete(url);
103
+ });
104
+ return fetching;
105
+ }
106
+ const urlRegex = /^(?:(?:https?|ftp):\/\/)?(?:\S+(?::\S*)?@)?(?:www\.)?(?:\S+\.\S+)(?:\S*)$/i;
107
+ function isValidUrl(url) {
108
+ return urlRegex.test(url);
109
+ }
110
+ function getIconUrl(name, element) {
111
+ const customAssetUrl = getCustomAssetUrl();
112
+ if (customAssetUrl) {
113
+ return `${customAssetUrl}/${name}.svg`;
114
+ }
115
+ let url = `svg/${name}.svg`;
116
+ try {
117
+ url = index.getAssetPath(url);
118
+ }
119
+ catch (error) {
120
+ console.warn(`Could not load icon with name "${name}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to property.`, element);
121
+ }
122
+ return url;
123
+ }
124
+ async function resolveIcon(element, iconName) {
125
+ if (!iconName) {
126
+ console.warn('No icon was provided', element);
127
+ return '';
128
+ }
129
+ if (isSvgDataUrl(iconName)) {
130
+ const content = parseSVGDataContent(iconName, element);
131
+ if (!content) {
132
+ console.error('Failed to parse icon data', element);
133
+ }
134
+ return content;
135
+ }
136
+ return loadIcon(iconName, element);
137
+ }
138
+ async function loadIcon(iconName, element) {
139
+ const cache = getIconCacheMap();
140
+ if (cache.has(iconName)) {
141
+ return cache.get(iconName);
142
+ }
143
+ if (isValidUrl(iconName)) {
144
+ return fetchSVG(iconName, element);
145
+ }
146
+ const iconUrl = getIconUrl(iconName, element);
147
+ if (!iconUrl) {
148
+ return '';
149
+ }
150
+ return fetchSVG(iconUrl, element);
151
+ }
152
+ function removePrefix(name, prefix) {
153
+ if (name.startsWith(prefix)) {
154
+ name = name.slice(prefix.length);
155
+ return name.replace(/^(\w)/, (_match, p1) => p1.toLowerCase());
156
+ }
157
+ return name;
158
+ }
159
+ function addIcons(icons) {
160
+ Object.keys(icons).forEach(name => {
161
+ const icon = icons[name];
162
+ name = removePrefix(name, 'icon');
163
+ addIconToCache(name, icon);
164
+ });
165
+ }
166
+ function addIconToCache(name, icon) {
167
+ const cache = getIconCacheMap();
168
+ if (cache.has(name)) {
169
+ console.warn(`Icon name '${name}' already in cache. Overwritting with new icon data.`);
170
+ }
171
+ const svg = parseSVGDataContent(icon);
172
+ cache.set(name, svg);
173
+ const toKebabCase = name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z0-9])/g, '$1-$2').toLowerCase();
174
+ if (name != toKebabCase) {
175
+ cache.set(toKebabCase, svg);
176
+ }
177
+ }
178
+
179
+ const iconCss = ":host{display:inline-flex;height:1.5rem;width:1.5rem;min-height:1.5rem;min-width:1.5rem;color:inherit}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container svg{display:block;position:relative;height:100%;width:100%}:host .svg-container svg,:host .svg-container svg[fill],:host .svg-container svg [fill]{fill:currentColor !important}:host(.size-12){height:0.75rem;width:0.75rem;min-height:0.75rem;min-width:0.75rem}:host(.size-16){height:1rem;width:1rem;min-height:1rem;min-width:1rem}:host(.size-32){height:2rem;width:2rem;min-height:2rem;min-width:2rem}";
180
+
181
+ const Icon = class {
182
+ constructor(hostRef) {
183
+ index.registerInstance(this, hostRef);
184
+ /**
185
+ * Size of the icon
186
+ */
187
+ this.size = '24';
188
+ /**
189
+ * Only fetch and parse svg data when icon is visible
190
+ */
191
+ this.lazyLoading = false;
192
+ this.isVisible = false;
193
+ }
194
+ componentWillLoad() {
195
+ this.waitForRendering(() => {
196
+ this.isVisible = true;
197
+ this.loadIconContent();
198
+ });
199
+ }
200
+ async loadIconContent() {
201
+ const content = await resolveIcon(this.hostElement, this.name);
202
+ if (!content) {
203
+ this.svgContent = parseSVGDataContent(errorSymbol);
204
+ return;
205
+ }
206
+ this.svgContent = content;
207
+ }
208
+ waitForRendering(onRender) {
209
+ if (this.lazyLoading && typeof window !== 'undefined' && window.IntersectionObserver) {
210
+ const observer = new IntersectionObserver(entries => {
211
+ entries.forEach(entry => {
212
+ if (entry.isIntersecting) {
213
+ onRender();
214
+ observer.disconnect();
215
+ }
216
+ });
217
+ }, {
218
+ rootMargin: '25px',
219
+ });
220
+ observer.observe(this.hostElement);
221
+ }
222
+ else {
223
+ onRender();
224
+ }
225
+ }
226
+ render() {
227
+ const style = {};
228
+ if (this.color) {
229
+ style['color'] = `var(--theme-${this.color})`;
230
+ }
231
+ return (index.h(index.Host, { key: '83462a7d7da16587faaa0600b4c13ec8ad106a77', role: "img", style: style, class: {
232
+ ['size-12']: this.size === '12',
233
+ ['size-16']: this.size === '16',
234
+ ['size-24']: this.size === '24',
235
+ ['size-32']: this.size === '32',
236
+ } }, index.h("div", { key: '570efdb71fcdd0c61b7c854c6ab3662508aae804', class: 'svg-container', innerHTML: this.svgContent, "aria-hidden": "true" })));
237
+ }
238
+ static get assetsDirs() { return ["svg"]; }
239
+ get hostElement() { return index.getElement(this); }
240
+ static get watchers() { return {
241
+ "name": ["loadIconContent"]
242
+ }; }
243
+ };
244
+ Icon.style = iconCss;
9
245
 
10
- exports.Icon = icon.Icon;
11
- exports.addIconToCache = icon.addIconToCache;
12
- exports.addIcons = icon.addIcons;
13
246
  exports.setAssetPath = index.setAssetPath;
247
+ exports.Icon = Icon;
248
+ exports.addIconToCache = addIconToCache;
249
+ exports.addIcons = addIcons;
250
+ //# sourceMappingURL=index.cjs.js.map
14
251
 
15
252
  //# sourceMappingURL=index.cjs.js.map
@@ -1 +1 @@
1
- {"file":"index.cjs.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1
+ {"version":3,"file":"index.cjs.js","sources":["src/components/icon/meta-tag.ts","src/components/icon/parser.ts","src/components/icon/resolveIcon.ts","src/components/icon/icon.scss?tag=ix-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["/**\n * Provide custom SVG path for icons\n *\n * <meta name=\"ix-icons:path\" content=\"/build/svg\" />\n */\nexport function getCustomAssetUrl() {\n const assetPath = document.querySelector(\"meta[name='ix-icons:path']\");\n if (assetPath) {\n const path = assetPath.getAttribute('content');\n return path;\n }\n\n return false;\n}\n","/*\n * COPYRIGHT (c) Siemens AG 2018-2025 ALL RIGHTS RESERVED.\n */\n\nlet parser: any = null;\n\nexport const errorSymbol =\n \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M384,0 L384,384 L0,384 L0,0 L384,0 Z M192,207.085 L57.751,341.333 L326.248,341.333 L192,207.085 Z M42.666,57.751 L42.666,326.248 L176.915,192 L42.666,57.751 Z M341.333,57.751 L207.085,192 L341.333,326.248 L341.333,57.751 Z M326.248,42.666 L57.751,42.666 L192,176.915 L326.248,42.666 Z' transform='translate(64 64)'/></svg>\";\n\nexport function parseSVGDataContent(content: string, element?: HTMLElement): string {\n if (typeof window['DOMParser'] === 'undefined') {\n console.error('DOMParser not supported by your browser.');\n return '';\n }\n\n if (parser === null) {\n parser = new window['DOMParser']();\n }\n\n const svgDocument = parser.parseFromString(decodeURI(content), 'text/html');\n const svgElement = svgDocument.querySelector('svg') as HTMLElement;\n\n if (!svgElement) {\n if (element) {\n console.error('No valid svg data provided', element);\n } else {\n console.error('No valid svg data provided');\n }\n return '';\n }\n\n return svgElement.outerHTML;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { getAssetPath } from '@stencil/core';\nimport { getCustomAssetUrl } from './meta-tag';\nimport { parseSVGDataContent } from './parser';\n\ndeclare global {\n interface Window {\n IxIcons: any;\n }\n}\n\nlet fetchCache: Map<string, string>;\nconst requests = new Map<string, Promise<string>>();\n\nexport const getIconCacheMap = (): Map<string, string> => {\n if (typeof window === 'undefined') {\n return new Map();\n }\n\n if (!fetchCache) {\n window.IxIcons = window.IxIcons || {};\n fetchCache = window.IxIcons.map = window.IxIcons.map || new Map();\n }\n\n return fetchCache;\n};\n\nexport const isSvgDataUrl = (url: string) => {\n if (!url) {\n return false;\n }\n\n if (typeof url !== 'string') {\n return false;\n }\n\n return url.startsWith('data:image/svg+xml');\n};\n\nasync function fetchSVG(url: string, element: HTMLIxIconElement) {\n const cache = getIconCacheMap();\n\n if (cache.has(url)) {\n return cache.get(url)!;\n }\n\n if (requests.has(url)) {\n return requests.get(url)!;\n }\n\n const fetching = fetch(url)\n .then(async response => {\n const responseText = await response.text();\n\n let svgContent = '';\n if (response.ok) {\n svgContent = parseSVGDataContent(responseText, element);\n cache.set(url, svgContent);\n } else {\n console.error('Failed to request svg data from', url, 'with status code', response.status, element);\n }\n\n return svgContent;\n })\n .catch(() => {\n console.error('Failed to fetch svg data:', url, element);\n cache.set(url, '');\n return '';\n })\n .finally(() => {\n requests.delete(url);\n });\n\n return fetching;\n}\n\nconst urlRegex = /^(?:(?:https?|ftp):\\/\\/)?(?:\\S+(?::\\S*)?@)?(?:www\\.)?(?:\\S+\\.\\S+)(?:\\S*)$/i;\n\nfunction isValidUrl(url: string) {\n return urlRegex.test(url);\n}\n\nexport function getIconUrl(name: string, element: HTMLIxIconElement) {\n const customAssetUrl = getCustomAssetUrl();\n\n if (customAssetUrl) {\n return `${customAssetUrl}/${name}.svg`;\n }\n\n let url: string = `svg/${name}.svg`;\n\n try {\n url = getAssetPath(url);\n } catch (error) {\n console.warn(`Could not load icon with name \"${name}\". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to property.`, element);\n }\n\n return url;\n}\n\nexport async function resolveIcon(element: HTMLIxIconElement, iconName?: string): Promise<string> {\n if (!iconName) {\n console.warn('No icon was provided', element);\n return '';\n }\n\n if (isSvgDataUrl(iconName)) {\n const content = parseSVGDataContent(iconName, element);\n\n if (!content) {\n console.error('Failed to parse icon data', element);\n }\n return content;\n }\n\n return loadIcon(iconName, element);\n}\n\nasync function loadIcon(iconName: string, element: HTMLIxIconElement): Promise<string> {\n const cache = getIconCacheMap();\n\n if (cache.has(iconName)) {\n return cache.get(iconName)!;\n }\n\n if (isValidUrl(iconName)) {\n return fetchSVG(iconName, element);\n }\n\n const iconUrl = getIconUrl(iconName, element);\n\n if (!iconUrl) {\n return '';\n }\n\n return fetchSVG(iconUrl, element);\n}\n\nfunction removePrefix(name: string, prefix: string) {\n if (name.startsWith(prefix)) {\n name = name.slice(prefix.length);\n return name.replace(/^(\\w)/, (_match, p1) => p1.toLowerCase());\n }\n\n return name;\n}\n\nexport function addIcons(icons: { [name: string]: any }) {\n Object.keys(icons).forEach(name => {\n const icon = icons[name];\n name = removePrefix(name, 'icon');\n\n addIconToCache(name, icon);\n });\n}\n\nexport function addIconToCache(name: string, icon: string) {\n const cache = getIconCacheMap();\n\n if (cache.has(name)) {\n console.warn(`Icon name '${name}' already in cache. Overwritting with new icon data.`);\n }\n\n const svg = parseSVGDataContent(icon);\n\n cache.set(name, svg);\n\n const toKebabCase = name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z0-9])/g, '$1-$2').toLowerCase();\n\n if (name != toKebabCase) {\n cache.set(toKebabCase, svg);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@mixin size($size) {\n height: $size;\n width: $size;\n min-height: $size;\n min-width: $size;\n}\n\n:host {\n display: inline-flex;\n @include size(1.5rem);\n color: inherit;\n\n .svg-container {\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n\n svg {\n display: block;\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n svg,\n svg[fill],\n svg [fill] {\n fill: currentColor !important;\n }\n }\n}\n\n:host(.size-12) {\n @include size(0.75rem);\n}\n\n:host(.size-16) {\n @include size(1rem);\n}\n\n:host(.size-32) {\n @include size(2rem);\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host, Prop, State, Watch, Element, Build } from '@stencil/core';\nimport { resolveIcon } from './resolveIcon';\nimport { errorSymbol, parseSVGDataContent } from './parser';\n\n@Component({\n tag: 'ix-icon',\n styleUrl: 'icon.scss',\n shadow: true,\n assetsDirs: ['svg'],\n})\nexport class Icon {\n @Element() hostElement!: HTMLIxIconElement;\n\n /**\n * Size of the icon\n */\n @Prop() size: '12' | '16' | '24' | '32' = '24';\n\n /**\n * Color of the icon\n */\n @Prop() color?: string;\n\n /**\n * Use one of our defined icon names e.g. `copy`\n *\n * https://ix.siemens.io/docs/icon-library/icons\n *\n * or the import variant\n *\n * ```\n * import { rocket } from '@siemens/ix-icons/icons';\n *\n * <ix-icon name={rocket}></ix-icon>\n * ```\n */\n @Prop() name?: string;\n\n /**\n * Only fetch and parse svg data when icon is visible\n */\n @Prop() lazyLoading = false;\n\n @State() svgContent?: string;\n @State() isVisible = false;\n\n componentWillLoad() {\n this.waitForRendering(() => {\n this.isVisible = true;\n this.loadIconContent();\n });\n }\n\n @Watch('name')\n async loadIconContent() {\n const content = await resolveIcon(this.hostElement, this.name);\n\n if (!content) {\n this.svgContent = parseSVGDataContent(errorSymbol);\n return;\n }\n\n this.svgContent = content;\n }\n\n private waitForRendering(onRender: () => void) {\n if (Build.isBrowser && this.lazyLoading && typeof window !== 'undefined' && (window as any).IntersectionObserver) {\n const observer = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n onRender();\n observer.disconnect();\n }\n });\n },\n {\n rootMargin: '25px',\n },\n );\n\n observer.observe(this.hostElement);\n } else {\n onRender();\n }\n }\n\n render() {\n const style: {\n [key: string]: string;\n } = {};\n\n if (this.color) {\n style['color'] = `var(--theme-${this.color})`;\n }\n\n return (\n <Host\n role=\"img\"\n style={style}\n class={{\n ['size-12']: this.size === '12',\n ['size-16']: this.size === '16',\n ['size-24']: this.size === '24',\n ['size-32']: this.size === '32',\n }}\n >\n <div class={'svg-container'} innerHTML={this.svgContent} aria-hidden=\"true\"></div>\n </Host>\n );\n }\n}\n"],"names":["getAssetPath","h","Host"],"mappings":"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"}
@@ -1,12 +1,11 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
3
+ var index = require('./index.cjs.js');
4
+ require('./index-Rt6MP40k.js');
4
5
 
5
- const icon = require('./icon-1dc6c206.js');
6
- require('./index-494dae28.js');
7
6
 
8
7
 
9
-
10
- exports.ix_icon = icon.Icon;
8
+ exports.ix_icon = index.Icon;
9
+ //# sourceMappingURL=ix-icon.entry.cjs.js.map
11
10
 
12
11
  //# sourceMappingURL=ix-icon.cjs.entry.js.map
@@ -1 +1 @@
1
- {"file":"ix-icon.entry.cjs.js","mappings":";;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1
+ {"file":"ix-icon.entry.cjs.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ix-icon.entry.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-494dae28.js');
6
- const appGlobals = require('./app-globals-3a1e7e63.js');
3
+ var index = require('./index-Rt6MP40k.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
7
5
 
6
+ var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
8
7
  /*
9
- Stencil Client Patch Browser v4.27.2 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com
10
9
  */
10
+
11
11
  var patchBrowser = () => {
12
- const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('ix-icons.cjs.js', document.baseURI).href));
12
+ const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ix-icons.cjs.js', document.baseURI).href));
13
13
  const opts = {};
14
14
  if (importMeta !== "") {
15
15
  opts.resourcesUrl = new URL(".", importMeta).href;
@@ -23,5 +23,6 @@ patchBrowser().then(async (options) => {
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
26
+ //# sourceMappingURL=ix-icons.cjs.js.map
26
27
 
27
28
  //# sourceMappingURL=ix-icons.cjs.js.map
@@ -1 +1 @@
1
- {"file":"ix-icons.cjs.js","mappings":";;;;;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,0MAAe,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE,CAAC;AACxB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","globalScripts","bootstrapLazy"],"sources":["node_modules/.pnpm/@stencil+core@4.27.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
1
+ {"version":3,"file":"ix-icons.cjs.js","sources":["node_modules/.pnpm/@stencil+core@4.35.3/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,iQAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
@@ -1,9 +1,7 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-494dae28.js');
6
- const appGlobals = require('./app-globals-3a1e7e63.js');
3
+ var index = require('./index-Rt6MP40k.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
7
5
 
8
6
  const defineCustomElements = async (win, options) => {
9
7
  if (typeof window === 'undefined') return undefined;
@@ -13,5 +11,6 @@ const defineCustomElements = async (win, options) => {
13
11
 
14
12
  exports.setNonce = index.setNonce;
15
13
  exports.defineCustomElements = defineCustomElements;
14
+ //# sourceMappingURL=loader.cjs.js.map
16
15
 
17
16
  //# sourceMappingURL=loader.cjs.js.map
@@ -1 +1 @@
1
- {"file":"loader.cjs.js","mappings":";;;;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AACtD,EAAE,MAAMA,wBAAa,EAAE,CAAC;AACxB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["globalScripts","bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}
1
+ {"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.27.2",
7
+ "version": "4.35.3",
8
8
  "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [],
@@ -58,12 +58,12 @@ export class Icon {
58
58
  if (this.color) {
59
59
  style['color'] = `var(--theme-${this.color})`;
60
60
  }
61
- return (h(Host, { key: '484071b4f74e0b803b8d36913c866bfdb4b1a259', style: style, class: {
61
+ return (h(Host, { key: '83462a7d7da16587faaa0600b4c13ec8ad106a77', role: "img", style: style, class: {
62
62
  ['size-12']: this.size === '12',
63
63
  ['size-16']: this.size === '16',
64
64
  ['size-24']: this.size === '24',
65
65
  ['size-32']: this.size === '32',
66
- } }, h("div", { key: 'd988ef0fcc83087c24c905cf95ff02fe187aed5e', class: 'svg-container', innerHTML: this.svgContent })));
66
+ } }, h("div", { key: '570efdb71fcdd0c61b7c854c6ab3662508aae804', class: 'svg-container', innerHTML: this.svgContent, "aria-hidden": "true" })));
67
67
  }
68
68
  static get is() { return "ix-icon"; }
69
69
  static get encapsulation() { return "shadow"; }
@@ -82,6 +82,7 @@ export class Icon {
82
82
  return {
83
83
  "size": {
84
84
  "type": "string",
85
+ "attribute": "size",
85
86
  "mutable": false,
86
87
  "complexType": {
87
88
  "original": "'12' | '16' | '24' | '32'",
@@ -96,12 +97,12 @@ export class Icon {
96
97
  },
97
98
  "getter": false,
98
99
  "setter": false,
99
- "attribute": "size",
100
100
  "reflect": false,
101
101
  "defaultValue": "'24'"
102
102
  },
103
103
  "color": {
104
104
  "type": "string",
105
+ "attribute": "color",
105
106
  "mutable": false,
106
107
  "complexType": {
107
108
  "original": "string",
@@ -116,11 +117,11 @@ export class Icon {
116
117
  },
117
118
  "getter": false,
118
119
  "setter": false,
119
- "attribute": "color",
120
120
  "reflect": false
121
121
  },
122
122
  "name": {
123
123
  "type": "string",
124
+ "attribute": "name",
124
125
  "mutable": false,
125
126
  "complexType": {
126
127
  "original": "string",
@@ -135,11 +136,11 @@ export class Icon {
135
136
  },
136
137
  "getter": false,
137
138
  "setter": false,
138
- "attribute": "name",
139
139
  "reflect": false
140
140
  },
141
141
  "lazyLoading": {
142
142
  "type": "boolean",
143
+ "attribute": "lazy-loading",
143
144
  "mutable": false,
144
145
  "complexType": {
145
146
  "original": "boolean",
@@ -154,7 +155,6 @@ export class Icon {
154
155
  },
155
156
  "getter": false,
156
157
  "setter": false,
157
- "attribute": "lazy-loading",
158
158
  "reflect": false,
159
159
  "defaultValue": "false"
160
160
  }
@@ -1 +1 @@
1
- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQ5D,MAAM,OAAO,IAAI;IANjB;QASE;;WAEG;QACK,SAAI,GAA8B,IAAI,CAAC;QAsB/C;;WAEG;QACK,gBAAW,GAAG,KAAK,CAAC;QAGnB,cAAS,GAAG,KAAK,CAAC;KAkE5B;IAhEC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,KAAK,CAAC,eAAe;QACnB,MAAM,OAAO,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;YACnD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;IAC5B,CAAC;IAEO,gBAAgB,CAAC,QAAoB;QAC3C,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,oBAAoB,EAAE,CAAC;YACjH,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,OAAO,CAAC,EAAE;gBACR,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACtB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,QAAQ,EAAE,CAAC;wBACX,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACxB,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,EACD;gBACE,UAAU,EAAE,MAAM;aACnB,CACF,CAAC;YAEF,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAEP,EAAE,CAAC;QAEP,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,CAAC,GAAG,eAAe,IAAI,CAAC,KAAK,GAAG,CAAC;QAChD,CAAC;QAED,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;gBACL,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBAC/B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBAC/B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBAC/B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;aAChC;YAED,4DAAK,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,GAAQ,CAC1D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host, Prop, State, Watch, Element, Build } from '@stencil/core';\nimport { resolveIcon } from './resolveIcon';\nimport { errorSymbol, parseSVGDataContent } from './parser';\n\n@Component({\n tag: 'ix-icon',\n styleUrl: 'icon.scss',\n shadow: true,\n assetsDirs: ['svg'],\n})\nexport class Icon {\n @Element() hostElement!: HTMLIxIconElement;\n\n /**\n * Size of the icon\n */\n @Prop() size: '12' | '16' | '24' | '32' = '24';\n\n /**\n * Color of the icon\n */\n @Prop() color?: string;\n\n /**\n * Use one of our defined icon names e.g. `copy`\n *\n * https://ix.siemens.io/docs/icon-library/icons\n *\n * or the import variant\n *\n * ```\n * import { rocket } from '@siemens/ix-icons/icons';\n *\n * <ix-icon name={rocket}></ix-icon>\n * ```\n */\n @Prop() name?: string;\n\n /**\n * Only fetch and parse svg data when icon is visible\n */\n @Prop() lazyLoading = false;\n\n @State() svgContent?: string;\n @State() isVisible = false;\n\n componentWillLoad() {\n this.waitForRendering(() => {\n this.isVisible = true;\n this.loadIconContent();\n });\n }\n\n @Watch('name')\n async loadIconContent() {\n const content = await resolveIcon(this.hostElement, this.name);\n\n if (!content) {\n this.svgContent = parseSVGDataContent(errorSymbol);\n return;\n }\n\n this.svgContent = content;\n }\n\n private waitForRendering(onRender: () => void) {\n if (Build.isBrowser && this.lazyLoading && typeof window !== 'undefined' && (window as any).IntersectionObserver) {\n const observer = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n onRender();\n observer.disconnect();\n }\n });\n },\n {\n rootMargin: '25px',\n },\n );\n\n observer.observe(this.hostElement);\n } else {\n onRender();\n }\n }\n\n render() {\n const style: {\n [key: string]: string;\n } = {};\n\n if (this.color) {\n style['color'] = `var(--theme-${this.color})`;\n }\n\n return (\n <Host\n style={style}\n class={{\n ['size-12']: this.size === '12',\n ['size-16']: this.size === '16',\n ['size-24']: this.size === '24',\n ['size-32']: this.size === '32',\n }}\n >\n <div class={'svg-container'} innerHTML={this.svgContent}></div>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQ5D,MAAM,OAAO,IAAI;IANjB;QASE;;WAEG;QACK,SAAI,GAA8B,IAAI,CAAC;QAsB/C;;WAEG;QACK,gBAAW,GAAG,KAAK,CAAC;QAGnB,cAAS,GAAG,KAAK,CAAC;KAmE5B;IAjEC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,KAAK,CAAC,eAAe;QACnB,MAAM,OAAO,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;YACnD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;IAC5B,CAAC;IAEO,gBAAgB,CAAC,QAAoB;QAC3C,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,oBAAoB,EAAE,CAAC;YACjH,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,OAAO,CAAC,EAAE;gBACR,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACtB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,QAAQ,EAAE,CAAC;wBACX,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACxB,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,EACD;gBACE,UAAU,EAAE,MAAM;aACnB,CACF,CAAC;YAEF,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAEP,EAAE,CAAC;QAEP,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,CAAC,GAAG,eAAe,IAAI,CAAC,KAAK,GAAG,CAAC;QAChD,CAAC;QAED,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;gBACL,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBAC/B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBAC/B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBAC/B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;aAChC;YAED,4DAAK,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,iBAAc,MAAM,GAAO,CAC7E,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host, Prop, State, Watch, Element, Build } from '@stencil/core';\nimport { resolveIcon } from './resolveIcon';\nimport { errorSymbol, parseSVGDataContent } from './parser';\n\n@Component({\n tag: 'ix-icon',\n styleUrl: 'icon.scss',\n shadow: true,\n assetsDirs: ['svg'],\n})\nexport class Icon {\n @Element() hostElement!: HTMLIxIconElement;\n\n /**\n * Size of the icon\n */\n @Prop() size: '12' | '16' | '24' | '32' = '24';\n\n /**\n * Color of the icon\n */\n @Prop() color?: string;\n\n /**\n * Use one of our defined icon names e.g. `copy`\n *\n * https://ix.siemens.io/docs/icon-library/icons\n *\n * or the import variant\n *\n * ```\n * import { rocket } from '@siemens/ix-icons/icons';\n *\n * <ix-icon name={rocket}></ix-icon>\n * ```\n */\n @Prop() name?: string;\n\n /**\n * Only fetch and parse svg data when icon is visible\n */\n @Prop() lazyLoading = false;\n\n @State() svgContent?: string;\n @State() isVisible = false;\n\n componentWillLoad() {\n this.waitForRendering(() => {\n this.isVisible = true;\n this.loadIconContent();\n });\n }\n\n @Watch('name')\n async loadIconContent() {\n const content = await resolveIcon(this.hostElement, this.name);\n\n if (!content) {\n this.svgContent = parseSVGDataContent(errorSymbol);\n return;\n }\n\n this.svgContent = content;\n }\n\n private waitForRendering(onRender: () => void) {\n if (Build.isBrowser && this.lazyLoading && typeof window !== 'undefined' && (window as any).IntersectionObserver) {\n const observer = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n onRender();\n observer.disconnect();\n }\n });\n },\n {\n rootMargin: '25px',\n },\n );\n\n observer.observe(this.hostElement);\n } else {\n onRender();\n }\n }\n\n render() {\n const style: {\n [key: string]: string;\n } = {};\n\n if (this.color) {\n style['color'] = `var(--theme-${this.color})`;\n }\n\n return (\n <Host\n role=\"img\"\n style={style}\n class={{\n ['size-12']: this.size === '12',\n ['size-16']: this.size === '16',\n ['size-24']: this.size === '24',\n ['size-32']: this.size === '32',\n }}\n >\n <div class={'svg-container'} innerHTML={this.svgContent} aria-hidden=\"true\"></div>\n </Host>\n );\n }\n}\n"]}
@@ -0,0 +1,6 @@
1
+ const globalScripts = () => {};
2
+
3
+ export { globalScripts as g };
4
+ //# sourceMappingURL=app-globals-DQuL1Twl.js.map
5
+
6
+ //# sourceMappingURL=app-globals-DQuL1Twl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-globals-DQuL1Twl.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\nexport const globalStyles = \"\";\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}