@descope/web-components-ui 1.65.0 → 1.66.0

package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-selection-group-fields-descope-button-selection-group-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/createBaseButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/index.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/baseButtonSelectionGroup.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/ButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n  componentName,\n  baseSelector: ':host > descope-button',\n}) {\n  get size() {\n    return this.getAttribute('size') || 'md';\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'contained';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  set value(value) {\n    this.setAttribute('value', value);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n      <slot></slot>\n    </descope-button>\n\t`;\n\n    injectStyle(\n      `\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  `,\n      this\n    );\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n    forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n  }\n\n  handleFocus() {\n    this.shadowRoot.querySelector('descope-button')?.focus();\n  }\n\n  focus() {\n    this.handleFocus();\n  }\n\n  init() {\n    super.init();\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.handleFocus();\n      }\n    });\n  }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDirection: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.hostDirection,\n      },\n      backgroundColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.backgroundColor,\n      },\n      labelTextColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.labelTextColor,\n      },\n      borderColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderColor,\n      },\n      borderWidth: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderWidth,\n      },\n      borderStyle: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderStyle,\n      },\n      borderRadius: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderRadius,\n      },\n      outlineColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.outlineColor,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","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} 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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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'],\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","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { componentName as descopeInternalComponentName } from '../descope-button-selection-group-internal/ButtonSelectionGroupInternalClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMappings,\n  buttonSelectionGroupStyles,\n} from '../baseButtonSelectionGroup';\n\nexport const componentName = getComponentName('button-selection-group');\n\nconst buttonSelectionGroupMixin = (superclass) =>\n  class ButtonMultiSelectionGroupMixinClass extends superclass {\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n      \tname=\"button-selection-group\"\n      \tslot=\"input\"\n        tabindex=\"-1\"\n        part=\"internal-component\"\n      >\n        <slot></slot>\n      </${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['size', 'default-value', 'allow-deselect'],\n      });\n    }\n  };\n\nexport const ButtonSelectionGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...buttonSelectionGroupMappings,\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => buttonSelectionGroupStyles,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n\nexport default ButtonSelectionGroupClass;\n","import { componentName, ButtonSelectionGroupClass } from './ButtonSelectionGroupClass';\nimport '../descope-button-selection-group-internal';\nimport '../descope-button-selection-group-item';\n\ncustomElements.define(componentName, ButtonSelectionGroupClass);\n\nexport { ButtonSelectionGroupClass, componentName };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\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) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\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, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\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);\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 { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport { observeAttributes } from '../../helpers/componentHelpers';\nimport { createDispatchEvent } from '../../helpers/mixinsHelpers';\n\nexport const createBaseButtonSelectionGroupInternalClass = (componentName) => {\n  class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({\n    componentName,\n    baseSelector: 'slot',\n  }) {\n    constructor() {\n      super();\n\n      this.innerHTML = `\n    <slot part=\"wrapper\"></slot>\n      `;\n    }\n\n    dispatchChange = createDispatchEvent.bind(this, 'change');\n\n    get items() {\n      return this.querySelector('slot').assignedElements();\n    }\n\n    get isReadonly() {\n      return this.getAttribute('readonly') === 'true';\n    }\n\n    get size() {\n      return this.getAttribute('size') || 'md';\n    }\n\n    // eslint-disable-next-line getter-return, class-methods-use-this\n    get value() {\n      // eslint-disable-next-line no-console\n      console.warn('get value', 'is not implemented');\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    set value(value) {\n      // eslint-disable-next-line no-console\n      console.warn('set value', 'is not implemented');\n    }\n\n    onSizeChange() {\n      this.items.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    onReadOnlyChange() {\n      this.querySelector('slot').toggleAttribute('inert', this.isReadonly);\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    getValidity() {\n      // eslint-disable-next-line no-console\n      console.warn('getValidity', 'is not implemented');\n    }\n\n    onObservedAttributeChange(attrs) {\n      attrs.forEach((attr) => {\n        switch (attr) {\n          case 'size':\n            this.onSizeChange();\n            break;\n          case 'readonly':\n            this.onReadOnlyChange();\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    init() {\n      // we are adding listeners before calling to super because it's stopping the events\n      this.addEventListener('focus', (e) => {\n        // we want to ignore focus events we are dispatching\n        if (e.isTrusted) {\n          this.items[0]?.focus();\n        }\n      });\n\n      super.init?.();\n\n      observeAttributes(this, this.onObservedAttributeChange.bind(this), {\n        includeAttrs: ['size', 'readonly'],\n      });\n    }\n  }\n\n  return BaseButtonSelectionGroupInternalClass;\n};\n","import {\n  componentName,\n  ButtonSelectionGroupInternalClass,\n} from './ButtonSelectionGroupInternalClass';\n\ncustomElements.define(componentName, ButtonSelectionGroupInternalClass);\n\nexport { ButtonSelectionGroupInternalClass };\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n","import { observeAttributes, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const buttonSelectionGroupBaseMixin = (superclass) =>\n  class ButtonSelectionGroupMixinClass extends superclass {\n    // eslint-disable-next-line class-methods-use-this\n    #renderItem = ({ value, label }) =>\n      `<descope-button-selection-group-item value=\"${value}\">${label}</descope-button-selection-group-item>`;\n\n    #data;\n\n    get renderItem() {\n      return this.#renderItem;\n    }\n\n    set renderItem(renderFn) {\n      this.#renderItem = renderFn;\n      this.renderItems();\n    }\n\n    get size() {\n      return this.inputElement?.size;\n    }\n\n    get data() {\n      if (this.#data) return this.#data;\n\n      const dataAttr = this.getAttribute('data');\n\n      if (dataAttr) {\n        try {\n          const data = JSON.parse(dataAttr);\n          if (this.isValidDataType(data)) {\n            return data;\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"data\" - ', e.message);\n        }\n      }\n\n      return [];\n    }\n\n    set data(data) {\n      if (this.isValidDataType(data)) {\n        this.#data = data;\n        this.renderItems();\n      }\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    isValidDataType(data) {\n      const isValid = Array.isArray(data);\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error('data must be an array, received:', data);\n      }\n\n      return isValid;\n    }\n\n    getItemsTemplate() {\n      return this.data?.reduce?.((acc, item) => acc + (this.renderItem?.(item || {}) || ''), '');\n    }\n\n    renderItems() {\n      const template = this.getItemsTemplate();\n      if (template) this.innerHTML = template;\n    }\n\n    init() {\n      super.init?.();\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      // we want new items to get the size\n      observeChildren(this, ({ addedNodes }) => {\n        addedNodes.forEach((node) => {\n          node.setAttribute('size', this.size);\n        });\n      });\n    }\n  };\n\nconst { host, label, requiredIndicator, internalWrapper, errorMessage } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: () => ':host [part=\"internal-component\"] slot' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const buttonSelectionGroupMappings = {\n  hostWidth: { ...host, property: 'width' },\n  hostDirection: { ...host, property: 'direction' },\n  fontFamily: host,\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n  ],\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  itemsSpacing: { ...internalWrapper, property: 'gap' },\n};\n\nexport const buttonSelectionGroupStyles = `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part=\"internal-component\"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part=\"internal-component\"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    `;\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { createBaseButtonSelectionGroupInternalClass } from '../createBaseButtonSelectionGroupInternalClass';\n\nexport const componentName = getComponentName('button-selection-group-internal');\n\nexport class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(\n  componentName\n) {\n  getSelectedNode() {\n    return this.items.find((item) => item.hasAttribute('selected'));\n  }\n\n  get allowDeselect() {\n    return this.getAttribute('allow-deselect') === 'true';\n  }\n\n  removeSelected() {\n    this.getSelectedNode()?.removeAttribute('selected');\n  }\n\n  onClick(e) {\n    if (e.target !== e.currentTarget) {\n      if (e.target === this.getSelectedNode() && this.allowDeselect) {\n        this.removeSelected();\n      } else {\n        this.setSelected(e.target);\n      }\n      this.dispatchChange();\n    }\n  }\n\n  setSelected(node) {\n    if (node !== this.getSelectedNode()) {\n      this.removeSelected();\n      node?.setAttribute('selected', 'true');\n    }\n  }\n\n  get defaultValue() {\n    return this.getAttribute('default-value');\n  }\n\n  setDefaultValue() {\n    // we want to defer this action until all attributes are synched\n    setTimeout(() => {\n      if (this.defaultValue) {\n        this.value = this.defaultValue;\n        this.setCustomValidity();\n      }\n    });\n  }\n\n  get value() {\n    return this.getSelectedNode()?.value || '';\n  }\n\n  set value(value) {\n    const node = this.items.find((child) => child.value === value);\n    this.setSelected(node);\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    super.init();\n\n    this.setDefaultValue();\n\n    this.querySelector('slot').addEventListener('click', this.onClick.bind(this));\n  }\n}\n","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } 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 { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\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 > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\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  // eslint-disable-next-line class-methods-use-this\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(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      alignItems: {}\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["createBaseInputClass","args","clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","RawSelectItem","createBaseClass","baseSelector","size","variant","value","setAttribute","constructor","attachShadow","mode","innerHTML","baseElement","includeAttrs","handleFocus","shadowRoot","querySelector","focus","init","addEventListener","e","isTrusted","ButtonSelectionGroupItemClass","mappings","hostDirection","selector","ButtonClass","property","cssVarList","backgroundColor","labelTextColor","borderColor","borderWidth","borderStyle","borderRadius","outlineColor","customElements","define","host","label","slottedIcon","loadingIndicatorStyles","hostWidth","hostHeight","fontSize","fontFamily","cursor","outlineOffset","outlineStyle","outlineWidth","verticalPadding","horizontalPadding","fallback","iconColor","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","ButtonSelectionGroupClass","proxyProps","template","document","createElement","appendChild","content","cloneNode","inputElement","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","createImgEle","setProperty","createBaseButtonSelectionGroupInternalClass","BaseButtonSelectionGroupInternalClass","dispatchChange","bind","items","assignedElements","isReadonly","console","warn","onSizeChange","forEach","item","onReadOnlyChange","toggleAttribute","getValidity","onObservedAttributeChange","attrs","attr","useHostExternalPadding","inputOutlineWidth","inputOutlineOffset","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputValueTextColor","inputHeight","inputBackgroundColor","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","buttonSelectionGroupBaseMixin","renderItem","renderFn","renderItems","data","dataAttr","JSON","parse","isValidDataType","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","addedNodes","node","requiredIndicator","internalWrapper","errorMessage","buttonSelectionGroupMappings","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","itemsSpacing","buttonSelectionGroupStyles","ButtonSelectionGroupInternalClass","getSelectedNode","find","hasAttribute","allowDeselect","removeSelected","removeAttribute","onClick","target","currentTarget","setSelected","defaultValue","setDefaultValue","setTimeout","setCustomValidity","child","isRequired","valueMissing","RawIcon","observedAttributes","toggleVisibility","isVisible","display","updateFillColor","querySelectorAll","IconClass","attributeChangedCallback","attrName","oldValue","newValue","then","res","clonedNode","alignItems"],"sourceRoot":""}
+{"version":3,"file":"button-selection-group-fields-descope-button-selection-group-index-js.js","mappings":"uMASO,MAAMA,EAAuB,IAAIC,KACtC,QACE,KACA,KACA,KACA,KAJF,EAKE,UAAmBA,G,mCCfhB,MAAMC,EAAkBC,GAC7B,cAAkCA,EAChC,aAAIC,GACF,MAAwC,SAAjCC,KAAKC,aAAa,UAC3B,CAEA,KAAAC,GACEF,KAAKD,WAAaI,MAAMD,OAC1B,E,2ICDG,MAAME,GAAgB,QAAiB,+BAE9C,MAAMC,WAAsB,EAAAC,EAAA,GAAgB,CAC1CF,gBACAG,aAAc,4BAEd,QAAIC,GACF,OAAOR,KAAKC,aAAa,SAAW,IACtC,CAEA,WAAIQ,GACF,OAAOT,KAAKC,aAAa,YAAc,WACzC,CAEA,SAAIS,GACF,OAAOV,KAAKC,aAAa,UAAY,EACvC,CAEA,SAAIS,CAAMA,GACRV,KAAKW,aAAa,QAASD,EAC7B,CAEA,WAAAE,GACET,QAEAH,KAAKa,aAAa,CAAEC,KAAM,SAAUC,UAAY,kCACrBf,KAAKS,kBAAkBT,KAAKQ,yEAKvD,QACE,8SAeAR,OAGF,QAAaA,KAAMA,KAAKgB,YAAa,CAAEC,aAAc,CAAC,OAAQ,cAC9D,QAAajB,KAAKgB,YAAahB,KAAM,CAAEiB,aAAc,CAAC,UAAW,WACnE,CAEA,WAAAC,GACElB,KAAKmB,WAAWC,cAAc,mBAAmBC,OACnD,CAEA,KAAAA,GACErB,KAAKkB,aACP,CAEA,IAAAI,GACEnB,MAAMmB,OACNtB,KAAKuB,iBAAiB,SAAUC,IAE1BA,EAAEC,WACJzB,KAAKkB,aACP,GAEJ,EAGK,MAAMQ,GAAgC,SAC3C,QAAiB,CACfC,SAAU,CACRC,cAAe,CACbC,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWJ,eAEnCK,gBAAiB,CACfJ,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWC,iBAEnCC,eAAgB,CACdL,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWE,gBAEnCC,YAAa,CACXN,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWG,aAEnCC,YAAa,CACXP,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWI,aAEnCC,YAAa,CACXR,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWK,aAEnCC,aAAc,CACZT,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWM,cAEnCC,aAAc,CACZV,SAAU,IAAMC,EAAA,EAAY1B,cAC5B2B,SAAUD,EAAA,EAAYE,WAAWO,iBAIvC,KACA,KAtC2C,CAuC3ClC,G,SCpHFmC,eAAeC,OAAOrC,EAAesB,E,sGCQ9B,MAAMtB,GAAgB,QAAiB,WAsCxC,KAAEsC,EAAI,MAAEC,EAAK,YAAEC,GAAgB,CACnCF,KAAM,CAAEb,SAAU,IAAM,SACxBc,MAAO,CAAEd,SAAU,iBACnBe,YAAa,CAAEf,SAAU,IAAM,4BAGjC,IAAIgB,EAEG,MAAMf,GAAc,SACzB,QAAiB,CACfH,SAAU,CACRmB,UAAW,CAAEf,SAAU,SACvBgB,WAAY,CAAEhB,SAAU,UACxBH,cAAe,IAAKc,EAAMX,SAAU,aACpCiB,SAAU,CAAC,EACXC,WAAY,CAAC,EAEbC,OAAQ,CAAC,EACTjB,gBAAiB,CAAC,EAElBkB,cAAe,CAAC,EAChBZ,aAAc,CAAC,EACfa,aAAc,CAAC,EACfC,aAAc,CAAC,EAEff,aAAc,CAAC,EACfH,YAAa,CAAC,EACdE,YAAa,CAAC,EACdD,YAAa,CAAC,EAEdkB,gBAAiB,CAAC,CAAEvB,SAAU,eAAiB,CAAEA,SAAU,mBAC3DwB,kBAAmB,CACjB,CAAExB,SAAU,gBAAiByB,SAAU,WACvC,CAAEzB,SAAU,eAAgByB,SAAU,YAGxCtB,eAAgB,CAAEH,SAAU,SAC5B0B,UAAW,CACT5B,SAAU,IAAM,eAChBE,SAAU,IAAUC,WAAW0B,MAEjCC,oBAAqB,IAAKhB,EAAOZ,SAAU,mBAC3C6B,aAAc,IAAKjB,EAAOZ,SAAU,OACpC8B,UAAW,IAAKlB,EAAOZ,SAAU,kBAAmByB,SAAU,UAE9DM,SAAU,CACR,IAAKlB,EAAab,SAAU,SAC5B,IAAKa,EAAab,SAAU,cAIlC,IACA,KACA,KA7CyB,EA+CzB,QAAY,CACVgC,MAAO,CAAC,GAAI,SAAU,QAAS,UAC/BC,eAAgB,gBAChBC,MAAO,IAAM,qjBAGZpB,2GAGmBf,EAAYE,WAAWqB,uBAAuBvB,EAAYE,WAAWmB,qFAGxErB,EAAYE,WAAWc,yEAGrBhB,EAAYE,WAAWe,qBAAqBjB,EAAYE,WAAWqB,uBAAuBvB,EAAYE,WAAWmB,wGAGlHrB,EAAYE,WAAWc,oBAAoBhB,EAAYE,WAAWqB,uBAAuBvB,EAAYE,WAAWmB,uDAIlIe,iBAAkB,CAAC,YACnB9D,oBAIE,MAAE+D,EAAK,SAAEnB,GAAalB,EAAYE,WACxCa,EAAyB,mbAeVsB,iCACUnB,wCACCA,yCACCA,6BACZA,wBACCA,0N,gJCxIT,MAAM5C,GAAgB,QAAiB,0BA6BjCgE,GAA4B,SACvC,QAAiB,CACfzC,SAAU,IACL,QAGP,MACA,QAAgB,CAAE0C,WAAY,CAAC,QAAS,oBACxC,KACA,MApCiCvE,GACjC,cAAkDA,EAChD,IAAAwB,GACEnB,MAAMmB,SACN,MAAMgD,EAAWC,SAASC,cAAc,YAExCF,EAASvD,UAAY,YAClB,uKAOC,eAGJf,KAAKgB,YAAYyD,YAAYH,EAASI,QAAQC,WAAU,IAExD3E,KAAK4E,aAAe5E,KAAKmB,WAAWC,cAAc,MAElD,QAAapB,KAAMA,KAAK4E,aAAc,CACpC3D,aAAc,CAAC,OAAQ,gBAAiB,mBAE5C,IAGqC,EAYvC,QAAY,CACV8C,MAAO,GACPC,eAAgB,oBAChBC,MAAO,IAAM,KACbC,iBAAkB,CAAC,YACnB9D,mB,kBC1DJoC,eAAeC,OAAOrC,EAAegE,E,oGCDrC5B,eAAeC,OAAO,IAAe,I,kDCDrC,MAeMoC,EAAgBC,IAEpB,MAAMC,EAAQ,IAAUC,SAASF,EAAM,CAAEG,aAAc,CAAEC,KAAK,EAAMC,YAAY,KAIhF,OAFe,IAAIC,WACAC,gBAAgBN,EAAO,iBAAiB3D,cAAc,MAC/D,EAGCkE,EAAaC,MAAOC,IAC/B,IACE,IAAIC,EACJ,GApBgB,CAACD,GAAQA,EAAIE,WAFZ,8BAsBbC,CAAYH,GAAM,CAEpB,MAAMI,EAASC,KAAKL,EAAIM,MAAMC,KAC9BN,EAAMZ,EAAae,EACrB,MAAO,GAA8B,QA/BhB,CAACI,IACxB,MAAMC,EAAQD,EAAKC,MAAM,8BACzB,OAAOA,EAAQA,EAAM,GAAK,IAAI,EA6BjBC,CAAiBV,GAAgB,CAE1C,MAAMW,QAAmBC,MAAMZ,GACzBV,QAAaqB,EAAWrB,OAC9BW,EAAMZ,EAAaC,EACrB,MAEEW,EA7Be,CAACD,IACpB,MAAMC,EAAMlB,SAASC,cAAc,OAEnC,OADAiB,EAAI9E,aAAa,MAAO6E,GACjBC,CAAG,EA0BAY,CAAab,GAMrB,OAHAC,EAAIxB,MAAMqC,YAAY,YAAa,QACnCb,EAAIxB,MAAMqC,YAAY,aAAc,QAE7Bb,CACT,CAAE,MACA,OAAO,IACT,E,gFC5CK,MAAMc,EAA+CnG,IAC1D,MAAMoG,WAA8C,OAAqB,CACvEpG,gBACAG,aAAc,UAEd,WAAAK,GACET,QAEAH,KAAKe,UAAY,4CAGnB,CAEA0F,eAAiB,IAAoBC,KAAK1G,KAAM,UAEhD,SAAI2G,GACF,OAAO3G,KAAKoB,cAAc,QAAQwF,kBACpC,CAEA,cAAIC,GACF,MAAyC,SAAlC7G,KAAKC,aAAa,WAC3B,CAEA,QAAIO,GACF,OAAOR,KAAKC,aAAa,SAAW,IACtC,CAGA,SAAIS,GAEFoG,QAAQC,KAAK,YAAa,qBAC5B,CAGA,SAAIrG,CAAMA,GAERoG,QAAQC,KAAK,YAAa,qBAC5B,CAEA,YAAAC,GACEhH,KAAK2G,MAAMM,SAASC,IAClBA,EAAKvG,aAAa,OAAQX,KAAKQ,KAAK,GAExC,CAEA,gBAAA2G,GACEnH,KAAKoB,cAAc,QAAQgG,gBAAgB,QAASpH,KAAK6G,WAC3D,CAGA,WAAAQ,GAEEP,QAAQC,KAAK,cAAe,qBAC9B,CAEA,yBAAAO,CAA0BC,GACxBA,EAAMN,SAASO,IACb,OAAQA,GACN,IAAK,OACHxH,KAAKgH,eACL,MACF,IAAK,WACHhH,KAAKmH,mBAIT,GAEJ,CAEA,IAAA7F,GAEEtB,KAAKuB,iBAAiB,SAAUC,IAE1BA,EAAEC,WACJzB,KAAK2G,MAAM,IAAItF,OACjB,IAGFlB,MAAMmB,UAEN,QAAkBtB,KAAMA,KAAKsH,0BAA0BZ,KAAK1G,MAAO,CACjEiB,aAAc,CAAC,OAAQ,aAE3B,EAGF,OAAOuF,CAAqC,C,2FCvF9ChE,eAAeC,OAAO,IAAe,I,8HCL9B,MAAMgF,EAA0BzF,GAAe,4CAE1BA,EAAW0F,4BAA4B1F,EAAW2F,gCAwBjEC,EAAuBC,GAAS,SACvCA,sIASOC,EAAmBD,GAAS,SACnCA,6GAOOE,EAAoBF,GAAS,SACpCA,mBACAA,wBACAA,mEAKOG,EAAwB,CAACH,EAAMpC,EAAM,UAAY,SACxDoC,iBAAoBpC,2BACvBoC,iBAAoBpC,gDAgBVwC,EAA8B,IAAM,uGAOpCC,EAA2BL,GAAS,SAC3CA,8DAKOM,EAAyCN,GAAS,SACzDA,oEAKOO,EAAsB,CAACP,EAAM7F,IAAe,SACnD4F,EAAoBC,WACpBE,EAAiBF,WACjBG,EAAsBH,WACtBC,EAAgBD,WAlCY,EAACA,EAAM7F,IAAe,SAClD6F,kCACAA,8CACAA,wCACAA,yCACAA,0EACiC7F,EAAWqG,wDAClBrG,EAAWsG,oBAAoBtG,EAAWuG,wCA4BpEC,CAAmBX,EAAM7F,WACzBmG,EAAsCN,WAnFV,CAACA,GAAS,SACtCA,yCAmFAY,CAAmBZ,WA9EQ,CAACA,GAAS,SACrCA,mHA8EAa,CAAkBb,WA3FwB,CAACA,GAAS,SACpDA,gEA2FAc,CAAiCd,OAM1Be,EAA2Bf,GAAS,4ZAiB3CA,yJAQOgB,EAA0B,IAC9B,oR,gFC3HF,MAAMC,EAAiChJ,GAC5C,cAA6CA,EAE3C,GAAc,EAAGY,QAAOiC,WACtB,+CAA+CjC,MAAUiC,0CAE3D,GAEA,cAAIoG,GACF,OAAO/I,MAAK,CACd,CAEA,cAAI+I,CAAWC,GACbhJ,MAAK,EAAcgJ,EACnBhJ,KAAKiJ,aACP,CAEA,QAAIzI,GACF,OAAOR,KAAK4E,cAAcpE,IAC5B,CAEA,QAAI0I,GACF,GAAIlJ,MAAK,EAAO,OAAOA,MAAK,EAE5B,MAAMmJ,EAAWnJ,KAAKC,aAAa,QAEnC,GAAIkJ,EACF,IACE,MAAMD,EAAOE,KAAKC,MAAMF,GACxB,GAAInJ,KAAKsJ,gBAAgBJ,GACvB,OAAOA,CAEX,CAAE,MAAO1H,GAEPsF,QAAQyC,MAAM,uDAAwD/H,EAAEgI,QAC1E,CAGF,MAAO,EACT,CAEA,QAAIN,CAAKA,GACHlJ,KAAKsJ,gBAAgBJ,KACvBlJ,MAAK,EAAQkJ,EACblJ,KAAKiJ,cAET,CAGA,eAAAK,CAAgBJ,GACd,MAAMO,EAAUC,MAAMC,QAAQT,GAM9B,OALKO,GAEH3C,QAAQyC,MAAM,mCAAoCL,GAG7CO,CACT,CAEA,gBAAAG,GACE,OAAO5J,KAAKkJ,MAAMW,UAAS,CAACC,EAAK5C,IAAS4C,GAAO9J,KAAK+I,aAAa7B,GAAQ,CAAC,IAAM,KAAK,GACzF,CAEA,WAAA+B,GACE,MAAM3E,EAAWtE,KAAK4J,mBAClBtF,IAAUtE,KAAKe,UAAYuD,EACjC,CAEA,IAAAhD,GACEnB,MAAMmB,SAENtB,KAAKiJ,eAEL,QAAkBjJ,KAAMA,KAAKiJ,YAAYvC,KAAK1G,MAAO,CAAEiB,aAAc,CAAC,WAGtE,QAAgBjB,MAAM,EAAG+J,iBACvBA,EAAW9C,SAAS+C,IAClBA,EAAKrJ,aAAa,OAAQX,KAAKQ,KAAK,GACpC,GAEN,IAGE,KAAEkC,EAAI,MAAEC,EAAK,kBAAEsH,EAAiB,gBAAEC,EAAe,aAAEC,GAAiB,CACxEzH,KAAM,CAAEb,SAAU,IAAM,SACxBc,MAAO,CAAEd,SAAU,iBACnBoI,kBAAmB,CAAEpI,SAAU,+CAC/BqI,gBAAiB,CAAErI,SAAU,IAAM,0CACnCsI,aAAc,CAAEtI,SAAU,0BAGfuI,EAA+B,CAC1CtH,UAAW,IAAKJ,EAAMX,SAAU,SAChCH,cAAe,IAAKc,EAAMX,SAAU,aACpCkB,WAAYP,EACZR,eAAgB,CACd,IAAKS,EAAOZ,SAAU,SACtB,IAAKkI,EAAmBlI,SAAU,UAEpCsI,uBAAwB,IAAKJ,EAAmBlI,SAAU,WAC1DuI,sBAAuB,IAAKH,EAAcpI,SAAU,SACpDwI,iBAAkB,IAAKJ,EAAcpI,SAAU,oBAC/CyI,qBAAsB,IAAKL,EAAcpI,SAAU,mBACnD0I,wBAAyB,IAAKN,EAAcpI,SAAU,wBACtD2I,uBAAwB,IAAKP,EAAcpI,SAAU,qBACrD4I,yBAA0B,IAAKR,EAAcpI,SAAU,uBACvD6I,aAAc,IAAKV,EAAiBnI,SAAU,QAGnC8I,EAA6B,6FAKrC,0pCAqDG,QAAwB,gCAC3B,QAAiB,4B,qEC7Kf,MAAMzK,GAAgB,QAAiB,mCAEvC,MAAM0K,WAA0C,OACrD1K,IAEA,eAAA2K,GACE,OAAO/K,KAAK2G,MAAMqE,MAAM9D,GAASA,EAAK+D,aAAa,aACrD,CAEA,iBAAIC,GACF,MAA+C,SAAxClL,KAAKC,aAAa,iBAC3B,CAEA,cAAAkL,GACEnL,KAAK+K,mBAAmBK,gBAAgB,WAC1C,CAEA,OAAAC,CAAQ7J,GACFA,EAAE8J,SAAW9J,EAAE+J,gBACb/J,EAAE8J,SAAWtL,KAAK+K,mBAAqB/K,KAAKkL,cAC9ClL,KAAKmL,iBAELnL,KAAKwL,YAAYhK,EAAE8J,QAErBtL,KAAKyG,iBAET,CAEA,WAAA+E,CAAYxB,GACNA,IAAShK,KAAK+K,oBAChB/K,KAAKmL,iBACLnB,GAAMrJ,aAAa,WAAY,QAEnC,CAEA,gBAAI8K,GACF,OAAOzL,KAAKC,aAAa,gBAC3B,CAEA,eAAAyL,GAEEC,YAAW,KACL3L,KAAKyL,eACPzL,KAAKU,MAAQV,KAAKyL,aAClBzL,KAAK4L,oBACP,GAEJ,CAEA,SAAIlL,GACF,OAAOV,KAAK+K,mBAAmBrK,OAAS,EAC1C,CAEA,SAAIA,CAAMA,GACR,MAAMsJ,EAAOhK,KAAK2G,MAAMqE,MAAMa,GAAUA,EAAMnL,QAAUA,IACxDV,KAAKwL,YAAYxB,EACnB,CAEA,WAAA3C,GACE,OAAIrH,KAAK8L,aAAe9L,KAAKU,MACpB,CAAEqL,cAAc,GAGlB,CAAC,CACV,CAEA,IAAAzK,GACEnB,MAAMmB,OAENtB,KAAK0L,kBAEL1L,KAAKoB,cAAc,QAAQG,iBAAiB,QAASvB,KAAKqL,QAAQ3E,KAAK1G,MACzE,E,sGCnEK,MAAMI,GAAgB,QAAiB,QAE9C,MAAM4L,WAAgB,QAAgB,CAAE5L,gBAAeG,aAAc,UACnE,6BAAW0L,GACT,MAAO,CAAC,MACV,CAEA,GAEA,WAAArL,GACET,QAEAH,KAAKa,aAAa,CAAEC,KAAM,SAAUC,UAAY,2BAIhD,QACE,+NAYAf,KAEJ,CAEA,IAAAsB,GACEnB,MAAMmB,SACNtB,KAAKkM,iBAAiBlM,KAAKwF,IAC7B,CAEA,gBAAA0G,CAAiBC,GACfnM,KAAKiE,MAAMmI,QAAUD,EAAY,GAAK,MACxC,CAEA,OAAI3G,GACF,OAAOxF,KAAKC,aAAa,MAC3B,CAKA,eAAAoM,CAAgBrC,GAEY,CAACA,KAASA,EAAKsC,iBAAiB,YAExCrF,SAASxB,IACzBA,EAAI9E,aACF,OACA,OAAO4L,EAAUvK,WAAW0B,SAAS+B,EAAIxF,aAAa,SAAW,QAClE,GAEL,CAEA,wBAAAuM,CAAyBC,EAAUC,EAAUC,GAC3CxM,MAAMqM,2BAA2BC,EAAUC,EAAUC,GAEjDD,IAAaC,GAEA,QAAbF,IACFzM,KAAKkM,iBAAiBS,IAEtB,OAAW3M,KAAKwF,KAAKoH,MAAMC,IAEzB,GADA7M,KAAKe,UAAY,GACb8L,EAAK,CACP,MAAMC,EAAaD,EAAIlI,WAAU,GACjC3E,KAAKqM,gBAAgBS,GACrB9M,KAAKyE,YAAYqI,EACnB,KAGN,EAGK,MAAMP,GAAY,SACvB,QAAiB,CACf5K,SAAU,CACR+B,KAAM,CAAC,EACPqJ,WAAY,CAAC,KAGjB,KACA,KARuB,CASvBf,E","sources":["webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/createBaseButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/index.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/baseButtonSelectionGroup.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/ButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n  componentName,\n  baseSelector: ':host > descope-button',\n}) {\n  get size() {\n    return this.getAttribute('size') || 'md';\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'contained';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  set value(value) {\n    this.setAttribute('value', value);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n      <slot></slot>\n    </descope-button>\n\t`;\n\n    injectStyle(\n      `\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  `,\n      this\n    );\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n    forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n  }\n\n  handleFocus() {\n    this.shadowRoot.querySelector('descope-button')?.focus();\n  }\n\n  focus() {\n    this.handleFocus();\n  }\n\n  init() {\n    super.init();\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.handleFocus();\n      }\n    });\n  }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDirection: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.hostDirection,\n      },\n      backgroundColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.backgroundColor,\n      },\n      labelTextColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.labelTextColor,\n      },\n      borderColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderColor,\n      },\n      borderWidth: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderWidth,\n      },\n      borderStyle: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderStyle,\n      },\n      borderRadius: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderRadius,\n      },\n      outlineColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.outlineColor,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","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} 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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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'],\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","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { componentName as descopeInternalComponentName } from '../descope-button-selection-group-internal/ButtonSelectionGroupInternalClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMappings,\n  buttonSelectionGroupStyles,\n} from '../baseButtonSelectionGroup';\n\nexport const componentName = getComponentName('button-selection-group');\n\nconst buttonSelectionGroupMixin = (superclass) =>\n  class ButtonMultiSelectionGroupMixinClass extends superclass {\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n      \tname=\"button-selection-group\"\n      \tslot=\"input\"\n        tabindex=\"-1\"\n        part=\"internal-component\"\n      >\n        <slot></slot>\n      </${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['size', 'default-value', 'allow-deselect'],\n      });\n    }\n  };\n\nexport const ButtonSelectionGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...buttonSelectionGroupMappings,\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => buttonSelectionGroupStyles,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n\nexport default ButtonSelectionGroupClass;\n","import { componentName, ButtonSelectionGroupClass } from './ButtonSelectionGroupClass';\nimport '../descope-button-selection-group-internal';\nimport '../descope-button-selection-group-item';\n\ncustomElements.define(componentName, ButtonSelectionGroupClass);\n\nexport { ButtonSelectionGroupClass, componentName };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\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) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\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, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\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);\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 { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport { observeAttributes } from '../../helpers/componentHelpers';\nimport { createDispatchEvent } from '../../helpers/mixinsHelpers';\n\nexport const createBaseButtonSelectionGroupInternalClass = (componentName) => {\n  class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({\n    componentName,\n    baseSelector: 'slot',\n  }) {\n    constructor() {\n      super();\n\n      this.innerHTML = `\n    <slot part=\"wrapper\"></slot>\n      `;\n    }\n\n    dispatchChange = createDispatchEvent.bind(this, 'change');\n\n    get items() {\n      return this.querySelector('slot').assignedElements();\n    }\n\n    get isReadonly() {\n      return this.getAttribute('readonly') === 'true';\n    }\n\n    get size() {\n      return this.getAttribute('size') || 'md';\n    }\n\n    // eslint-disable-next-line getter-return, class-methods-use-this\n    get value() {\n      // eslint-disable-next-line no-console\n      console.warn('get value', 'is not implemented');\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    set value(value) {\n      // eslint-disable-next-line no-console\n      console.warn('set value', 'is not implemented');\n    }\n\n    onSizeChange() {\n      this.items.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    onReadOnlyChange() {\n      this.querySelector('slot').toggleAttribute('inert', this.isReadonly);\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    getValidity() {\n      // eslint-disable-next-line no-console\n      console.warn('getValidity', 'is not implemented');\n    }\n\n    onObservedAttributeChange(attrs) {\n      attrs.forEach((attr) => {\n        switch (attr) {\n          case 'size':\n            this.onSizeChange();\n            break;\n          case 'readonly':\n            this.onReadOnlyChange();\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    init() {\n      // we are adding listeners before calling to super because it's stopping the events\n      this.addEventListener('focus', (e) => {\n        // we want to ignore focus events we are dispatching\n        if (e.isTrusted) {\n          this.items[0]?.focus();\n        }\n      });\n\n      super.init?.();\n\n      observeAttributes(this, this.onObservedAttributeChange.bind(this), {\n        includeAttrs: ['size', 'readonly'],\n      });\n    }\n  }\n\n  return BaseButtonSelectionGroupInternalClass;\n};\n","import {\n  componentName,\n  ButtonSelectionGroupInternalClass,\n} from './ButtonSelectionGroupInternalClass';\n\ncustomElements.define(componentName, ButtonSelectionGroupInternalClass);\n\nexport { ButtonSelectionGroupInternalClass };\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n","import { observeAttributes, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const buttonSelectionGroupBaseMixin = (superclass) =>\n  class ButtonSelectionGroupMixinClass extends superclass {\n    // eslint-disable-next-line class-methods-use-this\n    #renderItem = ({ value, label }) =>\n      `<descope-button-selection-group-item value=\"${value}\">${label}</descope-button-selection-group-item>`;\n\n    #data;\n\n    get renderItem() {\n      return this.#renderItem;\n    }\n\n    set renderItem(renderFn) {\n      this.#renderItem = renderFn;\n      this.renderItems();\n    }\n\n    get size() {\n      return this.inputElement?.size;\n    }\n\n    get data() {\n      if (this.#data) return this.#data;\n\n      const dataAttr = this.getAttribute('data');\n\n      if (dataAttr) {\n        try {\n          const data = JSON.parse(dataAttr);\n          if (this.isValidDataType(data)) {\n            return data;\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"data\" - ', e.message);\n        }\n      }\n\n      return [];\n    }\n\n    set data(data) {\n      if (this.isValidDataType(data)) {\n        this.#data = data;\n        this.renderItems();\n      }\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    isValidDataType(data) {\n      const isValid = Array.isArray(data);\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error('data must be an array, received:', data);\n      }\n\n      return isValid;\n    }\n\n    getItemsTemplate() {\n      return this.data?.reduce?.((acc, item) => acc + (this.renderItem?.(item || {}) || ''), '');\n    }\n\n    renderItems() {\n      const template = this.getItemsTemplate();\n      if (template) this.innerHTML = template;\n    }\n\n    init() {\n      super.init?.();\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      // we want new items to get the size\n      observeChildren(this, ({ addedNodes }) => {\n        addedNodes.forEach((node) => {\n          node.setAttribute('size', this.size);\n        });\n      });\n    }\n  };\n\nconst { host, label, requiredIndicator, internalWrapper, errorMessage } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: () => ':host [part=\"internal-component\"] slot' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const buttonSelectionGroupMappings = {\n  hostWidth: { ...host, property: 'width' },\n  hostDirection: { ...host, property: 'direction' },\n  fontFamily: host,\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n  ],\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  itemsSpacing: { ...internalWrapper, property: 'gap' },\n};\n\nexport const buttonSelectionGroupStyles = `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part=\"internal-component\"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part=\"internal-component\"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    `;\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { createBaseButtonSelectionGroupInternalClass } from '../createBaseButtonSelectionGroupInternalClass';\n\nexport const componentName = getComponentName('button-selection-group-internal');\n\nexport class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(\n  componentName\n) {\n  getSelectedNode() {\n    return this.items.find((item) => item.hasAttribute('selected'));\n  }\n\n  get allowDeselect() {\n    return this.getAttribute('allow-deselect') === 'true';\n  }\n\n  removeSelected() {\n    this.getSelectedNode()?.removeAttribute('selected');\n  }\n\n  onClick(e) {\n    if (e.target !== e.currentTarget) {\n      if (e.target === this.getSelectedNode() && this.allowDeselect) {\n        this.removeSelected();\n      } else {\n        this.setSelected(e.target);\n      }\n      this.dispatchChange();\n    }\n  }\n\n  setSelected(node) {\n    if (node !== this.getSelectedNode()) {\n      this.removeSelected();\n      node?.setAttribute('selected', 'true');\n    }\n  }\n\n  get defaultValue() {\n    return this.getAttribute('default-value');\n  }\n\n  setDefaultValue() {\n    // we want to defer this action until all attributes are synched\n    setTimeout(() => {\n      if (this.defaultValue) {\n        this.value = this.defaultValue;\n        this.setCustomValidity();\n      }\n    });\n  }\n\n  get value() {\n    return this.getSelectedNode()?.value || '';\n  }\n\n  set value(value) {\n    const node = this.items.find((child) => child.value === value);\n    this.setSelected(node);\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    super.init();\n\n    this.setDefaultValue();\n\n    this.querySelector('slot').addEventListener('click', this.onClick.bind(this));\n  }\n}\n","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } 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 { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\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 > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\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  // eslint-disable-next-line class-methods-use-this\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(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      alignItems: {}\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["createBaseInputClass","args","clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","RawSelectItem","createBaseClass","baseSelector","size","variant","value","setAttribute","constructor","attachShadow","mode","innerHTML","baseElement","includeAttrs","handleFocus","shadowRoot","querySelector","focus","init","addEventListener","e","isTrusted","ButtonSelectionGroupItemClass","mappings","hostDirection","selector","ButtonClass","property","cssVarList","backgroundColor","labelTextColor","borderColor","borderWidth","borderStyle","borderRadius","outlineColor","customElements","define","host","label","slottedIcon","loadingIndicatorStyles","hostWidth","hostHeight","fontSize","fontFamily","cursor","outlineOffset","outlineStyle","outlineWidth","verticalPadding","horizontalPadding","fallback","iconColor","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","ButtonSelectionGroupClass","proxyProps","template","document","createElement","appendChild","content","cloneNode","inputElement","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","createImgEle","setProperty","createBaseButtonSelectionGroupInternalClass","BaseButtonSelectionGroupInternalClass","dispatchChange","bind","items","assignedElements","isReadonly","console","warn","onSizeChange","forEach","item","onReadOnlyChange","toggleAttribute","getValidity","onObservedAttributeChange","attrs","attr","useHostExternalPadding","inputOutlineWidth","inputOutlineOffset","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputValueTextColor","inputHeight","inputBackgroundColor","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","buttonSelectionGroupBaseMixin","renderItem","renderFn","renderItems","data","dataAttr","JSON","parse","isValidDataType","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","addedNodes","node","requiredIndicator","internalWrapper","errorMessage","buttonSelectionGroupMappings","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","itemsSpacing","buttonSelectionGroupStyles","ButtonSelectionGroupInternalClass","getSelectedNode","find","hasAttribute","allowDeselect","removeSelected","removeAttribute","onClick","target","currentTarget","setSelected","defaultValue","setDefaultValue","setTimeout","setCustomValidity","child","isRequired","valueMissing","RawIcon","observedAttributes","toggleVisibility","isVisible","display","updateFillColor","querySelectorAll","IconClass","attributeChangedCallback","attrName","oldValue","newValue","then","res","clonedNode","alignItems"],"sourceRoot":""}

package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1837],{10767:(t,e,n)=>{n.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},15450:(t,e,n)=>{n.r(e),n.d(e,{ButtonSelectionGroupItemClass:()=>p});var o=n(79365),r=n(81365),i=n(9696),s=n(97810),a=n(19624),l=n(25964);const c=(0,s.xE)("button-selection-group-item");class d extends((0,r.q)({componentName:c,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,(0,l.fz)("\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  ",this),(0,s.EA)(this,this.baseElement,{includeAttrs:["size","variant"]}),(0,s.EA)(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",(t=>{t.isTrusted&&this.handleFocus()}))}}const p=(0,i.Zz)((0,o.RF)({mappings:{hostDirection:{selector:()=>a.J.componentName,property:a.J.cssVarList.hostDirection},backgroundColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.backgroundColor},labelTextColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.labelTextColor},borderColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderColor},borderWidth:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderWidth},borderStyle:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderStyle},borderRadius:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderRadius},outlineColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.outlineColor}}}),o.VO,o.tQ)(d);n(30576),customElements.define(c,p)},19624:(t,e,n)=>{n.d(e,{J:()=>u,T:()=>l});var o=n(63200),r=n(25964),i=n(88961),s=n(98538),a=n(10767);const l=(0,r.xE)("button"),{host:c,label:d,slottedIcon:p}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const u=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...p,property:"width"},{...p,property:"height"}]}}),a.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\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\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:b,fontSize:g}=u.cssVarList;h=`\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(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\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`},30576:(t,e,n)=>{n.r(e),n.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=n(19624);n(83799),customElements.define(o.T,o.J)},31004:(t,e,n)=>{n.d(e,{w:()=>i});var o=n(25414);const r=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=r(n)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const n=await fetch(t),o=await n.text();e=r(o)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},98538:(t,e,n)=>{n.d(e,{S:()=>d,T:()=>l});var o=n(88961),r=n(72270),i=n(63200),s=n(25964),a=n(31004);const l=(0,s.xE)("icon");class c extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.fz)("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}toggleVisibility(t){this.style.display=t?"":"none"}get src(){return this.getAttribute("src")}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach((t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,a.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const d=(0,i.Zz)((0,o.RF)({mappings:{fill:{},alignItems:{}}}),o.VO,o.tQ)(c)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1837],{10767:(t,e,n)=>{n.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},15450:(t,e,n)=>{n.r(e),n.d(e,{ButtonSelectionGroupItemClass:()=>p});var o=n(79365),r=n(81365),i=n(9696),s=n(97810),a=n(19624),l=n(25964);const c=(0,s.xE)("button-selection-group-item");class d extends((0,r.q)({componentName:c,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,(0,l.fz)("\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  ",this),(0,s.EA)(this,this.baseElement,{includeAttrs:["size","variant"]}),(0,s.EA)(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",(t=>{t.isTrusted&&this.handleFocus()}))}}const p=(0,i.Zz)((0,o.RF)({mappings:{hostDirection:{selector:()=>a.J.componentName,property:a.J.cssVarList.hostDirection},backgroundColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.backgroundColor},labelTextColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.labelTextColor},borderColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderColor},borderWidth:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderWidth},borderStyle:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderStyle},borderRadius:{selector:()=>a.J.componentName,property:a.J.cssVarList.borderRadius},outlineColor:{selector:()=>a.J.componentName,property:a.J.cssVarList.outlineColor}}}),o.VO,o.tQ)(d);n(30576),customElements.define(c,p)},19624:(t,e,n)=>{n.d(e,{J:()=>u,T:()=>l});var o=n(63200),r=n(25964),i=n(88961),s=n(98538),a=n(10767);const l=(0,r.xE)("button"),{host:c,label:d,slottedIcon:p}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const u=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...p,property:"width"},{...p,property:"height"}]}}),a.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\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\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:b,fontSize:g}=u.cssVarList;h=`\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(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\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`},30576:(t,e,n)=>{n.r(e),n.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=n(19624);n(83799),customElements.define(o.T,o.J)},31004:(t,e,n)=>{n.d(e,{w:()=>i});var o=n(25414);const r=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=r(n)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const n=await fetch(t),o=await n.text();e=r(o)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},98538:(t,e,n)=>{n.d(e,{S:()=>d,T:()=>l});var o=n(88961),r=n(72270),i=n(63200),s=n(25964),a=n(31004);const l=(0,s.xE)("icon");class c extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.fz)("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}toggleVisibility(t){this.style.display=t?"":"none"}get src(){return this.getAttribute("src")}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach((t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,a.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const d=(0,i.Zz)((0,o.RF)({mappings:{fill:{},alignItems:{}}}),o.VO,o.tQ)(c)}}]);
 //# sourceMappingURL=button-selection-group-fields-descope-button-selection-group-item-index-js.js.map

package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-selection-group-fields-descope-button-selection-group-item-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n  componentName,\n  baseSelector: ':host > descope-button',\n}) {\n  get size() {\n    return this.getAttribute('size') || 'md';\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'contained';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  set value(value) {\n    this.setAttribute('value', value);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n      <slot></slot>\n    </descope-button>\n\t`;\n\n    injectStyle(\n      `\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  `,\n      this\n    );\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n    forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n  }\n\n  handleFocus() {\n    this.shadowRoot.querySelector('descope-button')?.focus();\n  }\n\n  focus() {\n    this.handleFocus();\n  }\n\n  init() {\n    super.init();\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.handleFocus();\n      }\n    });\n  }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDirection: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.hostDirection,\n      },\n      backgroundColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.backgroundColor,\n      },\n      labelTextColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.labelTextColor,\n      },\n      borderColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderColor,\n      },\n      borderWidth: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderWidth,\n      },\n      borderStyle: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderStyle,\n      },\n      borderRadius: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderRadius,\n      },\n      outlineColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.outlineColor,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","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} 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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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'],\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","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\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) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\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, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\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);\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","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } 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 { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\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 > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\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  // eslint-disable-next-line class-methods-use-this\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(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      alignItems: {}\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","RawSelectItem","createBaseClass","baseSelector","size","variant","value","setAttribute","constructor","attachShadow","mode","innerHTML","baseElement","includeAttrs","handleFocus","shadowRoot","querySelector","focus","init","addEventListener","e","isTrusted","ButtonSelectionGroupItemClass","mappings","hostDirection","selector","ButtonClass","property","cssVarList","backgroundColor","labelTextColor","borderColor","borderWidth","borderStyle","borderRadius","outlineColor","customElements","define","host","label","slottedIcon","loadingIndicatorStyles","hostWidth","hostHeight","fontSize","fontFamily","cursor","outlineOffset","outlineStyle","outlineWidth","verticalPadding","horizontalPadding","fallback","iconColor","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","RawIcon","observedAttributes","toggleVisibility","isVisible","display","updateFillColor","node","querySelectorAll","forEach","IconClass","attributeChangedCallback","attrName","oldValue","newValue","then","res","clonedNode","cloneNode","appendChild","alignItems"],"sourceRoot":""}
+{"version":3,"file":"button-selection-group-fields-descope-button-selection-group-item-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n  componentName,\n  baseSelector: ':host > descope-button',\n}) {\n  get size() {\n    return this.getAttribute('size') || 'md';\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'contained';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  set value(value) {\n    this.setAttribute('value', value);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n      <slot></slot>\n    </descope-button>\n\t`;\n\n    injectStyle(\n      `\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  `,\n      this\n    );\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n    forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n  }\n\n  handleFocus() {\n    this.shadowRoot.querySelector('descope-button')?.focus();\n  }\n\n  focus() {\n    this.handleFocus();\n  }\n\n  init() {\n    super.init();\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.handleFocus();\n      }\n    });\n  }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDirection: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.hostDirection,\n      },\n      backgroundColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.backgroundColor,\n      },\n      labelTextColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.labelTextColor,\n      },\n      borderColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderColor,\n      },\n      borderWidth: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderWidth,\n      },\n      borderStyle: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderStyle,\n      },\n      borderRadius: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderRadius,\n      },\n      outlineColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.outlineColor,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","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} 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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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'],\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","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\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) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\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, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\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);\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","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } 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 { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\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 > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\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  // eslint-disable-next-line class-methods-use-this\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(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      alignItems: {}\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","RawSelectItem","createBaseClass","baseSelector","size","variant","value","setAttribute","constructor","attachShadow","mode","innerHTML","baseElement","includeAttrs","handleFocus","shadowRoot","querySelector","focus","init","addEventListener","e","isTrusted","ButtonSelectionGroupItemClass","mappings","hostDirection","selector","ButtonClass","property","cssVarList","backgroundColor","labelTextColor","borderColor","borderWidth","borderStyle","borderRadius","outlineColor","customElements","define","host","label","slottedIcon","loadingIndicatorStyles","hostWidth","hostHeight","fontSize","fontFamily","cursor","outlineOffset","outlineStyle","outlineWidth","verticalPadding","horizontalPadding","fallback","iconColor","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","RawIcon","observedAttributes","toggleVisibility","isVisible","display","updateFillColor","node","querySelectorAll","forEach","IconClass","attributeChangedCallback","attrName","oldValue","newValue","then","res","clonedNode","cloneNode","appendChild","alignItems"],"sourceRoot":""}

package/dist/umd/descope-button.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-button.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3792,5087,6649,9030],{5745:(t,e,o)=>{o.d(e,{i:()=>r});const r=(0,o(98741).y)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},7888:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(98741).y)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},10767:(t,e,o)=>{o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},19624:(t,e,o)=>{o.d(e,{J:()=>b,T:()=>l});var r=o(63200),i=o(25964),n=o(88961),a=o(98538),s=o(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const b=(0,r.Zz)((0,n.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,n.VO,n.tQ)((0,n.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\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\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${b.cssVarList.outlineWidth}) + var(${b.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${b.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${b.cssVarList.hostHeight}) - var(${b.cssVarList.outlineWidth}) - var(${b.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${b.cssVarList.hostWidth}) - var(${b.cssVarList.outlineWidth}) - var(${b.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:p,fontSize:m}=b.cssVarList;u=`\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(${p});\n\t\ttop: calc(50% - (var(${m}) / 2));\n\t\tleft: calc(50% - (var(${m}) / 2));\n\t\tborder-width: calc(var(${m}) / 10);\n\t\twidth: var(${m});\n\t\theight: var(${m});\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`},30576:(t,e,o)=>{o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},31004:(t,e,o)=>{o.d(e,{w:()=>n});var r=o(25414);const i=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},n=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const o=atob(t.slice(26));e=i(o)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const o=await fetch(t),r=await o.text();e=i(r)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},36176:(t,e,o)=>{o.d(e,{l:()=>i});var r=o(5745);const i=t=>class extends((0,r.i)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},83799:(t,e,o)=>{o(93555),o(89389)},89389:(t,e,o)=>{o.d(e,{$:()=>p});var r=o(13256),i=o(55774),n=o(82901),a=o(90676),s=o(81488),l=o(87550);const d=o(51450).AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3792,5087,6649,9030],{5745:(t,e,o)=>{o.d(e,{i:()=>r});const r=(0,o(98741).y)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},7888:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(98741).y)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},10767:(t,e,o)=>{o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},19624:(t,e,o)=>{o.d(e,{J:()=>b,T:()=>l});var r=o(63200),i=o(25964),n=o(88961),a=o(98538),s=o(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const b=(0,r.Zz)((0,n.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,n.VO,n.tQ)((0,n.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\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\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${b.cssVarList.outlineWidth}) + var(${b.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${b.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${b.cssVarList.hostHeight}) - var(${b.cssVarList.outlineWidth}) - var(${b.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${b.cssVarList.hostWidth}) - var(${b.cssVarList.outlineWidth}) - var(${b.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:p,fontSize:m}=b.cssVarList;u=`\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(${p});\n\t\ttop: calc(50% - (var(${m}) / 2));\n\t\tleft: calc(50% - (var(${m}) / 2));\n\t\tborder-width: calc(var(${m}) / 10);\n\t\twidth: var(${m});\n\t\theight: var(${m});\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`},30576:(t,e,o)=>{o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},31004:(t,e,o)=>{o.d(e,{w:()=>n});var r=o(25414);const i=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},n=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const o=atob(t.slice(26));e=i(o)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const o=await fetch(t),r=await o.text();e=i(r)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},36176:(t,e,o)=>{o.d(e,{l:()=>i});var r=o(5745);const i=t=>class extends((0,r.i)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},83799:(t,e,o)=>{o(93555),o(89389)},89389:(t,e,o)=>{o.d(e,{$:()=>p});var r=o(13256),i=o(55774),n=o(82901),a=o(90676),s=o(81488),l=o(87550);const d=o(51450).AH`
   :host {
     display: inline-block;
     position: relative;