@siemens/ix-icons 0.0.0-20240613090826 → 0.0.0-20240729095443

package/dist/ix-icons/p-f737ff39.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getV3PreviewMetaElement","document","querySelector","getV3PreviewMetaContent","v3PreviewMetaElement","getAttribute","split","getCustomAssetUrl","assetPath","path","isV3PreviewEnabled","features","includes","fetchCache","requests","Map","parser","toCamelCase","value","replace","returnValue","makeNextUppercase","toLowerCase","i","length","c","charAt","match","toUpperCase","normalized","slice","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","getESMIcon","esmIcon","import","iconName","resolveIcon","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\nfunction getV3PreviewMetaElement() {\n  return document.querySelector(\"meta[name='ix-icons:v3-preview']\");\n}\n\nfunction getV3PreviewMetaContent() {\n  const v3PreviewMetaElement = getV3PreviewMetaElement();\n  if (v3PreviewMetaElement) {\n    return v3PreviewMetaElement.getAttribute('content').split(';');\n  }\n\n  return null;\n}\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/**\n * Enable v3 preview features\n *\n * <meta name=\"ix-icons:v3-preview\" content=\"svg-path-loading;\" />\n */\nexport function isV3PreviewEnabled() {\n  const features = getV3PreviewMetaContent();\n\n  if (!features) {\n    return false;\n  }\n\n  if (features.includes('svg-path-loading')) {\n    return true;\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, isV3PreviewEnabled } 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\nfunction toCamelCase(value: string) {\n  value = value.replace(/[\\(\\)\\[\\]\\{\\}\\=\\?\\!\\.\\:,\\-_\\+\\\\\\\"#~\\/]/g, ' ');\n  let returnValue = '';\n  let makeNextUppercase = true;\n  value = value.toLowerCase();\n  for (let i = 0; value.length > i; i++) {\n    let c = value.charAt(i);\n    if (c.match(/^\\s+$/g) || c.match(/[\\(\\)\\[\\]\\{\\}\\\\\\/]/g)) {\n      makeNextUppercase = true;\n    } else if (makeNextUppercase) {\n      c = c.toUpperCase();\n      makeNextUppercase = false;\n    }\n    returnValue += c;\n  }\n  const normalized = returnValue.replace(/\\s+/g, '');\n  return normalized.charAt(0).toUpperCase() + normalized.slice(1);\n}\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\nfunction 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\nasync function getESMIcon(name: string) {\n  const esmIcon = await import('./icons');\n  let iconName = toCamelCase(name);\n  iconName = `icon${iconName}`;\n\n  return parseSVGDataContent(esmIcon[iconName]);\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  if (isV3PreviewEnabled()) {\n    console.warn('Using V3 preview feature for loading icons.');\n    try {\n      return fetchSVG(getAssetUrl(iconName));\n    } catch (error) {\n      throw Error('Cannot resolve any icon');\n    }\n  }\n\n  return getESMIcon(iconName);\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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"}