@descope/web-components-ui 3.16.4 → 3.18.0

package/dist/umd/9439.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"9439.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n    componentName,\n  }),\n);\n"," \nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return srcAttrs;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.getSrc);\n  }\n\n  onThemeChange() {\n    this.renderImage();\n  }\n\n  toggleVisibility(isVisible) {\n    if (isVisible) {\n      this.classList.remove('hidden');\n    } else {\n      this.classList.add('hidden');\n    }\n  }\n\n  get altText() {\n    return this.getAttribute('alt') || '';\n  }\n\n  get legacySrc() {\n    return this.getAttribute('src');\n  }\n\n  get themeSrc() {\n    return this.getAttribute(`src-${this.currentThemeName}`);\n  }\n\n  get getSrc() {\n    return this.themeSrc || this.legacySrc;\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n   \n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n      );\n    });\n  }\n\n  renderImage() {\n    this.toggleVisibility(this.getSrc);\n\n    createImage(this.getSrc, this.altText).then((res) => {\n      this.innerHTML = '';\n      if (res) {\n        this.updateFillColor(res);\n        this.appendChild(res);\n      }\n    });\n  }\n\n  // render only when src attribute matches current theme\n  shouldRender(src) {\n    const srcVal = this.getAttribute(src);\n    return this.getSrc === srcVal;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (this.shouldRender(attrName)) {\n      this.renderImage();\n    }\n  }\n}\n\nexport const ImageClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  ele.setAttribute('alt', altText);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // allow image to render\n    ADD_TAGS: ['image'],\n    // forbid interactiviy via `use` tags (which are sanitized by default)\n    FORBID_TAGS: ['defs']\n  });\n\n  const parser = new DOMParser();\n  const ele = parser\n    .parseFromString(clean, 'image/svg+xml')\n    .querySelector('svg');\n  return ele;\n};\n\nexport const createImage = async (src, altText) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src, altText);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n\n      // Excluded from syncAttrs (bidirectional would let vaadin revert host\n      // values). Push host → vaadin one-way so authored placeholder applies.\n      forwardAttrs(this, this.baseElement, { includeAttrs: ['placeholder'] });\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style', 'placeholder'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n"],"names":["componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","triggers","attr","value","mappings","hostWidth","property","hostMaxWidth","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","height","width","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","observedAttrs","TextFieldClass","proxyProps","useProxyTargets","concat","icon","baseElement","includeAttrs","renderCopyToClipboard","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","addEventListener","navigator","clipboard","writeText","setTimeout","onLabelClick","focus","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineWidth","inputOutlineOffset","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","labelFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity"],"sourceRoot":""}