@siemens/ix-icons 0.0.0-20240515161342 → 0.0.0-20240729073852

package/dist/ix-icons/p-31deceec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getCustomAssetUrl","assetPath","document","querySelector","path","getAttribute","fetchCache","requests","Map","parser","getIconCacheMap","window","IxIcons","map","isSvgDataUrl","url","startsWith","parseSVGDataContent","content","console","warn","svgDocument","parseFromString","svgElement","Error","outerHTML","async","fetchSVG","cache","has","get","fetching","fetch","then","response","responseText","text","ok","error","svgContent","set","urlRegex","isValidUrl","test","getAssetUrl","name","customAssetUrl","getAssetPath","resolveIcon","iconName","iconCss","IxIconStyle0","iconMissingSymbol","Icon","connectedCallback","this","waitForRendering","isVisible","loadIconContent","onRender","lazyLoading","IntersectionObserver","observer","entries","forEach","entry","isIntersecting","disconnect","rootMargin","observe","hostElement","render","style","color","h","Host","key","class","size","innerHTML"],"sources":["src/components/icon/meta-tag.ts","src/components/icon/resolveIcon.ts","src/components/icon/icon.scss?tag=ix-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n/**\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 * 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';\n\ndeclare global {\n  interface Window {\n    IxIcons: any;\n  }\n}\n\nlet fetchCache: Map<string, string>;\nconst requests = new Map<string, Promise<string>>();\nlet parser = null;\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  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\nexport function parseSVGDataContent(content: string) {\n  if (typeof window['DOMParser'] === 'undefined') {\n    console.warn('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(content, 'text/html');\n  const svgElement = svgDocument.querySelector('svg') as HTMLElement;\n\n  if (!svgElement) {\n    throw Error('No valid svg data provided');\n  }\n\n  return svgElement.outerHTML;\n}\n\nasync function fetchSVG(url: string) {\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).then(async response => {\n    const responseText = await response.text();\n\n    if (!response.ok) {\n      console.error(responseText);\n      throw Error(responseText);\n    }\n\n    const svgContent = parseSVGDataContent(responseText);\n    cache.set(url, svgContent);\n\n    return svgContent;\n  });\n\n  requests.set(url, fetching);\n  return fetching;\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 getAssetUrl(name: string) {\n  const customAssetUrl = getCustomAssetUrl();\n  if (customAssetUrl) {\n    return `${customAssetUrl}/${name}.svg`;\n  }\n\n  return getAssetPath(`svg/${name}.svg`);\n}\n\nexport async function resolveIcon(iconName: string) {\n  if (!iconName) {\n    throw Error('No icon name provided');\n  }\n\n  if (isSvgDataUrl(iconName)) {\n    return parseSVGDataContent(iconName);\n  }\n\n  if (isValidUrl(iconName)) {\n    try {\n      return fetchSVG(iconName);\n    } catch (error) {\n      throw error;\n    }\n  }\n\n  try {\n    return fetchSVG(getAssetUrl(iconName));\n  } catch (error) {\n    throw Error('Cannot resolve any icon');\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 { parseSVGDataContent, resolveIcon } from './resolveIcon';\n\nconst iconMissingSymbol =\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\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';\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  @Prop() lazyLoading = false;\n\n  @State() svgContent?: string;\n  @State() isVisible = false;\n\n  connectedCallback() {\n    this.waitForRendering(() => {\n      this.isVisible = true;\n      this.loadIconContent();\n    });\n  }\n\n  @Watch('name')\n  async loadIconContent() {\n    try {\n      this.svgContent = await resolveIcon(this.name);\n    } catch (error) {\n      this.svgContent = parseSVGDataContent(iconMissingSymbol);\n    }\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"],"mappings":"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"}

package/dist/sample.json

@@ -8,6 +8,10 @@
     "add-document-note",
     "add-eye-filled",
     "add-eye",
+    "add-filter-filled",
+    "add-filter",
+    "add-selection",
+    "add-shield-half",
     "add-task-list",
     "add-task",
     "add-user-filled",
@@ -18,7 +22,9 @@
     "alarm-bell-cancelled",
     "alarm-bell-filled",
     "alarm-bell",
+    "alarm-clock-cancelled",
     "alarm-clock-filled",
+    "alarm-clock-success",
     "alarm-clock",
     "alarm-filled",
     "alarm",
@@ -49,6 +55,7 @@
     "backup",
     "bar-code",
     "barchart",
+    "battery-bolt",
     "battery-check",
     "battery-empty-question",
     "battery-empty",
@@ -60,6 +67,19 @@
     "battery-quarter",
     "battery-slash",
     "battery-three-quarter",
+    "battery-upright-bolt",
+    "battery-upright-check",
+    "battery-upright-empty",
+    "battery-upright-exclamation",
+    "battery-upright-full-check",
+    "battery-upright-full",
+    "battery-upright-half",
+    "battery-upright-low",
+    "battery-upright-quarter",
+    "battery-upright-question",
+    "battery-upright-slash",
+    "battery-upright-three-quarter",
+    "battery-upright-xmark",
     "battery-xmark",
     "bezier-curve",
     "binoculars-filled",
@@ -69,12 +89,21 @@
     "bookmark-filled",
     "bookmark",
     "boundary-signals",
+    "box-closed",
+    "box-ipc-fail",
+    "box-ipc-question",
+    "box-ipc-success",
+    "box-ipc",
+    "box-open",
+    "bug-filled",
+    "bug",
     "building1-filled",
     "building1",
     "building2-filled",
     "building2",
     "bulb-filled",
     "bulb",
+    "calculator",
     "calendar-filled",
     "calendar-settings",
     "calendar",
@@ -112,12 +141,20 @@
     "checkbox",
     "checkboxes-filled",
     "checkboxes",
+    "chevron-down-bar-small",
+    "chevron-down-bar",
     "chevron-down-small",
     "chevron-down",
+    "chevron-left-bar-small",
+    "chevron-left-bar",
     "chevron-left-small",
     "chevron-left",
+    "chevron-right-bar-small",
+    "chevron-right-bar",
     "chevron-right-small",
     "chevron-right",
+    "chevron-up-bar-small",
+    "chevron-up-bar",
     "chevron-up-small",
     "chevron-up",
     "circle-dot-filled",
@@ -163,6 +200,7 @@
     "combine",
     "compact-disc-filled",
     "compact-disc",
+    "compare",
     "compound-block",
     "configuration",
     "configure-filled",
@@ -184,12 +222,19 @@
     "context-menu",
     "controlled-device",
     "controller-device",
+    "copy-filled",
     "copy",
     "corner-arrow-up-left",
     "couch-filled",
     "couch",
+    "counter",
     "create-plant-filled",
     "create-plant",
+    "crosshairs-filled",
+    "crosshairs",
+    "customer-filled",
+    "customer",
+    "cut-filled",
     "cut",
     "cycle",
     "data-egress",
@@ -198,6 +243,8 @@
     "database-filled",
     "database",
     "details",
+    "device-driver",
+    "device-fan",
     "diagram-module-library",
     "diagram-module-new",
     "diagram-module",
@@ -227,13 +274,19 @@
     "download-add",
     "download-list",
     "download",
+    "drag-and-drop",
+    "drag-gripper",
+    "drop-zone",
     "drop",
     "duplicate-document",
+    "duplicate-filled",
     "duplicate",
     "e-mail-filled",
     "e-mail",
     "earth-filled",
     "earth",
+    "edit-document-filled",
+    "edit-document",
     "edit-plant",
     "electrical-energy-filled",
     "electrical-energy",
@@ -254,9 +307,11 @@
     "filter-filled",
     "filter-outline",
     "filter",
+    "firmware",
     "fit-to-screen",
     "flag-filled",
     "flag",
+    "flashing",
     "folder-down-filled",
     "folder-down",
     "folder-filled",
@@ -288,12 +343,16 @@
     "globe",
     "goto",
     "group",
+    "handshake",
+    "hard-disk-drive",
     "hard-reset",
     "hardware-cabinet",
+    "heading",
     "health-filled",
     "health",
     "heart-filled",
     "heart",
+    "height",
     "hexagon-vertical-bars-database-filled",
     "hexagon-vertical-bars-database",
     "hexagon-vertical-bars-filled",
@@ -305,6 +364,10 @@
     "history",
     "home-filled",
     "home",
+    "hourglass-empty",
+    "hourglass-end",
+    "hourglass-filled",
+    "hourglass-start",
     "hourglass",
     "image-filled",
     "image",
@@ -318,8 +381,10 @@
     "inquiry-filled",
     "inquiry-mail",
     "inquiry",
+    "ipcs",
     "item-details-filled",
     "item-details",
+    "join",
     "label-filled",
     "label",
     "landing-page-logo",
@@ -334,7 +399,11 @@
     "license",
     "light-dark",
     "line-diagonal",
+    "link-break",
+    "link-diagonal",
     "link",
+    "list-sorted-alt",
+    "list-sorted",
     "list",
     "live-schedule",
     "location-filled",
@@ -379,6 +448,7 @@
     "mouse-click",
     "mouse-select-filled",
     "mouse-select",
+    "move",
     "mp4-document",
     "namur-check-function-filled",
     "namur-check-function",
@@ -412,10 +482,15 @@
     "open-file",
     "operate-plant-filled",
     "operate-plant",
+    "operating-system",
     "optimize",
     "p-and-i-symbols",
     "p-i-diagram",
     "pan",
+    "panel-ipc-fail",
+    "panel-ipc-question",
+    "panel-ipc-success",
+    "panel-ipc",
     "paste",
     "pause",
     "pc-tower-filled",
@@ -461,6 +536,7 @@
     "polygon-filled",
     "polygon-line",
     "polygon",
+    "power-supply",
     "ppt-document",
     "print-filled",
     "print",
@@ -483,6 +559,11 @@
     "quality-report",
     "question-filled",
     "question",
+    "quote",
+    "rack-ipc-fail",
+    "rack-ipc-question",
+    "rack-ipc-success",
+    "rack-ipc",
     "radarchart",
     "radio-waves-off",
     "radio-waves-warning",
@@ -495,12 +576,15 @@
     "redo",
     "reference",
     "refresh-cancelled",
+    "refresh-exclamation",
+    "refresh-settings",
     "refresh",
     "reload",
     "remove-application",
     "remove-eye-filled",
     "remove-eye",
     "rename",
+    "reorder",
     "replace",
     "report-barchart",
     "report-linechart",
@@ -517,6 +601,7 @@
     "rocket",
     "route-target",
     "route",
+    "runtime-settings",
     "scatterplot",
     "scheduler-filled",
     "scheduler",
@@ -527,9 +612,21 @@
     "script-add",
     "script",
     "scripts",
+    "sd-card-filled",
+    "sd-card-micro-filled",
+    "sd-card-micro",
+    "sd-card",
     "search",
+    "separator-line",
     "share-filled",
     "share",
+    "shield-broken-filled",
+    "shield-broken",
+    "shield-check-filled",
+    "shield-check",
+    "shield-filled",
+    "shield-half",
+    "shield",
     "shopping-cart-filled",
     "shopping-cart",
     "shout-filled",
@@ -553,6 +650,8 @@
     "skip-filled",
     "skip",
     "snowflake",
+    "solid-state-drive",
+    "sort-alt",
     "sort-ascending",
     "sort-descending",
     "sort",
@@ -567,6 +666,7 @@
     "spatial",
     "split-horizontally",
     "split-vertically",
+    "split",
     "stamp-filled",
     "stamp",
     "standby",
@@ -597,6 +697,7 @@
     "svg-document",
     "swap-left-right",
     "switch-slider",
+    "sword-swing",
     "table-columns",
     "table-rows",
     "table-settings",
@@ -608,10 +709,15 @@
     "tasks-all",
     "tasks-done",
     "tasks-open",
+    "text-bold",
     "text-circle-rectangle-filled",
     "text-circle-rectangle",
     "text-document",
+    "text-italic",
+    "text-strike-through",
+    "text-underline",
     "text",
+    "thermometer",
     "threshold-cancelled",
     "threshold-off",
     "threshold-on",
@@ -624,15 +730,20 @@
     "trashcan-filled",
     "trashcan",
     "tree",
+    "trend-downward-circle",
     "trend-downward-filled",
     "trend-downward",
+    "trend-sideways-circle",
     "trend-sideways-filled",
     "trend-sideways",
+    "trend-upward-circle",
     "trend-upward-filled",
     "trend-upward",
     "trend",
     "triangle-filled",
     "triangle",
+    "trophy-filled",
+    "trophy",
     "truck-filled",
     "truck",
     "tulip-filled",
@@ -649,6 +760,7 @@
     "upload-success",
     "upload",
     "upper-limit",
+    "usb-drive",
     "user-check-filled",
     "user-check",
     "user-fail-filled",
@@ -662,6 +774,8 @@
     "user-reading",
     "user-settings-filled",
     "user-settings",
+    "user-success-filled",
+    "user-success",
     "user",
     "validate",
     "vdi-folder",
@@ -681,6 +795,7 @@
     "webcam-cancelled",
     "webcam-filled",
     "webcam",
+    "width",
     "wlan-off",
     "wlan-strength-0",
     "wlan-strength-1",
@@ -696,6 +811,7 @@
     "y-axis-settings",
     "youtube-filled",
     "youtube",
+    "zone",
     "zoom-in",
     "zoom-out",
     "zoom-selection"