xv-webcomponents 0.1.42 → 0.1.43

package/dist/xv-webcomponents/xv-dropdown-v2-item.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-rZAC0WRb.js';
+
+const xvDropdownItemCss = ":host{display:block}:host .checkmark{position:absolute;right:12px;top:var(--dropdown-padding-y, 10px);width:5px;height:10px;border:solid var(--icon-primary, #333);border-width:0 2px 2px 0;transform:rotate(45deg);transition:opacity 0.2s}";
+
+const XvDropdownItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.itemSelected = createEvent(this, "itemSelected", 7);
+        this.disabled = false;
+        this.value = '';
+        this.selected = false;
+    }
+    handleClick() {
+        if (this.disabled)
+            return;
+        this.itemSelected.emit({
+            selected: !this.selected,
+            value: this.value,
+            text: this.el.innerText
+        });
+    }
+    render() {
+        return (h(Host, { key: 'f350f0382b1f92879455df864e5d84918dd139ec', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, h("slot", { key: '6cd4a4144dcf7eae6d346d90d2814efd3137cd36' }), this.selected && h("span", { key: '7341d36efaed99121caefe748a2af9c7d10b05af', class: "checkmark" })));
+    }
+    componentWillLoad() {
+        if (!this.value)
+            this.value = this.el.innerText;
+    }
+    get el() { return getElement(this); }
+};
+XvDropdownItem.style = xvDropdownItemCss;
+
+export { XvDropdownItem as xv_dropdown_v2_item };
+//# sourceMappingURL=xv-dropdown-v2-item.entry.esm.js.map
+
+//# sourceMappingURL=xv-dropdown-v2-item.entry.js.map

package/dist/xv-webcomponents/xv-dropdown-v2-item.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-dropdown-v2-item.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,8OAA8O;;MCc3P,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACO,QAAA,IAAK,CAAA,KAAA,GAA8B,EAAE;AACrC,QAAA,IAAQ,CAAA,QAAA,GAAiC,KAAK;AA4BvF;IAxBC,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,YAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ;YACxB,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AACf,SAAA,CAAC;;IAIJ,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,KAAK,EAAA,EAClG,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEZ,IAAI,CAAC,QAAQ,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,CAAG,CACvC;;IAIX,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS;;;;;;;;","names":[],"sources":["src/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.scss?tag=xv-dropdown-v2-item&encapsulation=shadow","src/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n  .checkmark {\r\n    position: absolute;\r\n    right: 12px;\r\n    top: var(--dropdown-padding-y, 10px);\r\n    width: 5px;\r\n    height: 10px;\r\n    border: solid var(--icon-primary, #333);\r\n    border-width: 0 2px 2px 0;\r\n    transform: rotate(45deg);\r\n    transition: opacity 0.2s;\r\n  }\r\n}\r\n\r\n\r\n","import { Component, Host, h, Event, EventEmitter, Listen, Prop, Element } from '@stencil/core';\r\nimport { DropdownItemData } from '../_vars';\r\n\r\n/**\r\n * xv-dropdown-item — custom dropdown list item\r\n * if you want to create new dropdown list item you need to extend current class properties and\r\n * events\r\n * should be created and emitted 'itemSelected' event\r\n */\r\n@Component({\r\n  tag: 'xv-dropdown-v2-item',\r\n  styleUrl: 'xv-dropdown-item.scss',\r\n  shadow: true,\r\n})\r\nexport class XvDropdownItem {\r\n  @Element() el: HTMLElement;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop({ reflect: true, mutable: true }) value: DropdownItemData['value'] = '';\r\n  @Prop({ reflect: true, mutable: true }) selected: DropdownItemData['selected'] = false;\r\n  @Event() itemSelected: EventEmitter<DropdownItemData>;\r\n\r\n  @Listen('click')\r\n  handleClick() {\r\n    if (this.disabled) return;\r\n\r\n    this.itemSelected.emit({\r\n      selected: !this.selected,\r\n      value: this.value,\r\n      text: this.el.innerText\r\n    });\r\n  }\r\n\r\n\r\n  render() {\r\n    return (\r\n      <Host class=\"xv-dropdown-item\" value={this.value} role=\"option\" tabindex={this.disabled ? -1 : false}>\r\n        <slot></slot>\r\n\r\n        {this.selected && <span class=\"checkmark\" />}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (!this.value) this.value = this.el.innerText;\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-dropdown-v2.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-dropdown-v2.entry.esm.js","sources":["src/components/xv-dropdown/_vars.ts","src/components/xv-dropdown/xv-dropdown.scss?tag=xv-dropdown-v2&encapsulation=shadow","src/components/xv-dropdown/xv-dropdown.tsx"],"sourcesContent":["export interface DropdownItemData {\r\n  value: string | number;\r\n  text: string;\r\n  selected: boolean;\r\n}\r\n\r\nexport const DropdownItemSelector = '.xv-dropdown-item';\r\n",":host {\r\n  --dropdown-padding-x: 16px;\r\n  --dropdown-padding-y: 11px;\r\n  --dropdown-max-width: 300px;\r\n\r\n  display: block;\r\n  position: relative;\r\n  text-align: left;\r\n  max-width: min(var(--dropdown-max-width), 100%);\r\n\r\n  .label {\r\n    color: var(--text-secondary, #515151);\r\n    font-family: var(--ff-body, Tahoma);\r\n    font-size: 12px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    ::slotted([slot=\"label\"]) {\r\n      color: var(--text-secondary, #515151);\r\n      font-family: var(--ff-body, Tahoma);\r\n      font-size: 12px;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      line-height: 16px;\r\n      letter-spacing: 0.32px;\r\n    }\r\n  }\r\n\r\n  .control {\r\n    background-blend-mode: multiply;\r\n    border-radius: 3px;\r\n    box-shadow: 0 0 0 1px #8B8B8B inset;\r\n    transition: 0.2s ease-in-out background-color;\r\n    cursor: pointer;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    font-size: 100%;\r\n    padding: 0;\r\n    border: 0;\r\n    appearance: none;\r\n    background-color: var(--field-02, #FFF);\r\n    text-align: start;\r\n    inline-size: 100%;\r\n    position: relative;\r\n    display: inline-flex;\r\n    overflow: hidden;\r\n    align-items: center;\r\n    block-size: calc(100% + 1px);\r\n    outline: none;\r\n    padding-block: var(--dropdown-padding-y);\r\n    padding-inline: var(--dropdown-padding-x);\r\n    text-overflow: ellipsis;\r\n    vertical-align: top;\r\n    white-space: nowrap;\r\n\r\n    &_value, &_placeholder {\r\n      flex: 1;\r\n      margin: 0;\r\n      overflow: hidden;\r\n      color: var(--text-primary, #333);\r\n      user-select: none;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      font-family: var(--fz-body, Tahoma);\r\n      font-size: 14px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 18px;\r\n      letter-spacing: 0.16px;\r\n      padding-inline: 0 1rem;\r\n    }\r\n\r\n    &_placeholder {\r\n      color: var(--text-placeholder, #ACACAC);\r\n    }\r\n\r\n    &_icon {\r\n      width: 18px;\r\n      height: 18px;\r\n      &.error {\r\n        color: var(--support-error, #F1290E);\r\n      }\r\n\r\n      &.warning {\r\n        color: var(--support-warning, #FF7F04)\r\n      }\r\n    }\r\n\r\n    &_arrow {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      font-size: 100%;\r\n      vertical-align: baseline;\r\n      padding: 0;\r\n      border: 0;\r\n      appearance: none;\r\n      background: none;\r\n      text-align: start;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      block-size: 1.5rem;\r\n      inline-size: 1.5rem;\r\n      inset-inline-end: 0.75rem;\r\n      outline: none;\r\n      transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: var(--field-hover-02, #E9E9E9);\r\n    }\r\n\r\n    &:active {\r\n      background-color: var(--layer-selected-02, #E3E3E3);\r\n    }\r\n  }\r\n\r\n  .options {\r\n    inset-block-start: 100%;\r\n    margin-block-start: 1px;\r\n    display: block;\r\n    max-block-size: 13.75rem;\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);\r\n    position: absolute;\r\n    z-index: 10;\r\n    inline-size: 100%;\r\n    inset-inline: 0;\r\n    overflow-y: auto;\r\n    transition: max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\r\n    border-radius: 3px;\r\n    background-color: var(--field-02, #FFF);\r\n    scrollbar-width: thin;\r\n    scrollbar-color: var(--layer-accent-03) transparent;\r\n\r\n    ::slotted(.xv-dropdown-item) {\r\n      display: block;\r\n      max-block-size: 13.75rem;\r\n      inset-inline: 0;\r\n      box-sizing: border-box;\r\n      padding:\r\n        var(--dropdown-padding-y)\r\n        calc(var(--dropdown-padding-x) + 16px)\r\n        var(--dropdown-padding-y)\r\n        var(--dropdown-padding-x);\r\n      position: relative;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      color: var(--text-secondary, #515151);\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      font-family: var(--ff-body, Tahoma);\r\n      font-size: var(--fz-md, 14px);\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 18px;\r\n      letter-spacing: 0.16px;\r\n      transition: 0.2s ease-in-out background-color;\r\n      user-select: none;\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        height: 1px;\r\n        left: 10px;\r\n        width: calc(100% - 20px);\r\n        background-color: var(--border-subtle-01);\r\n      }\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item:hover) {\r\n      background-color: var(--layer-hover-02, #F7F7F7);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item:active) {\r\n      background-color: var(--layer-selected-hover-02, #DADADA);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item[selected]) {\r\n      background-color: var(--layer-selected-02, #E3E3E3);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item[selected]:hover) {\r\n      background-color: var(--layer-selected-hover-02, #DADADA);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item[disabled]) {\r\n      background-color: transparent;\r\n      opacity: 0.4;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  .helper {\r\n    color: var(--text-helper, #646464);\r\n    font-family: var(--ff-heading, \"IBM Plex Sans\");\r\n    font-size: 12px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n:host([open]) {\r\n  .control_arrow {\r\n    transform: rotate(180deg);\r\n  }\r\n}\r\n\r\n:host([disabled]) {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n  .control {\r\n    cursor: inherit;\r\n    &:hover, &:active, &:focus-within {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n:host([error]) {\r\n  .control {\r\n    box-shadow: none;\r\n    outline: 2px solid var(--support-support-error, #F1290E);\r\n  }\r\n\r\n  .helper {\r\n    color: var(--text-error, #D62512);\r\n  }\r\n}\r\n\r\n:host([size=\"xs\"]) {\r\n  --dropdown-padding-y: 4px;\r\n}\r\n:host([size=\"sm\"]) {\r\n  --dropdown-padding-y: 7px;\r\n}\r\n:host([size=\"md\"]) {\r\n  --dropdown-padding-y: 11px;\r\n}\r\n:host([size=\"lg\"]) {\r\n  --dropdown-padding-y: 15px;\r\n}\r\n:host([size=\"xl\"]) {\r\n  --dropdown-padding-y: 16px;\r\n}\r\n","import { Component, Host, h, Prop, State, Element, Watch, Listen, Event, EventEmitter } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\nimport { DropdownItemData, DropdownItemSelector } from './_vars';\r\nimport { forEach, setAttr } from '../../utils/utils';\r\n\r\n@Component({\r\n  tag: 'xv-dropdown-v2',\r\n  styleUrl: 'xv-dropdown.scss',\r\n  shadow: true,\r\n})\r\nexport class XvDropdown {\r\n  @Element() el: HTMLElement;\r\n  @Prop({ reflect: true }) disabled?: boolean;\r\n  @Prop({ reflect: true }) multiple?: boolean;\r\n  @Prop({ reflect: true }) required?: boolean;\r\n  @Prop({ reflect: true }) loading?: boolean;\r\n  @Prop({ reflect: true, mutable: true }) open?: boolean;\r\n  @Prop({ reflect: true }) error?: string;\r\n  @Prop({ reflect: true }) label?: string;\r\n  @Prop({ reflect: true }) helper?: string;\r\n  @Prop({ reflect: true }) warning?: string;\r\n  @Prop({ reflect: true }) placeholder?: string;\r\n  @Prop() size: SIZE_VAR = SIZE_VAR.MD;\r\n  @Prop({ attribute: 'default-value'}) defaultValue?: DropdownItemData['value'];\r\n\r\n  @State() selected: DropdownItemData['text'][] = [];\r\n  @State() selectedMap: Map<DropdownItemData['value'], DropdownItemData> = new Map();\r\n\r\n  @Event() changeSelection: EventEmitter<DropdownItemData[]>;\r\n\r\n  @Watch('open')\r\n  openChangeHandle() {\r\n    if (this.disabled) return;\r\n\r\n    if (this.open) {\r\n      this.addListeners();\r\n    } else {\r\n      this.removeListeners();\r\n    }\r\n  }\r\n\r\n  @Listen('itemSelected')\r\n  handleItemSelected({ detail }: CustomEvent<DropdownItemData>) {\r\n    const hasItem = this.selectedMap.has(detail.value);\r\n\r\n    if (this.multiple) {\r\n      if (detail.selected) {\r\n        if (!hasItem) this.selectedMap.set(detail.value, detail);\r\n      } else {\r\n        if (hasItem) {\r\n          if (this.required && this.selectedMap.size === 1) return;\r\n          this.selectedMap.delete(detail.value);\r\n        }\r\n      }\r\n    } else {\r\n      if (detail.selected) {\r\n        this.selectedMap.clear();\r\n        this.selectedMap.set(detail.value, detail);\r\n      } else {\r\n        if (!this.required) this.selectedMap.clear();\r\n      }\r\n      this.open = false;\r\n    }\r\n\r\n    const optionElements = this.el.querySelectorAll(DropdownItemSelector);\r\n\r\n    forEach(\r\n      optionElements,\r\n      (option) => setAttr(option, 'selected', this.selectedMap.has(option.getAttribute('value')))\r\n    );\r\n\r\n    this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));\r\n  }\r\n\r\n  private setSelected = (selectedMap: typeof this.selectedMap, optionNodes?: NodeListOf<Element>): DropdownItemData[] => {\r\n    const values = Array.from(selectedMap.values());\r\n    const options = optionNodes || this.el.querySelectorAll(DropdownItemSelector);\r\n\r\n    this.selected = values.length === options.length ?\r\n      ['Alle ausgewählt'] : values.length > 2 ?\r\n        [`${values.length} ausgewählt`] : values.map((v) => v.text);\r\n\r\n    return values;\r\n  };\r\n\r\n  private handleOpen = () => {\r\n    if (this.disabled || this.open || this.loading) return;\r\n    this.open = true;\r\n  };\r\n\r\n  private handleClickOutside = (ev: MouseEvent) => {\r\n    if (!this.open || this.el.contains(ev.target as Node)) return;\r\n\r\n    if (this.open) this.open = false;\r\n  }\r\n\r\n  private addListeners = () => {\r\n    document.body.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private removeListeners = () => {\r\n    document.body.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private setDefaultValues = () => {\r\n    if (!this.defaultValue) return;\r\n\r\n    // Needs to wait next Javascript tik\r\n    setTimeout(() => {\r\n      const options = this.el.querySelectorAll(DropdownItemSelector);\r\n\r\n      forEach(\r\n        options,\r\n        (option) => {\r\n          const dropdownItemData: DropdownItemData = {\r\n            value: option.getAttribute('value'),\r\n            text: (option as any).innerText,\r\n            selected: `${this.defaultValue}` === option.getAttribute('value'),\r\n          };\r\n\r\n          if (dropdownItemData.selected) {\r\n            setAttr(option, 'selected', dropdownItemData.selected);\r\n            this.selectedMap.set(dropdownItemData.value, dropdownItemData);\r\n          }\r\n        }\r\n      );\r\n\r\n      this.setSelected(this.selectedMap, options);\r\n    });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        class=\"xv-dropdown\"\r\n        role=\"combobox\"\r\n        size={this.size}\r\n        open={this.open}\r\n        error={this.error}\r\n        disabled={this.disabled}\r\n        tabindex={this.disabled ? -1 : false}>\r\n        <label class=\"label\">\r\n          <slot name=\"label\">{this.label}</slot>\r\n        </label>\r\n\r\n        <div class=\"xv-dropdown-control control\" onClick={this.handleOpen}>\r\n          {this.selected.length ? (\r\n            <p class=\"control_value\">{this.selected.join(', ')}</p>\r\n          ) : (\r\n            <p class=\"control_placeholder\">{this.placeholder || ''}</p>\r\n          )}\r\n\r\n          {this.renderIcon()}\r\n\r\n          <svg class=\"control_arrow\" focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\"\r\n               xmlns=\"http://www.w3.org/2000/svg\"\r\n               fill=\"currentColor\" aria-hidden=\"true\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\r\n            <path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\r\n          </svg>\r\n        </div>\r\n\r\n        {this.open && <div class=\"options\">\r\n          <slot key=\"xv-dropdown-options\" />\r\n        </div>}\r\n\r\n        {(this.helper || this.error || this.warning) && (\r\n          <p class=\"helper\">{this.error || this.warning || this.helper}</p>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.setDefaultValues();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.openChangeHandle();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.removeListeners();\r\n  }\r\n\r\n  private renderIcon(): undefined | HTMLElement {\r\n    if (this.loading) {\r\n      return <xv-loader-v2 class=\"control_icon error\" size={SIZE_VAR.XS} />\r\n    }\r\n\r\n    if (this.error) {\r\n      return (\r\n        <svg class=\"control_icon error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\r\n          <path fill=\"currentColor\"\r\n                d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" />\r\n        </svg>\r\n      )\r\n    }\r\n\r\n    if (!this.error && !!this.warning) {\r\n      return (\r\n        <svg class=\"control_icon warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\r\n          <path fill=\"currentColor\" d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\" />\r\n        </svg>\r\n      );\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/xv-webcomponents/xv-dropdown-v2.entry.js

@@ -0,0 +1,136 @@
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-rZAC0WRb.js';
+import { S as SIZE_VAR } from './enum-DTBL51oP.js';
+import { a as forEach, s as setAttr } from './utils-1tk8kwKx.js';
+
+const DropdownItemSelector = '.xv-dropdown-item';
+
+const xvDropdownCss = ":host{--dropdown-padding-x:16px;--dropdown-padding-y:11px;--dropdown-max-width:300px;display:block;position:relative;text-align:left;max-width:min(var(--dropdown-max-width), 100%)}:host .label{color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px}:host .label ::slotted([slot=label]){color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px}:host .control{background-blend-mode:multiply;border-radius:3px;box-shadow:0 0 0 1px #8B8B8B inset;transition:0.2s ease-in-out background-color;cursor:pointer;margin:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;border:0;appearance:none;background-color:var(--field-02, #FFF);text-align:start;inline-size:100%;position:relative;display:inline-flex;overflow:hidden;align-items:center;block-size:calc(100% + 1px);outline:none;padding-block:var(--dropdown-padding-y);padding-inline:var(--dropdown-padding-x);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}:host .control_value,:host .control_placeholder{flex:1;margin:0;overflow:hidden;color:var(--text-primary, #333);user-select:none;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fz-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;padding-inline:0 1rem}:host .control_placeholder{color:var(--text-placeholder, #ACACAC)}:host .control_icon{width:18px;height:18px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .control_arrow{box-sizing:border-box;margin:0;font-size:100%;vertical-align:baseline;padding:0;border:0;appearance:none;background:none;text-align:start;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem;inset-inline-end:0.75rem;outline:none;transition:transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}:host .control:hover{background-color:var(--field-hover-02, #E9E9E9)}:host .control:active{background-color:var(--layer-selected-02, #E3E3E3)}:host .options{inset-block-start:100%;margin-block-start:1px;display:block;max-block-size:13.75rem;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);position:absolute;z-index:10;inline-size:100%;inset-inline:0;overflow-y:auto;transition:max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);border-radius:3px;background-color:var(--field-02, #FFF);scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .options ::slotted(.xv-dropdown-item){display:block;max-block-size:13.75rem;inset-inline:0;box-sizing:border-box;padding:var(--dropdown-padding-y) calc(var(--dropdown-padding-x) + 16px) var(--dropdown-padding-y) var(--dropdown-padding-x);position:relative;cursor:pointer;overflow:hidden;color:var(--text-secondary, #515151);text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;transition:0.2s ease-in-out background-color;user-select:none}:host .options ::slotted(.xv-dropdown-item):after{content:\"\";position:absolute;bottom:0;height:1px;left:10px;width:calc(100% - 20px);background-color:var(--border-subtle-01)}:host .options ::slotted(.xv-dropdown-item:hover){background-color:var(--layer-hover-02, #F7F7F7)}:host .options ::slotted(.xv-dropdown-item:active){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[selected]){background-color:var(--layer-selected-02, #E3E3E3)}:host .options ::slotted(.xv-dropdown-item[selected]:hover){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[disabled]){background-color:transparent;opacity:0.4;cursor:not-allowed}:host .helper{color:var(--text-helper, #646464);font-family:var(--ff-heading, \"IBM Plex Sans\");font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin:0;padding:0}:host([open]) .control_arrow{transform:rotate(180deg)}:host([disabled]){opacity:0.4;cursor:not-allowed}:host([disabled]) .control{cursor:inherit}:host([disabled]) .control:hover,:host([disabled]) .control:active,:host([disabled]) .control:focus-within{background-color:transparent}:host([error]) .control{box-shadow:none;outline:2px solid var(--support-support-error, #F1290E)}:host([error]) .helper{color:var(--text-error, #D62512)}:host([size=xs]){--dropdown-padding-y:4px}:host([size=sm]){--dropdown-padding-y:7px}:host([size=md]){--dropdown-padding-y:11px}:host([size=lg]){--dropdown-padding-y:15px}:host([size=xl]){--dropdown-padding-y:16px}";
+
+const XvDropdown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.changeSelection = createEvent(this, "changeSelection", 7);
+        this.size = SIZE_VAR.MD;
+        this.selected = [];
+        this.selectedMap = new Map();
+        this.setSelected = (selectedMap, optionNodes) => {
+            const values = Array.from(selectedMap.values());
+            const options = optionNodes || this.el.querySelectorAll(DropdownItemSelector);
+            this.selected = values.length === options.length ?
+                ['Alle ausgewählt'] : values.length > 2 ?
+                [`${values.length} ausgewählt`] : values.map((v) => v.text);
+            return values;
+        };
+        this.handleOpen = () => {
+            if (this.disabled || this.open || this.loading)
+                return;
+            this.open = true;
+        };
+        this.handleClickOutside = (ev) => {
+            if (!this.open || this.el.contains(ev.target))
+                return;
+            if (this.open)
+                this.open = false;
+        };
+        this.addListeners = () => {
+            document.body.addEventListener('click', this.handleClickOutside);
+        };
+        this.removeListeners = () => {
+            document.body.removeEventListener('click', this.handleClickOutside);
+        };
+        this.setDefaultValues = () => {
+            if (!this.defaultValue)
+                return;
+            // Needs to wait next Javascript tik
+            setTimeout(() => {
+                const options = this.el.querySelectorAll(DropdownItemSelector);
+                forEach(options, (option) => {
+                    const dropdownItemData = {
+                        value: option.getAttribute('value'),
+                        text: option.innerText,
+                        selected: `${this.defaultValue}` === option.getAttribute('value'),
+                    };
+                    if (dropdownItemData.selected) {
+                        setAttr(option, 'selected', dropdownItemData.selected);
+                        this.selectedMap.set(dropdownItemData.value, dropdownItemData);
+                    }
+                });
+                this.setSelected(this.selectedMap, options);
+            });
+        };
+    }
+    openChangeHandle() {
+        if (this.disabled)
+            return;
+        if (this.open) {
+            this.addListeners();
+        }
+        else {
+            this.removeListeners();
+        }
+    }
+    handleItemSelected({ detail }) {
+        const hasItem = this.selectedMap.has(detail.value);
+        if (this.multiple) {
+            if (detail.selected) {
+                if (!hasItem)
+                    this.selectedMap.set(detail.value, detail);
+            }
+            else {
+                if (hasItem) {
+                    if (this.required && this.selectedMap.size === 1)
+                        return;
+                    this.selectedMap.delete(detail.value);
+                }
+            }
+        }
+        else {
+            if (detail.selected) {
+                this.selectedMap.clear();
+                this.selectedMap.set(detail.value, detail);
+            }
+            else {
+                if (!this.required)
+                    this.selectedMap.clear();
+            }
+            this.open = false;
+        }
+        const optionElements = this.el.querySelectorAll(DropdownItemSelector);
+        forEach(optionElements, (option) => setAttr(option, 'selected', this.selectedMap.has(option.getAttribute('value'))));
+        this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));
+    }
+    render() {
+        return (h(Host, { key: 'd7e065f5a9d0e78933564d85a8d6d019930e3377', class: "xv-dropdown", role: "combobox", size: this.size, open: this.open, error: this.error, disabled: this.disabled, tabindex: this.disabled ? -1 : false }, h("label", { key: '2d41a4acdf71c2caa633e5f328c10832ba012385', class: "label" }, h("slot", { key: '42d568efebf23f68844125eb76f69abd6cc487bf', name: "label" }, this.label)), h("div", { key: '9fe892529e8c4e167caa5246f146231eae9b54f8', class: "xv-dropdown-control control", onClick: this.handleOpen }, this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this.renderIcon(), h("svg", { key: '98296377156a26114fb60c9dabb1193e2d8faa64', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { key: '5ad2f8019a1c81735f8d4b80c00efa65d718f8a0', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '5b30a4a9f794734fc9c86a8954a819eb2d3fdb1c', class: "options" }, h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (h("p", { key: '62649d22e1af43608f6eae52c517460d2cd33997', class: "helper" }, this.error || this.warning || this.helper))));
+    }
+    componentWillLoad() {
+        this.setDefaultValues();
+    }
+    componentDidLoad() {
+        this.openChangeHandle();
+    }
+    disconnectedCallback() {
+        this.removeListeners();
+    }
+    renderIcon() {
+        if (this.loading) {
+            return h("xv-loader-v2", { class: "control_icon error", size: SIZE_VAR.XS });
+        }
+        if (this.error) {
+            return (h("svg", { class: "control_icon error", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { fill: "currentColor", d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })));
+        }
+        if (!this.error && !!this.warning) {
+            return (h("svg", { class: "control_icon warning", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { fill: "currentColor", d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z" })));
+        }
+        return undefined;
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "open": ["openChangeHandle"]
+    }; }
+};
+XvDropdown.style = xvDropdownCss;
+
+export { XvDropdown as xv_dropdown_v2 };
+//# sourceMappingURL=xv-dropdown-v2.entry.esm.js.map
+
+//# sourceMappingURL=xv-dropdown-v2.entry.js.map

package/dist/xv-webcomponents/xv-dropdown-v2.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-dropdown-v2.entry.esm.js","mappings":"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","names":[],"sources":["src/components/xv-dropdown/_vars.ts","src/components/xv-dropdown/xv-dropdown.scss?tag=xv-dropdown-v2&encapsulation=shadow","src/components/xv-dropdown/xv-dropdown.tsx"],"sourcesContent":["export interface DropdownItemData {\r\n  value: string | number;\r\n  text: string;\r\n  selected: boolean;\r\n}\r\n\r\nexport const DropdownItemSelector = '.xv-dropdown-item';\r\n",":host {\r\n  --dropdown-padding-x: 16px;\r\n  --dropdown-padding-y: 11px;\r\n  --dropdown-max-width: 300px;\r\n\r\n  display: block;\r\n  position: relative;\r\n  text-align: left;\r\n  max-width: min(var(--dropdown-max-width), 100%);\r\n\r\n  .label {\r\n    color: var(--text-secondary, #515151);\r\n    font-family: var(--ff-body, Tahoma);\r\n    font-size: 12px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    ::slotted([slot=\"label\"]) {\r\n      color: var(--text-secondary, #515151);\r\n      font-family: var(--ff-body, Tahoma);\r\n      font-size: 12px;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      line-height: 16px;\r\n      letter-spacing: 0.32px;\r\n    }\r\n  }\r\n\r\n  .control {\r\n    background-blend-mode: multiply;\r\n    border-radius: 3px;\r\n    box-shadow: 0 0 0 1px #8B8B8B inset;\r\n    transition: 0.2s ease-in-out background-color;\r\n    cursor: pointer;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    font-size: 100%;\r\n    padding: 0;\r\n    border: 0;\r\n    appearance: none;\r\n    background-color: var(--field-02, #FFF);\r\n    text-align: start;\r\n    inline-size: 100%;\r\n    position: relative;\r\n    display: inline-flex;\r\n    overflow: hidden;\r\n    align-items: center;\r\n    block-size: calc(100% + 1px);\r\n    outline: none;\r\n    padding-block: var(--dropdown-padding-y);\r\n    padding-inline: var(--dropdown-padding-x);\r\n    text-overflow: ellipsis;\r\n    vertical-align: top;\r\n    white-space: nowrap;\r\n\r\n    &_value, &_placeholder {\r\n      flex: 1;\r\n      margin: 0;\r\n      overflow: hidden;\r\n      color: var(--text-primary, #333);\r\n      user-select: none;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      font-family: var(--fz-body, Tahoma);\r\n      font-size: 14px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 18px;\r\n      letter-spacing: 0.16px;\r\n      padding-inline: 0 1rem;\r\n    }\r\n\r\n    &_placeholder {\r\n      color: var(--text-placeholder, #ACACAC);\r\n    }\r\n\r\n    &_icon {\r\n      width: 18px;\r\n      height: 18px;\r\n      &.error {\r\n        color: var(--support-error, #F1290E);\r\n      }\r\n\r\n      &.warning {\r\n        color: var(--support-warning, #FF7F04)\r\n      }\r\n    }\r\n\r\n    &_arrow {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      font-size: 100%;\r\n      vertical-align: baseline;\r\n      padding: 0;\r\n      border: 0;\r\n      appearance: none;\r\n      background: none;\r\n      text-align: start;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      block-size: 1.5rem;\r\n      inline-size: 1.5rem;\r\n      inset-inline-end: 0.75rem;\r\n      outline: none;\r\n      transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: var(--field-hover-02, #E9E9E9);\r\n    }\r\n\r\n    &:active {\r\n      background-color: var(--layer-selected-02, #E3E3E3);\r\n    }\r\n  }\r\n\r\n  .options {\r\n    inset-block-start: 100%;\r\n    margin-block-start: 1px;\r\n    display: block;\r\n    max-block-size: 13.75rem;\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);\r\n    position: absolute;\r\n    z-index: 10;\r\n    inline-size: 100%;\r\n    inset-inline: 0;\r\n    overflow-y: auto;\r\n    transition: max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\r\n    border-radius: 3px;\r\n    background-color: var(--field-02, #FFF);\r\n    scrollbar-width: thin;\r\n    scrollbar-color: var(--layer-accent-03) transparent;\r\n\r\n    ::slotted(.xv-dropdown-item) {\r\n      display: block;\r\n      max-block-size: 13.75rem;\r\n      inset-inline: 0;\r\n      box-sizing: border-box;\r\n      padding:\r\n        var(--dropdown-padding-y)\r\n        calc(var(--dropdown-padding-x) + 16px)\r\n        var(--dropdown-padding-y)\r\n        var(--dropdown-padding-x);\r\n      position: relative;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      color: var(--text-secondary, #515151);\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      font-family: var(--ff-body, Tahoma);\r\n      font-size: var(--fz-md, 14px);\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 18px;\r\n      letter-spacing: 0.16px;\r\n      transition: 0.2s ease-in-out background-color;\r\n      user-select: none;\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        height: 1px;\r\n        left: 10px;\r\n        width: calc(100% - 20px);\r\n        background-color: var(--border-subtle-01);\r\n      }\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item:hover) {\r\n      background-color: var(--layer-hover-02, #F7F7F7);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item:active) {\r\n      background-color: var(--layer-selected-hover-02, #DADADA);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item[selected]) {\r\n      background-color: var(--layer-selected-02, #E3E3E3);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item[selected]:hover) {\r\n      background-color: var(--layer-selected-hover-02, #DADADA);\r\n    }\r\n\r\n    ::slotted(.xv-dropdown-item[disabled]) {\r\n      background-color: transparent;\r\n      opacity: 0.4;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  .helper {\r\n    color: var(--text-helper, #646464);\r\n    font-family: var(--ff-heading, \"IBM Plex Sans\");\r\n    font-size: 12px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n:host([open]) {\r\n  .control_arrow {\r\n    transform: rotate(180deg);\r\n  }\r\n}\r\n\r\n:host([disabled]) {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n  .control {\r\n    cursor: inherit;\r\n    &:hover, &:active, &:focus-within {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n:host([error]) {\r\n  .control {\r\n    box-shadow: none;\r\n    outline: 2px solid var(--support-support-error, #F1290E);\r\n  }\r\n\r\n  .helper {\r\n    color: var(--text-error, #D62512);\r\n  }\r\n}\r\n\r\n:host([size=\"xs\"]) {\r\n  --dropdown-padding-y: 4px;\r\n}\r\n:host([size=\"sm\"]) {\r\n  --dropdown-padding-y: 7px;\r\n}\r\n:host([size=\"md\"]) {\r\n  --dropdown-padding-y: 11px;\r\n}\r\n:host([size=\"lg\"]) {\r\n  --dropdown-padding-y: 15px;\r\n}\r\n:host([size=\"xl\"]) {\r\n  --dropdown-padding-y: 16px;\r\n}\r\n","import { Component, Host, h, Prop, State, Element, Watch, Listen, Event, EventEmitter } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\nimport { DropdownItemData, DropdownItemSelector } from './_vars';\r\nimport { forEach, setAttr } from '../../utils/utils';\r\n\r\n@Component({\r\n  tag: 'xv-dropdown-v2',\r\n  styleUrl: 'xv-dropdown.scss',\r\n  shadow: true,\r\n})\r\nexport class XvDropdown {\r\n  @Element() el: HTMLElement;\r\n  @Prop({ reflect: true }) disabled?: boolean;\r\n  @Prop({ reflect: true }) multiple?: boolean;\r\n  @Prop({ reflect: true }) required?: boolean;\r\n  @Prop({ reflect: true }) loading?: boolean;\r\n  @Prop({ reflect: true, mutable: true }) open?: boolean;\r\n  @Prop({ reflect: true }) error?: string;\r\n  @Prop({ reflect: true }) label?: string;\r\n  @Prop({ reflect: true }) helper?: string;\r\n  @Prop({ reflect: true }) warning?: string;\r\n  @Prop({ reflect: true }) placeholder?: string;\r\n  @Prop() size: SIZE_VAR = SIZE_VAR.MD;\r\n  @Prop({ attribute: 'default-value'}) defaultValue?: DropdownItemData['value'];\r\n\r\n  @State() selected: DropdownItemData['text'][] = [];\r\n  @State() selectedMap: Map<DropdownItemData['value'], DropdownItemData> = new Map();\r\n\r\n  @Event() changeSelection: EventEmitter<DropdownItemData[]>;\r\n\r\n  @Watch('open')\r\n  openChangeHandle() {\r\n    if (this.disabled) return;\r\n\r\n    if (this.open) {\r\n      this.addListeners();\r\n    } else {\r\n      this.removeListeners();\r\n    }\r\n  }\r\n\r\n  @Listen('itemSelected')\r\n  handleItemSelected({ detail }: CustomEvent<DropdownItemData>) {\r\n    const hasItem = this.selectedMap.has(detail.value);\r\n\r\n    if (this.multiple) {\r\n      if (detail.selected) {\r\n        if (!hasItem) this.selectedMap.set(detail.value, detail);\r\n      } else {\r\n        if (hasItem) {\r\n          if (this.required && this.selectedMap.size === 1) return;\r\n          this.selectedMap.delete(detail.value);\r\n        }\r\n      }\r\n    } else {\r\n      if (detail.selected) {\r\n        this.selectedMap.clear();\r\n        this.selectedMap.set(detail.value, detail);\r\n      } else {\r\n        if (!this.required) this.selectedMap.clear();\r\n      }\r\n      this.open = false;\r\n    }\r\n\r\n    const optionElements = this.el.querySelectorAll(DropdownItemSelector);\r\n\r\n    forEach(\r\n      optionElements,\r\n      (option) => setAttr(option, 'selected', this.selectedMap.has(option.getAttribute('value')))\r\n    );\r\n\r\n    this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));\r\n  }\r\n\r\n  private setSelected = (selectedMap: typeof this.selectedMap, optionNodes?: NodeListOf<Element>): DropdownItemData[] => {\r\n    const values = Array.from(selectedMap.values());\r\n    const options = optionNodes || this.el.querySelectorAll(DropdownItemSelector);\r\n\r\n    this.selected = values.length === options.length ?\r\n      ['Alle ausgewählt'] : values.length > 2 ?\r\n        [`${values.length} ausgewählt`] : values.map((v) => v.text);\r\n\r\n    return values;\r\n  };\r\n\r\n  private handleOpen = () => {\r\n    if (this.disabled || this.open || this.loading) return;\r\n    this.open = true;\r\n  };\r\n\r\n  private handleClickOutside = (ev: MouseEvent) => {\r\n    if (!this.open || this.el.contains(ev.target as Node)) return;\r\n\r\n    if (this.open) this.open = false;\r\n  }\r\n\r\n  private addListeners = () => {\r\n    document.body.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private removeListeners = () => {\r\n    document.body.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private setDefaultValues = () => {\r\n    if (!this.defaultValue) return;\r\n\r\n    // Needs to wait next Javascript tik\r\n    setTimeout(() => {\r\n      const options = this.el.querySelectorAll(DropdownItemSelector);\r\n\r\n      forEach(\r\n        options,\r\n        (option) => {\r\n          const dropdownItemData: DropdownItemData = {\r\n            value: option.getAttribute('value'),\r\n            text: (option as any).innerText,\r\n            selected: `${this.defaultValue}` === option.getAttribute('value'),\r\n          };\r\n\r\n          if (dropdownItemData.selected) {\r\n            setAttr(option, 'selected', dropdownItemData.selected);\r\n            this.selectedMap.set(dropdownItemData.value, dropdownItemData);\r\n          }\r\n        }\r\n      );\r\n\r\n      this.setSelected(this.selectedMap, options);\r\n    });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        class=\"xv-dropdown\"\r\n        role=\"combobox\"\r\n        size={this.size}\r\n        open={this.open}\r\n        error={this.error}\r\n        disabled={this.disabled}\r\n        tabindex={this.disabled ? -1 : false}>\r\n        <label class=\"label\">\r\n          <slot name=\"label\">{this.label}</slot>\r\n        </label>\r\n\r\n        <div class=\"xv-dropdown-control control\" onClick={this.handleOpen}>\r\n          {this.selected.length ? (\r\n            <p class=\"control_value\">{this.selected.join(', ')}</p>\r\n          ) : (\r\n            <p class=\"control_placeholder\">{this.placeholder || ''}</p>\r\n          )}\r\n\r\n          {this.renderIcon()}\r\n\r\n          <svg class=\"control_arrow\" focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\"\r\n               xmlns=\"http://www.w3.org/2000/svg\"\r\n               fill=\"currentColor\" aria-hidden=\"true\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\r\n            <path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\r\n          </svg>\r\n        </div>\r\n\r\n        {this.open && <div class=\"options\">\r\n          <slot key=\"xv-dropdown-options\" />\r\n        </div>}\r\n\r\n        {(this.helper || this.error || this.warning) && (\r\n          <p class=\"helper\">{this.error || this.warning || this.helper}</p>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.setDefaultValues();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.openChangeHandle();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.removeListeners();\r\n  }\r\n\r\n  private renderIcon(): undefined | HTMLElement {\r\n    if (this.loading) {\r\n      return <xv-loader-v2 class=\"control_icon error\" size={SIZE_VAR.XS} />\r\n    }\r\n\r\n    if (this.error) {\r\n      return (\r\n        <svg class=\"control_icon error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\r\n          <path fill=\"currentColor\"\r\n                d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" />\r\n        </svg>\r\n      )\r\n    }\r\n\r\n    if (!this.error && !!this.warning) {\r\n      return (\r\n        <svg class=\"control_icon warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\r\n          <path fill=\"currentColor\" d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\" />\r\n        </svg>\r\n      );\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-footer.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-footer.entry.esm.js","sources":["src/components/xv-footer/xv-footer.scss?tag=xv-footer","src/components/xv-footer/xv-footer.tsx"],"sourcesContent":["%svg-common {\r\n    background: url(\"https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg\") no-repeat;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--facebook {\r\n    @extend %svg-common;\r\n    background-position: 0 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--instagram {\r\n    @extend %svg-common;\r\n    background-position: 14.545454545454545% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {\r\n    @extend %svg-common;\r\n    background-position: 0 0;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--linkedin {\r\n    @extend %svg-common;\r\n    background-position: 29.09090909090909% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--mastercard {\r\n    @extend %svg-common;\r\n    background-position: 50% 0;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--paypal {\r\n    @extend %svg-common;\r\n    background-position: 0 64.44444444444444%;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--sepa {\r\n    @extend %svg-common;\r\n    background-position: 50% 64.44444444444444%;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--visa {\r\n    @extend %svg-common;\r\n    background-position: 100% 0;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--vorkasse {\r\n    @extend %svg-common;\r\n    background-position: 100% 64.44444444444444%;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--xing {\r\n    @extend %svg-common;\r\n    background-position: 43.63636363636363% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--youtube {\r\n    @extend %svg-common;\r\n    background-position: 58.18181818181818% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.sprite-icon-beachten {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -90px 0px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-buchen {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -82px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-direct {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -284px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-downloads {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -80px -82px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-kino {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -305px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-kosten {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -170px 0px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-kreation {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -170px -80px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-logo-full {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -242px;\r\n\twidth: 189px;\r\n\theight: 32px;\r\n}\r\n.sprite-icon-logo-small {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -99px;\r\n\twidth: 34px;\r\n\theight: 34px;\r\n}\r\n.sprite-icon-mobile {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -326px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-online {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -347px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-partner-agma {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -66px;\r\n\twidth: 88px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-bvdw {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -338px -66px;\r\n\twidth: 88px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-climate {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px 0px;\r\n\twidth: 186px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-google {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px 0px;\r\n\twidth: 90px;\r\n\theight: 82px;\r\n}\r\n.sprite-icon-partner-microsoft {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -33px;\r\n\twidth: 186px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-plakat {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -368px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-print {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -389px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-radio {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -410px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-services {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-topangebote {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -271px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-tv {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -292px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-werbeformen {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -162px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n","import { Component, h,Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-footer',\r\n  styleUrl: 'xv-footer.scss',\r\n})\r\nexport class Xvfooter {\r\n  @State() htmlContent: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  async componentWillLoad() {\r\n    try {\r\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\r\n      const text = await response.text();\r\n      this.htmlContent = text;\r\n    } catch (error) {\r\n      console.error('Failed to fetch footer HTML:', error);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n        <footer>\r\n        <div innerHTML={this.htmlContent}></div>\r\n        </footer>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,ukMAAukM;;MCM9kM,QAAQ,GAAA,MAAA;AAJrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKW,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAoBlC;AAjBC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oEAAoE,CAAC;AAClG,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAClC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;QACvB,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC;;;IAIxD,MAAM,GAAA;AACJ,QAAA,QACI,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,IAAI,CAAC,WAAW,EAAQ,CAAA,CAC/B;;;;;;;;"}

package/dist/xv-webcomponents/xv-footer.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, e as getElement } from './index-rZAC0WRb.js';
+
+const xvFooterCss = ".svg-assets--src--project--images--svg-sprite--youtube,.svg-assets--src--project--images--svg-sprite--xing,.svg-assets--src--project--images--svg-sprite--vorkasse,.svg-assets--src--project--images--svg-sprite--visa,.svg-assets--src--project--images--svg-sprite--sepa,.svg-assets--src--project--images--svg-sprite--paypal,.svg-assets--src--project--images--svg-sprite--mastercard,.svg-assets--src--project--images--svg-sprite--linkedin,.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung,.svg-assets--src--project--images--svg-sprite--instagram,.svg-assets--src--project--images--svg-sprite--facebook{background:url(\"https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg\") no-repeat}.svg-assets--src--project--images--svg-sprite--facebook{background-position:0 100%;width:32px;height:32px}.svg-assets--src--project--images--svg-sprite--instagram{background-position:14.5454545455% 100%;width:32px;height:32px}.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung{background-position:0 0;width:84px;height:58px}.svg-assets--src--project--images--svg-sprite--linkedin{background-position:29.0909090909% 100%;width:32px;height:32px}.svg-assets--src--project--images--svg-sprite--mastercard{background-position:50% 0;width:84px;height:58px}.svg-assets--src--project--images--svg-sprite--paypal{background-position:0 64.4444444444%;width:84px;height:58px}.svg-assets--src--project--images--svg-sprite--sepa{background-position:50% 64.4444444444%;width:84px;height:58px}.svg-assets--src--project--images--svg-sprite--visa{background-position:100% 0;width:84px;height:58px}.svg-assets--src--project--images--svg-sprite--vorkasse{background-position:100% 64.4444444444%;width:84px;height:58px}.svg-assets--src--project--images--svg-sprite--xing{background-position:43.6363636364% 100%;width:32px;height:32px}.svg-assets--src--project--images--svg-sprite--youtube{background-position:58.1818181818% 100%;width:32px;height:32px}.sprite-icon-beachten{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-90px 0px;width:80px;height:80px}.sprite-icon-buchen{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:0px -82px;width:80px;height:80px}.sprite-icon-direct{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-284px -99px;width:21px;height:21px}.sprite-icon-downloads{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-80px -82px;width:80px;height:80px}.sprite-icon-kino{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-305px -99px;width:21px;height:21px}.sprite-icon-kosten{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-170px 0px;width:80px;height:80px}.sprite-icon-kreation{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-170px -80px;width:80px;height:80px}.sprite-icon-logo-full{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:0px -242px;width:189px;height:32px}.sprite-icon-logo-small{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-250px -99px;width:34px;height:34px}.sprite-icon-mobile{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-326px -99px;width:21px;height:21px}.sprite-icon-online{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-347px -99px;width:21px;height:21px}.sprite-icon-partner-agma{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-250px -66px;width:88px;height:33px}.sprite-icon-partner-bvdw{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-338px -66px;width:88px;height:33px}.sprite-icon-partner-climate{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-250px 0px;width:186px;height:33px}.sprite-icon-partner-google{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:0px 0px;width:90px;height:82px}.sprite-icon-partner-microsoft{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-250px -33px;width:186px;height:33px}.sprite-icon-plakat{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-368px -99px;width:21px;height:21px}.sprite-icon-print{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-389px -99px;width:21px;height:21px}.sprite-icon-radio{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-410px -99px;width:21px;height:21px}.sprite-icon-services{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-250px -133px;width:21px;height:21px}.sprite-icon-topangebote{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-271px -133px;width:21px;height:21px}.sprite-icon-tv{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:-292px -133px;width:21px;height:21px}.sprite-icon-werbeformen{background-image:url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);background-position:0px -162px;width:80px;height:80px}";
+
+const Xvfooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.htmlContent = '';
+    }
+    async componentWillLoad() {
+        try {
+            const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');
+            const text = await response.text();
+            this.htmlContent = text;
+        }
+        catch (error) {
+            console.error('Failed to fetch footer HTML:', error);
+        }
+    }
+    render() {
+        return (h("footer", { key: '95a8382bee7911f603fa52dffe1d8467add5df92' }, h("div", { key: 'e8085dcae0ee02cc9ff44d3e05381fae236bad86', innerHTML: this.htmlContent })));
+    }
+    get el() { return getElement(this); }
+};
+Xvfooter.style = xvFooterCss;
+
+export { Xvfooter as xv_footer };
+//# sourceMappingURL=xv-footer.entry.esm.js.map
+
+//# sourceMappingURL=xv-footer.entry.js.map

package/dist/xv-webcomponents/xv-footer.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-footer.entry.esm.js","mappings":";;AAAA,MAAM,WAAW,GAAG,ukMAAukM;;MCM9kM,QAAQ,GAAA,MAAA;AAJrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKW,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAoBlC;AAjBC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oEAAoE,CAAC;AAClG,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAClC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;QACvB,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC;;;IAIxD,MAAM,GAAA;AACJ,QAAA,QACI,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,IAAI,CAAC,WAAW,EAAQ,CAAA,CAC/B;;;;;;;;","names":[],"sources":["src/components/xv-footer/xv-footer.scss?tag=xv-footer","src/components/xv-footer/xv-footer.tsx"],"sourcesContent":["%svg-common {\r\n    background: url(\"https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg\") no-repeat;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--facebook {\r\n    @extend %svg-common;\r\n    background-position: 0 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--instagram {\r\n    @extend %svg-common;\r\n    background-position: 14.545454545454545% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {\r\n    @extend %svg-common;\r\n    background-position: 0 0;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--linkedin {\r\n    @extend %svg-common;\r\n    background-position: 29.09090909090909% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--mastercard {\r\n    @extend %svg-common;\r\n    background-position: 50% 0;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--paypal {\r\n    @extend %svg-common;\r\n    background-position: 0 64.44444444444444%;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--sepa {\r\n    @extend %svg-common;\r\n    background-position: 50% 64.44444444444444%;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--visa {\r\n    @extend %svg-common;\r\n    background-position: 100% 0;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--vorkasse {\r\n    @extend %svg-common;\r\n    background-position: 100% 64.44444444444444%;\r\n    width: 84px;\r\n    height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--xing {\r\n    @extend %svg-common;\r\n    background-position: 43.63636363636363% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--youtube {\r\n    @extend %svg-common;\r\n    background-position: 58.18181818181818% 100%;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.sprite-icon-beachten {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -90px 0px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-buchen {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -82px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-direct {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -284px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-downloads {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -80px -82px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-kino {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -305px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-kosten {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -170px 0px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-kreation {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -170px -80px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-logo-full {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -242px;\r\n\twidth: 189px;\r\n\theight: 32px;\r\n}\r\n.sprite-icon-logo-small {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -99px;\r\n\twidth: 34px;\r\n\theight: 34px;\r\n}\r\n.sprite-icon-mobile {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -326px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-online {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -347px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-partner-agma {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -66px;\r\n\twidth: 88px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-bvdw {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -338px -66px;\r\n\twidth: 88px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-climate {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px 0px;\r\n\twidth: 186px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-google {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px 0px;\r\n\twidth: 90px;\r\n\theight: 82px;\r\n}\r\n.sprite-icon-partner-microsoft {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -33px;\r\n\twidth: 186px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-plakat {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -368px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-print {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -389px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-radio {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -410px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-services {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-topangebote {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -271px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-tv {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -292px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-werbeformen {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -162px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n","import { Component, h,Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-footer',\r\n  styleUrl: 'xv-footer.scss',\r\n})\r\nexport class Xvfooter {\r\n  @State() htmlContent: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  async componentWillLoad() {\r\n    try {\r\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\r\n      const text = await response.text();\r\n      this.htmlContent = text;\r\n    } catch (error) {\r\n      console.error('Failed to fetch footer HTML:', error);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n        <footer>\r\n        <div innerHTML={this.htmlContent}></div>\r\n        </footer>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-header.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-header.entry.esm.js","sources":["src/components/xv-header/xv-header.scss?tag=xv-header","src/components/xv-header/xv-header.tsx"],"sourcesContent":["@import '../../global.scss';\r\n.media-nav-dropdown:hover > .dropdown-menu {\r\n    display: block;\r\n}\r\n\r\n.alle-kategorien-menu li:hover > ul{\r\n    display: block;\r\n}\r\n\r\n#nav-container .media-nav #media-menu-item-alle-kategorien li:hover > ul{\r\n    display: block;\r\n}","import { Component, h,Element, State } from '@stencil/core';\r\nimport { UserMenuProps } from '../xv-user-menu/xv-user-menu';\r\n\r\n@Component({\r\n  tag: 'xv-header',\r\n  styleUrl: 'xv-header.scss',\r\n})\r\nexport class XvHeader {\r\n  @State() htmlContent: string = '';\r\n  @State() showLoginModal = false;\r\n  @Element() el: HTMLElement;\r\n\r\n// Example configuration\r\n public userMenuConfig :UserMenuProps= {\r\n  authenticated: true,\r\n  isManager: true,\r\n  userMenuText: \"Arya Niazmand\",\r\n  pendingItems: 3,\r\n  managerCockpitMenu: [\r\n    {\r\n      text: \"Dashboard\",\r\n      url: \"/dashboard\",\r\n      cssClass: \"fa fa-chart-bar\",\r\n    },\r\n    // ... more menu items\r\n  ],\r\n  managerEntitiesMenu: [\r\n    // ... entity menu items\r\n  ],\r\n  managerMenu: [\r\n    // ... manager menu items\r\n  ],\r\n  userMenu: [\r\n    // ... user menu items\r\n  ],\r\n  actionsMenu: [\r\n    // ... action menu items\r\n  ],\r\n  impersonationInfo: {\r\n    isImpersonated: false,\r\n    nameAndTitle: \"\",\r\n    companyName: \"crossvertise\",\r\n    email: \"a.niazmanand@crossvertise.com\",\r\n    phoneOffice: \"1635207664\",\r\n    clearImpersonationUrl: \"\"\r\n  }\r\n};\r\n  private openLoginModal = () => {\r\n    this.showLoginModal = true;\r\n  };\r\n\r\n  private closeLoginModal = () => {\r\n    this.showLoginModal = false;\r\n  };\r\n\r\n  async componentWillLoad() {\r\n    try {\r\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');\r\n      const text = await response.text();\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(text, 'text/html');\r\n\r\n    const mixedMenu = doc.querySelector('.alle-kategorien-menu');\r\n    const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\r\n    const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\r\n\r\n    if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\r\n      allCategoriesContainer.appendChild(mixedMenu);\r\n      allCategoriesContainer.appendChild(allCategoriesGenerals);\r\n    }\r\n\r\n    this.htmlContent = doc.body.innerHTML;\r\n    } catch (error) {\r\n      console.error('Failed to fetch header HTML:', error);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div id=\"nav-container\" class=\"xv-header\">\r\n        <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">\r\n        <div class=\"container\">\r\n          <div class=\"row\">\r\n            <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\r\n              <div class=\"navbar-header\">\r\n                <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\r\n                  <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\r\n                </button>\r\n                <div class=\"visible-xs-inline\">\r\n                  <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\r\n                    <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\r\n                  </a>\r\n                </div>\r\n                <div class=\"hidden-xs\">\r\n                  <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\r\n                    <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\r\n              <ul class=\"nav nav-pills nav-meta pull-right\">\r\n                <li>\r\n                  <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">\r\n                    <i class=\"fa fa-user\"></i>\r\n                    <i class=\"fa fa-exchange-alt\"></i>\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\r\n                  <a href=\"https://www.crossvertise.com/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\r\n                  <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\r\n                    <i class=\"fa fa-phone\"></i>\r\n                  </a>\r\n                </li>\r\n                <xv-user-menu config={this.userMenuConfig}></xv-user-menu>\r\n                <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\r\n                  <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\r\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </li>\r\n                <li class=\"hidden-xs hidden-sm\">\r\n                  <a role=\"button\" onClick={this.openLoginModal}  class=\"btn btn-default navbar-btn btn-link\">\r\n                    <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\r\n                    <span>Login</span>\r\n                  </a>\r\n                </li>\r\n                <xv-login-modal visible={this.showLoginModal} onClose={this.closeLoginModal}></xv-login-modal>\r\n                <li class=\"hidden-xs\">\r\n                  <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/register\">\r\n                    <span>Registrieren</span>\r\n                  </a>\r\n                </li>\r\n                <li class=\"navbar-divider hidden-xs\"></li>\r\n                <li>\r\n                  <a class=\"btn btn-success navbar-btn\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart\">\r\n                    <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\r\n                    <span class=\"hidden-xs hidden-sm\">&nbsp;Warenkorb&nbsp;</span>\r\n                    <span class=\"badge badge-success\">0</span>\r\n                  </a>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\r\n          <div class=\"container\">\r\n            <form action=\"https://market.crossvertise.com/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\r\n              <div class=\"input-group\">\r\n                <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\r\n                <span class=\"input-group-btn force-full-width\">\r\n                  <button class=\"btn btn-default search-addon\" type=\"submit\">\r\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                </span>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </nav>\r\n        <div innerHTML={this.htmlContent}></div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}