xv-webcomponents 0.1.43 → 0.1.46

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

@@ -1,29 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-rZAC0WRb.js';
-
-const xvTagCss = "@charset \"UTF-8\";:host{display:inline-flex;align-items:center;justify-content:space-between;border-radius:1000px;background-color:var(--background);color:var(--text-primary);font-family:var(--ff-body, inherit)}:host .xv-tag_content{padding-left:8px;padding-right:8px;color:inherit;font-family:var(--ff-body);font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .xv-tag_close{box-sizing:border-box;text-decoration:none;border:none;background-color:inherit;outline:none;border-spacing:0;list-style:none outside none;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:62px;width:15px;height:15px;text-align:left;color:inherit;text-indent:0;transition:opacity 300ms ease-in-out, filter 300ms ease-in-out}:host .xv-tag_close:hover{cursor:pointer;filter:brightness(80%)}:host .xv-tag_close:active{opacity:0.7}:host .xv-tag_close:focus{outline:1px solid currentColor}:host .xv-tag_close:after{overflow:hidden;width:inherit;height:inherit;color:inherit;font-size:16px;display:inline-flex;align-items:center;justify-content:center;content:\"×\"}:host(.sm){font-size:var(--fz-sm)}:host(.md){font-size:var(--fz-md)}:host(.md) .xv-tag_content{line-height:24px}:host(.md) .xv-tag_close{height:24px;width:24px}:host(.lg){font-size:var(--fz-lg)}:host(.lg) .xv-tag_content{line-height:26px}:host(.lg) .xv-tag_close{height:26px;width:26px}:host(.disabled){pointer-events:none;background-color:var(--layer-01);color:var(--text-disabled)}";
-
-const XvTag = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.closeClick = createEvent(this, "closeClick", 7);
-        this.size = 'md';
-        this.color = '';
-        this.bg = '';
-        this.disabled = false;
-        this.closeable = false;
-    }
-    closeHandler(e) {
-        if (this.disabled)
-            return;
-        this.closeClick.emit(e);
-    }
-    render() {
-        return (h(Host, { key: '0ede90fa140307735d2d5d1ea76bbe4a81112d73', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '5a5e284b783893088cf396bd0482ab110adf7049', class: "xv-tag_content" }, h("slot", { key: '1f2b3423323fcf7139c245618e0823572c427822' })), this.closeable && (h("button", { key: 'e344dfe5ed92166adcca36d32ba75c8423d9c73d', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
-    }
-};
-XvTag.style = xvTagCss;
-
-export { XvTag as xv_tag_v2 };
-//# sourceMappingURL=xv-tag-v2.entry.esm.js.map
-
-//# sourceMappingURL=xv-tag-v2.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"xv-tag-v2.entry.esm.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,+gDAA+gD;;MCOnhD,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAI,CAAA,IAAA,GAAuB,IAAI;AAC/B,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAClB,QAAA,IAAE,CAAA,EAAA,GAAW,EAAE;AACf,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAwBnC;AArBC,IAAA,YAAY,CAAC,CAAe,EAAA;QAC1B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;;IAGzB,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,EACjD,KAAK,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EAE/D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,SAAS,KACb,+DAAQ,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,cAAc,EAAU,CAAA,CAC9E,CACI;;;;;;;","names":[],"sources":["src/components/xv-tag/xv-tag.scss?tag=xv-tag-v2&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx"],"sourcesContent":[":host {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-radius: 1000px;\r\n  background-color: var(--background);\r\n  color: var(--text-primary);\r\n  font-family: var(--ff-body, inherit);\r\n\r\n  .xv-tag_content {\r\n    padding-left: 8px;\r\n    padding-right: 8px;\r\n    color: inherit;\r\n    font-family: var(--ff-body);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    box-sizing: border-box;\r\n    text-decoration: none;\r\n    border: none;\r\n    background-color: inherit;\r\n    outline: none;\r\n    border-spacing: 0;\r\n    list-style: none outside none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 62px;\r\n    width: 15px;\r\n    height: 15px;\r\n    text-align: left;\r\n    color: inherit;\r\n    text-indent: 0;\r\n    transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;\r\n    &:hover {\r\n      cursor: pointer;\r\n      filter: brightness(80%);\r\n    }\r\n\r\n    &:active {\r\n      opacity: 0.7;\r\n    }\r\n\r\n    &:focus {\r\n      outline: 1px solid currentColor;\r\n    }\r\n\r\n    &:after {\r\n      overflow: hidden;\r\n      width: inherit;\r\n      height: inherit;\r\n      color: inherit;\r\n      font-size: 16px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      content: \"\\00d7\";\r\n    }\r\n  }\r\n}\r\n\r\n:host(.sm) {\r\n  font-size: var(--fz-sm);\r\n}\r\n\r\n:host(.md) {\r\n  font-size: var(--fz-md);\r\n  .xv-tag_content {\r\n    line-height: 24px;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n}\r\n\r\n:host(.lg) {\r\n  font-size: var(--fz-lg);\r\n  .xv-tag_content {\r\n    line-height: 26px;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    height: 26px;\r\n    width: 26px;\r\n  }\r\n}\r\n\r\n:host(.disabled) {\r\n  pointer-events: none;\r\n  background-color: var(--layer-01);\r\n  color: var(--text-disabled);\r\n}\r\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tag-v2',\r\n  styleUrl: 'xv-tag.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTag {\r\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\r\n  @Prop() color: string = '';\r\n  @Prop() bg: string = '';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() closeable: boolean = false;\r\n  @Event() closeClick: EventEmitter<PointerEvent>;\r\n\r\n  closeHandler(e: PointerEvent) {\r\n    if (this.disabled) return;\r\n\r\n    this.closeClick.emit(e);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        style={{ color: this.color, background: this.bg }}\r\n        class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\r\n      >\r\n        <div class=\"xv-tag_content\">\r\n          <slot></slot>\r\n        </div>\r\n        {this.closeable && (\r\n          <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-text-input-v2.entry.esm.js","sources":["src/components/xv-text-input/_vars.ts","src/components/xv-text-input/xv-text-input.scss?tag=xv-text-input-v2&encapsulation=shadow","src/components/xv-text-input/xv-text-input.tsx"],"sourcesContent":["export enum TextInputStatus {\r\n  ERROR = 'error',\r\n  WARNING = 'warning',\r\n  DEF = ''\r\n}\r\n",":host {\r\n  --text-input-padding-x: 16px;\r\n  --text-input-padding-y: 11px;\r\n\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  row-gap: calc(var(--text-input-padding-y) / 2);\r\n  text-align: left;\r\n  font-family: var(--ff-body, Tahoma);\r\n\r\n  .label {\r\n    margin: 0;\r\n    color: var(--text-secondary, #515151);\r\n    font-size: var(--fz-sm, 12px);\r\n    font-weight: 700;\r\n    line-height: 133.333%;\r\n    letter-spacing: 0.32px;\r\n  }\r\n\r\n  .control {\r\n    margin: 0;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    column-gap: 5px;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    input {\r\n      width: 100%;\r\n      background-color: var(--field-02, #FFF);\r\n      border: 1px solid var(--border-strong-01, #E3E3E3);\r\n      border-radius: 3px;\r\n      padding-block: var(--text-input-padding-y);\r\n      padding-inline-start: var(--text-input-padding-x);\r\n      padding-inline-end: var(--text-input-padding-x);\r\n      flex: 1;\r\n      outline: 2px solid transparent;\r\n      color: var(--text-primary, #333);\r\n      font-size: var(--fz-md, 14px);\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 128.571%;\r\n      letter-spacing: 0.16px;\r\n      transition: 0.2s ease-in-out border-color, 0.2s ease-in-out outline-color;\r\n\r\n      &.withIcon {\r\n        padding-inline-end: calc(var(--text-input-padding-x) + 22px);\r\n      }\r\n\r\n      &::placeholder {\r\n        color: var(--text-placeholder, #ACACAC);\r\n      }\r\n\r\n      &:focus {\r\n        outline: 2px solid var(--focus, #273435);\r\n      }\r\n    }\r\n\r\n    &_icon {\r\n      position: absolute;\r\n      top: calc(50% - 9px);\r\n      right: var(--text-input-padding-y);\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    &:hover {\r\n\r\n    }\r\n  }\r\n\r\n  .helper {\r\n    margin: 0;\r\n    color: var(--text-helper, #646464);\r\n    font-size: var(--fz-sm, 12px);\r\n    line-height: 133.333%;\r\n    letter-spacing: 0.32px;\r\n  }\r\n}\r\n\r\n:host([status=\"error\"]) {\r\n  .control input {\r\n    border-color: var(--support-error, #F1290E);\r\n    &:focus {\r\n      outline-color: var(--support-error, #F1290E);\r\n    }\r\n  }\r\n\r\n  .helper {\r\n    color: var(--text-error, #D62512);\r\n  }\r\n}\r\n\r\n:host([readonly]) {\r\n  .control input {\r\n    border-top-color: transparent;\r\n    border-right-color: transparent;\r\n    border-left-color: transparent;\r\n    cursor: default;\r\n    background-color: transparent;\r\n\r\n    &:focus {\r\n      outline-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n:host([disabled]) {\r\n  opacity: 0.4;\r\n  .control input {\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n:host([size=\"xs\"]) {\r\n  --text-input-padding-y: 4px;\r\n  --text-input-padding-x: 6px;\r\n}\r\n:host([size=\"sm\"]) {\r\n  --text-input-padding-y: 7px;\r\n}\r\n:host([size=\"md\"]) {\r\n  --text-input-padding-y: 11px;\r\n}\r\n:host([size=\"lg\"]) {\r\n  --text-input-padding-y: 15px;\r\n}\r\n:host([size=\"xl\"]) {\r\n  --text-input-padding-y: 16px;\r\n  --text-input-padding-x: 18px;\r\n}\r\n","import { AttachInternals, Component, h, Host, Element, Prop, Event, EventEmitter } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\nimport { TextInputStatus } from './_vars';\r\n\r\n/**\r\n * xv-text-input — custom input\r\n * ti get data you can use default Input event\r\n * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)\r\n */\r\n@Component({\r\n  tag: 'xv-text-input-v2',\r\n  styleUrl: 'xv-text-input.scss',\r\n  shadow: true,\r\n  formAssociated: true,\r\n})\r\nexport class XvTextInput {\r\n  @Element() el: HTMLElement;\r\n  @Prop({ reflect: true }) label?: string;\r\n  @Prop({ reflect: true }) placeholder?: string;\r\n  @Prop({ reflect: true }) helper: string = '';\r\n  @Prop({ reflect: true }) name?: string;\r\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\r\n  @Prop({ reflect: true }) status: TextInputStatus = TextInputStatus.DEF;\r\n  @Prop({ reflect: true, mutable: true }) value: string = '';\r\n  @Event({ eventName: 'valueChange' }) valueChange: EventEmitter<string>;\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  private handleInput = (e: InputEvent) => {\r\n    const target = e.target as HTMLInputElement;\r\n    this.value = target.value;\r\n    this.valueChange.emit(this.value);\r\n    this.internals.setFormValue(target.value);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host name={this.name} class=\"xv-text-input\" role=\"textbox\" tabindex={this.disabled ? -1 : false}>\r\n        {this.label && <label class=\"label\">{this.label}</label>}\r\n\r\n        <div class=\"control\">\r\n          <input\r\n            type=\"text\"\r\n            class={{ withIcon: this.status !== TextInputStatus.DEF }}\r\n            readonly={this.readonly}\r\n            value={this.value}\r\n            disabled={this.disabled}\r\n            onInput={this.handleInput}\r\n            placeholder={this.placeholder}\r\n          />\r\n\r\n          {this.getControlIcon(this.status)}\r\n        </div>\r\n\r\n        {this.helper && <p class=\"helper\">{this.helper}</p>}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internals.setFormValue(this.value);\r\n  }\r\n\r\n  private getControlIcon = (status: TextInputStatus) => {\r\n    if (this.loading) {\r\n      return <xv-loader-v2 class=\"control_icon\" size={SIZE_VAR.XS} />\r\n    }\r\n    switch (status) {\r\n      case TextInputStatus.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      case TextInputStatus.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\"\r\n                  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      default: return null;\r\n    }\r\n  };\r\n}\r\n"],"names":[],"mappings":";;;AAAA,IAAY,eAIX;AAJD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,KAAA,CAAA,GAAA,EAAQ;AACV,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;;ACJD,MAAM,cAAc,GAAG,63EAA63E;;MCev4E,WAAW,GAAA,MAAA;AANxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAU2B,QAAA,IAAM,CAAA,MAAA,GAAW,EAAE;AAEnB,QAAA,IAAA,CAAA,IAAI,GAAa,QAAQ,CAAC,EAAE;AAC5B,QAAA,IAAA,CAAA,MAAM,GAAoB,eAAe,CAAC,GAAG;AAC9B,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAEjC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAIzC,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,CAAa,KAAI;AACtC,YAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,YAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;YACzB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YACjC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;AAC3C,SAAC;AA8BO,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,MAAuB,KAAI;AACnD,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,OAAO,CAAA,CAAA,cAAA,EAAA,EAAc,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAA,CAAI;;YAEjE,QAAQ,MAAM;AACZ,gBAAA,KAAK,eAAe,CAAC,KAAK,EAAE;AAC1B,oBAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAA,EACtF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gMAAgM,EAAA,CAAG,CACvM;;gBAGV,KAAK,eAAe,CAAC,OAAO;AAC1B,oBAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAA,EACxF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,EAAA,CAAG,CAChU;AAEV,gBAAA,SAAS,OAAO,IAAI;;AAExB,SAAC;AACF;IAnDC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,KAAK,EAAA,EAC7F,IAAI,CAAC,KAAK,IAAI,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAS,EAExD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,eAAe,CAAC,GAAG,EAAE,EACxD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,CAAA,EAED,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAC7B,EAEL,IAAI,CAAC,MAAM,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,QAAQ,EAAE,EAAA,IAAI,CAAC,MAAM,CAAK,CAC9C;;IAIX,iBAAiB,GAAA;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;;;;;;;;"}

package/dist/xv-webcomponents/xv-text-input-v2.entry.js

@@ -1,65 +0,0 @@
-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';
-
-var TextInputStatus;
-(function (TextInputStatus) {
-    TextInputStatus["ERROR"] = "error";
-    TextInputStatus["WARNING"] = "warning";
-    TextInputStatus["DEF"] = "";
-})(TextInputStatus || (TextInputStatus = {}));
-
-const xvTextInputCss = ":host{--text-input-padding-x:16px;--text-input-padding-y:11px;display:inline-flex;flex-direction:column;row-gap:calc(var(--text-input-padding-y) / 2);text-align:left;font-family:var(--ff-body, Tahoma)}:host .label{margin:0;color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);font-weight:700;line-height:133.333%;letter-spacing:0.32px}:host .control{margin:0;position:relative;box-sizing:border-box;display:flex;column-gap:5px;align-items:center;flex-direction:row}:host .control input{width:100%;background-color:var(--field-02, #FFF);border:1px solid var(--border-strong-01, #E3E3E3);border-radius:3px;padding-block:var(--text-input-padding-y);padding-inline-start:var(--text-input-padding-x);padding-inline-end:var(--text-input-padding-x);flex:1;outline:2px solid transparent;color:var(--text-primary, #333);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:128.571%;letter-spacing:0.16px;transition:0.2s ease-in-out border-color, 0.2s ease-in-out outline-color}:host .control input.withIcon{padding-inline-end:calc(var(--text-input-padding-x) + 22px)}:host .control input::placeholder{color:var(--text-placeholder, #ACACAC)}:host .control input:focus{outline:2px solid var(--focus, #273435)}:host .control_icon{position:absolute;top:calc(50% - 9px);right:var(--text-input-padding-y);width:18px;height:18px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .helper{margin:0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);line-height:133.333%;letter-spacing:0.32px}:host([status=error]) .control input{border-color:var(--support-error, #F1290E)}:host([status=error]) .control input:focus{outline-color:var(--support-error, #F1290E)}:host([status=error]) .helper{color:var(--text-error, #D62512)}:host([readonly]) .control input{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;cursor:default;background-color:transparent}:host([readonly]) .control input:focus{outline-color:transparent}:host([disabled]){opacity:0.4}:host([disabled]) .control input{cursor:not-allowed}:host([size=xs]){--text-input-padding-y:4px;--text-input-padding-x:6px}:host([size=sm]){--text-input-padding-y:7px}:host([size=md]){--text-input-padding-y:11px}:host([size=lg]){--text-input-padding-y:15px}:host([size=xl]){--text-input-padding-y:16px;--text-input-padding-x:18px}";
-
-const XvTextInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange", 7);
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-        this.helper = '';
-        this.size = SIZE_VAR.MD;
-        this.status = TextInputStatus.DEF;
-        this.value = '';
-        this.disabled = false;
-        this.readonly = false;
-        this.loading = false;
-        this.handleInput = (e) => {
-            const target = e.target;
-            this.value = target.value;
-            this.valueChange.emit(this.value);
-            this.internals.setFormValue(target.value);
-        };
-        this.getControlIcon = (status) => {
-            if (this.loading) {
-                return h("xv-loader-v2", { class: "control_icon", size: SIZE_VAR.XS });
-            }
-            switch (status) {
-                case TextInputStatus.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" })));
-                }
-                case TextInputStatus.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" })));
-                default: return null;
-            }
-        };
-    }
-    render() {
-        return (h(Host, { key: '6bc26699fae532c2bd1570545211dc3f79ba670c', name: this.name, class: "xv-text-input", role: "textbox", tabindex: this.disabled ? -1 : false }, this.label && h("label", { key: 'e5d902bd92699ab0a5c0913e75dbd368af9ec0c6', class: "label" }, this.label), h("div", { key: '7730162b9886d23792ea3d5cd8e5cfbd27879167', class: "control" }, h("input", { key: '08e031ac133125323173fa805759dd3c20726022', type: "text", class: { withIcon: this.status !== TextInputStatus.DEF }, readonly: this.readonly, value: this.value, disabled: this.disabled, onInput: this.handleInput, placeholder: this.placeholder }), this.getControlIcon(this.status)), this.helper && h("p", { key: '1b39bc62780eeca2d085494a6d2f46dac3788088', class: "helper" }, this.helper)));
-    }
-    componentWillLoad() {
-        this.internals.setFormValue(this.value);
-    }
-    static get formAssociated() { return true; }
-    get el() { return getElement(this); }
-};
-XvTextInput.style = xvTextInputCss;
-
-export { XvTextInput as xv_text_input_v2 };
-//# sourceMappingURL=xv-text-input-v2.entry.esm.js.map
-
-//# sourceMappingURL=xv-text-input-v2.entry.js.map

package/dist/xv-webcomponents/xv-text-input-v2.entry.js.map

@@ -1 +0,0 @@
-{"file":"xv-text-input-v2.entry.esm.js","mappings":"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","names":[],"sources":["src/components/xv-text-input/_vars.ts","src/components/xv-text-input/xv-text-input.scss?tag=xv-text-input-v2&encapsulation=shadow","src/components/xv-text-input/xv-text-input.tsx"],"sourcesContent":["export enum TextInputStatus {\r\n  ERROR = 'error',\r\n  WARNING = 'warning',\r\n  DEF = ''\r\n}\r\n",":host {\r\n  --text-input-padding-x: 16px;\r\n  --text-input-padding-y: 11px;\r\n\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  row-gap: calc(var(--text-input-padding-y) / 2);\r\n  text-align: left;\r\n  font-family: var(--ff-body, Tahoma);\r\n\r\n  .label {\r\n    margin: 0;\r\n    color: var(--text-secondary, #515151);\r\n    font-size: var(--fz-sm, 12px);\r\n    font-weight: 700;\r\n    line-height: 133.333%;\r\n    letter-spacing: 0.32px;\r\n  }\r\n\r\n  .control {\r\n    margin: 0;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    column-gap: 5px;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    input {\r\n      width: 100%;\r\n      background-color: var(--field-02, #FFF);\r\n      border: 1px solid var(--border-strong-01, #E3E3E3);\r\n      border-radius: 3px;\r\n      padding-block: var(--text-input-padding-y);\r\n      padding-inline-start: var(--text-input-padding-x);\r\n      padding-inline-end: var(--text-input-padding-x);\r\n      flex: 1;\r\n      outline: 2px solid transparent;\r\n      color: var(--text-primary, #333);\r\n      font-size: var(--fz-md, 14px);\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 128.571%;\r\n      letter-spacing: 0.16px;\r\n      transition: 0.2s ease-in-out border-color, 0.2s ease-in-out outline-color;\r\n\r\n      &.withIcon {\r\n        padding-inline-end: calc(var(--text-input-padding-x) + 22px);\r\n      }\r\n\r\n      &::placeholder {\r\n        color: var(--text-placeholder, #ACACAC);\r\n      }\r\n\r\n      &:focus {\r\n        outline: 2px solid var(--focus, #273435);\r\n      }\r\n    }\r\n\r\n    &_icon {\r\n      position: absolute;\r\n      top: calc(50% - 9px);\r\n      right: var(--text-input-padding-y);\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    &:hover {\r\n\r\n    }\r\n  }\r\n\r\n  .helper {\r\n    margin: 0;\r\n    color: var(--text-helper, #646464);\r\n    font-size: var(--fz-sm, 12px);\r\n    line-height: 133.333%;\r\n    letter-spacing: 0.32px;\r\n  }\r\n}\r\n\r\n:host([status=\"error\"]) {\r\n  .control input {\r\n    border-color: var(--support-error, #F1290E);\r\n    &:focus {\r\n      outline-color: var(--support-error, #F1290E);\r\n    }\r\n  }\r\n\r\n  .helper {\r\n    color: var(--text-error, #D62512);\r\n  }\r\n}\r\n\r\n:host([readonly]) {\r\n  .control input {\r\n    border-top-color: transparent;\r\n    border-right-color: transparent;\r\n    border-left-color: transparent;\r\n    cursor: default;\r\n    background-color: transparent;\r\n\r\n    &:focus {\r\n      outline-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n:host([disabled]) {\r\n  opacity: 0.4;\r\n  .control input {\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n:host([size=\"xs\"]) {\r\n  --text-input-padding-y: 4px;\r\n  --text-input-padding-x: 6px;\r\n}\r\n:host([size=\"sm\"]) {\r\n  --text-input-padding-y: 7px;\r\n}\r\n:host([size=\"md\"]) {\r\n  --text-input-padding-y: 11px;\r\n}\r\n:host([size=\"lg\"]) {\r\n  --text-input-padding-y: 15px;\r\n}\r\n:host([size=\"xl\"]) {\r\n  --text-input-padding-y: 16px;\r\n  --text-input-padding-x: 18px;\r\n}\r\n","import { AttachInternals, Component, h, Host, Element, Prop, Event, EventEmitter } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\nimport { TextInputStatus } from './_vars';\r\n\r\n/**\r\n * xv-text-input — custom input\r\n * ti get data you can use default Input event\r\n * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)\r\n */\r\n@Component({\r\n  tag: 'xv-text-input-v2',\r\n  styleUrl: 'xv-text-input.scss',\r\n  shadow: true,\r\n  formAssociated: true,\r\n})\r\nexport class XvTextInput {\r\n  @Element() el: HTMLElement;\r\n  @Prop({ reflect: true }) label?: string;\r\n  @Prop({ reflect: true }) placeholder?: string;\r\n  @Prop({ reflect: true }) helper: string = '';\r\n  @Prop({ reflect: true }) name?: string;\r\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\r\n  @Prop({ reflect: true }) status: TextInputStatus = TextInputStatus.DEF;\r\n  @Prop({ reflect: true, mutable: true }) value: string = '';\r\n  @Event({ eventName: 'valueChange' }) valueChange: EventEmitter<string>;\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  private handleInput = (e: InputEvent) => {\r\n    const target = e.target as HTMLInputElement;\r\n    this.value = target.value;\r\n    this.valueChange.emit(this.value);\r\n    this.internals.setFormValue(target.value);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host name={this.name} class=\"xv-text-input\" role=\"textbox\" tabindex={this.disabled ? -1 : false}>\r\n        {this.label && <label class=\"label\">{this.label}</label>}\r\n\r\n        <div class=\"control\">\r\n          <input\r\n            type=\"text\"\r\n            class={{ withIcon: this.status !== TextInputStatus.DEF }}\r\n            readonly={this.readonly}\r\n            value={this.value}\r\n            disabled={this.disabled}\r\n            onInput={this.handleInput}\r\n            placeholder={this.placeholder}\r\n          />\r\n\r\n          {this.getControlIcon(this.status)}\r\n        </div>\r\n\r\n        {this.helper && <p class=\"helper\">{this.helper}</p>}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internals.setFormValue(this.value);\r\n  }\r\n\r\n  private getControlIcon = (status: TextInputStatus) => {\r\n    if (this.loading) {\r\n      return <xv-loader-v2 class=\"control_icon\" size={SIZE_VAR.XS} />\r\n    }\r\n    switch (status) {\r\n      case TextInputStatus.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      case TextInputStatus.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\"\r\n                  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      default: return null;\r\n    }\r\n  };\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-tooltip-v2.entry.esm.js","sources":["src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\r\n  position: relative;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  line-height: 0.5;\r\n}\r\n\r\n/* General styles for tooltip */\r\n:host::before,\r\n:host::after {\r\n  position: absolute;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.2s ease-in-out 0.5s, transform 0.2s ease-in-out 0.5s;\r\n  z-index: 10;\r\n}\r\n\r\n/* Tooltip */\r\n:host::before {\r\n  content: attr(tooltip);\r\n  background: var(--background-inverse, #333);\r\n  color: var(--icon-inverse, #fff);\r\n  padding: var(--gap-sm, 5px) var(--gap-md, 16px);\r\n  border-radius: 2px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: max(70vw);\r\n  font-family: var(--fz-body, Tahoma);\r\n  font-size: var(fz-md, 14px);\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  letter-spacing: 0.16px;\r\n}\r\n:host([multiline])::before {\r\n  white-space: normal;\r\n  min-width: 300px;\r\n}\r\n\r\n/* Arrow */\r\n:host::after {\r\n  content: \"\";\r\n  border: 6px solid transparent;\r\n}\r\n\r\n/* Show Tooltip and arrow */\r\n:host(:hover)::before,\r\n:host(:hover)::after,\r\n:host(:focus)::before,\r\n:host(:focus)::after {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n/* Tooltip positions */\r\n:host(.xv-tooltip_top)::before {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top)::after {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-left)::before {\r\n  bottom: 100%;\r\n  left: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-left)::after {\r\n  bottom: 100%;\r\n  left: 10px;\r\n  border-top-color: black;\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-right)::before {\r\n  bottom: 100%;\r\n  right: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-right)::after {\r\n  bottom: 100%;\r\n  right: 10px;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom)::before {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom)::after {\r\n  top: 100%;\r\n  left: 50%;\r\n  border-bottom-color: black;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-left)::before {\r\n  top: 100%;\r\n  left: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-left)::after {\r\n  top: 100%;\r\n  left: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-right)::before {\r\n  top: 100%;\r\n  right: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-right)::after {\r\n  top: 100%;\r\n  right: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_left)::before {\r\n  right: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n:host(.xv-tooltip_left)::after {\r\n  right: 100%;\r\n  top: 50%;\r\n  border-left-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n\r\n:host(.xv-tooltip_right)::before {\r\n  left: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n:host(.xv-tooltip_right)::after {\r\n  left: 100%;\r\n  top: 50%;\r\n  border-right-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tooltip-v2',\r\n  styleUrl: 'xv-tooltip.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTooltip {\r\n  /** Message what will be shown for tooltip **/\r\n  @Prop({ reflect: true }) message: string;\r\n  /**\r\n   * Tooltip and arrow position related to element\r\n   * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\r\n   * By default, \"top\"\r\n   */\r\n  @Prop({ reflect: true }) position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\r\n\r\n  @Prop({ reflect: true }) multiline: boolean;\r\n  render() {\r\n    return (\r\n      <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\r\n        <slot>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\r\n            <path\r\n              fill=\"currentColor\"\r\n              d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\r\n            />\r\n          </svg>\r\n        </slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,YAAY,GAAG,kjFAAkjF;;MCO1jF,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQE;;;;AAIG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAoG,KAAK;AAiB3I;IAdC,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,QAAQ,CAAE,CAAA,EAAA,EAC/D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,EACjF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,EAAA,CAC3T,CACE,CACD,CACF;;;;;;;"}

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

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, d as Host } from './index-rZAC0WRb.js';
-
-const xvTooltipCss = ":host{position:relative;display:inline-block;cursor:pointer;line-height:0.5}:host::before,:host::after{position:absolute;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out 0.5s, transform 0.2s ease-in-out 0.5s;z-index:10}:host::before{content:attr(tooltip);background:var(--background-inverse, #333);color:var(--icon-inverse, #fff);padding:var(--gap-sm, 5px) var(--gap-md, 16px);border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw;font-family:var(--fz-body, Tahoma);font-size:var(fz-md, 14px);font-weight:400;line-height:18px;letter-spacing:0.16px}:host([multiline])::before{white-space:normal;min-width:300px}:host::after{content:\"\";border:6px solid transparent}:host(:hover)::before,:host(:hover)::after,:host(:focus)::before,:host(:focus)::after{opacity:1;visibility:visible}:host(.xv-tooltip_top)::before{bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_top)::after{bottom:100%;left:50%;border-top-color:var(--background-inverse, #333);transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_top-left)::before{bottom:100%;left:0;transform:translateY(-5px)}:host(.xv-tooltip_top-left)::after{bottom:100%;left:10px;border-top-color:black;transform:translateY(5px)}:host(.xv-tooltip_top-right)::before{bottom:100%;right:0;transform:translateY(-5px)}:host(.xv-tooltip_top-right)::after{bottom:100%;right:10px;border-top-color:var(--background-inverse, #333);transform:translateY(5px)}:host(.xv-tooltip_bottom)::before{top:100%;left:50%;transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_bottom)::after{top:100%;left:50%;border-bottom-color:black;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_bottom-left)::before{top:100%;left:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-left)::after{top:100%;left:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_bottom-right)::before{top:100%;right:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-right)::after{top:100%;right:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_left)::before{right:100%;top:50%;transform:translateY(-50%) translateX(-5px)}:host(.xv-tooltip_left)::after{right:100%;top:50%;border-left-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::before{left:100%;top:50%;transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::after{left:100%;top:50%;border-right-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(-5px)}";
-
-const XvTooltip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Tooltip and arrow position related to element
-         * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.
-         * By default, "top"
-         */
-        this.position = 'top';
-    }
-    render() {
-        return (h(Host, { key: 'd9b71d471840f360f9db2a56e9873ed299144df5', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: 'fe93d5be21e823b54fab49bdde3089dc3032165d' }, h("svg", { key: '1f0b2738ae03c9989d189f65a56822ca7c30d32d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'e828ee9eafddd0e30aee7b131a027aaff5dc8b0c', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
-    }
-};
-XvTooltip.style = xvTooltipCss;
-
-export { XvTooltip as xv_tooltip_v2 };
-//# sourceMappingURL=xv-tooltip-v2.entry.esm.js.map
-
-//# sourceMappingURL=xv-tooltip-v2.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"xv-tooltip-v2.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kjFAAkjF;;MCO1jF,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQE;;;;AAIG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAoG,KAAK;AAiB3I;IAdC,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,QAAQ,CAAE,CAAA,EAAA,EAC/D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,EACjF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,EAAA,CAC3T,CACE,CACD,CACF;;;;;;;","names":[],"sources":["src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\r\n  position: relative;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  line-height: 0.5;\r\n}\r\n\r\n/* General styles for tooltip */\r\n:host::before,\r\n:host::after {\r\n  position: absolute;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.2s ease-in-out 0.5s, transform 0.2s ease-in-out 0.5s;\r\n  z-index: 10;\r\n}\r\n\r\n/* Tooltip */\r\n:host::before {\r\n  content: attr(tooltip);\r\n  background: var(--background-inverse, #333);\r\n  color: var(--icon-inverse, #fff);\r\n  padding: var(--gap-sm, 5px) var(--gap-md, 16px);\r\n  border-radius: 2px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: max(70vw);\r\n  font-family: var(--fz-body, Tahoma);\r\n  font-size: var(fz-md, 14px);\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  letter-spacing: 0.16px;\r\n}\r\n:host([multiline])::before {\r\n  white-space: normal;\r\n  min-width: 300px;\r\n}\r\n\r\n/* Arrow */\r\n:host::after {\r\n  content: \"\";\r\n  border: 6px solid transparent;\r\n}\r\n\r\n/* Show Tooltip and arrow */\r\n:host(:hover)::before,\r\n:host(:hover)::after,\r\n:host(:focus)::before,\r\n:host(:focus)::after {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n/* Tooltip positions */\r\n:host(.xv-tooltip_top)::before {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top)::after {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-left)::before {\r\n  bottom: 100%;\r\n  left: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-left)::after {\r\n  bottom: 100%;\r\n  left: 10px;\r\n  border-top-color: black;\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-right)::before {\r\n  bottom: 100%;\r\n  right: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-right)::after {\r\n  bottom: 100%;\r\n  right: 10px;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom)::before {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom)::after {\r\n  top: 100%;\r\n  left: 50%;\r\n  border-bottom-color: black;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-left)::before {\r\n  top: 100%;\r\n  left: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-left)::after {\r\n  top: 100%;\r\n  left: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-right)::before {\r\n  top: 100%;\r\n  right: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-right)::after {\r\n  top: 100%;\r\n  right: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_left)::before {\r\n  right: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n:host(.xv-tooltip_left)::after {\r\n  right: 100%;\r\n  top: 50%;\r\n  border-left-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n\r\n:host(.xv-tooltip_right)::before {\r\n  left: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n:host(.xv-tooltip_right)::after {\r\n  left: 100%;\r\n  top: 50%;\r\n  border-right-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tooltip-v2',\r\n  styleUrl: 'xv-tooltip.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTooltip {\r\n  /** Message what will be shown for tooltip **/\r\n  @Prop({ reflect: true }) message: string;\r\n  /**\r\n   * Tooltip and arrow position related to element\r\n   * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\r\n   * By default, \"top\"\r\n   */\r\n  @Prop({ reflect: true }) position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\r\n\r\n  @Prop({ reflect: true }) multiline: boolean;\r\n  render() {\r\n    return (\r\n      <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\r\n        <slot>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\r\n            <path\r\n              fill=\"currentColor\"\r\n              d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\r\n            />\r\n          </svg>\r\n        </slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-user-menu.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-user-menu.entry.esm.js","sources":["src/components/xv-user-menu/xv-user-menu.scss?tag=xv-user-menu","src/components/xv-user-menu/xv-user-menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.navbar-myxv {\n  max-height: calc(100vh - 70px);\n  overflow-y: auto;\n  min-width: 200px;\n  padding: 5px 0;\n  margin: 2px 0 0;\n  background-color: #fff;\n  border: 1px solid rgba(0,0,0,.15);\n  border-radius: 4px;\n  box-shadow: 0 6px 12px rgba(0,0,0,.175);\n}\n\n.user-menu-item {\n  padding-left: 20px;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n}\n\n.divider {\n  height: 1px;\n  margin: 9px 0;\n  overflow: hidden;\n  background-color: #e5e5e5;\n}\n\n// Responsive classes\n.visible-xxs-block,\n.visible-xs-block {\n  @media (min-width: 768px) {\n    display: none !important;\n  }\n}\n\n.hidden-lg,\n.hidden-md,\n.hidden-sm {\n  @media (min-width: 768px) {\n    display: none !important;\n  }\n}\n\n// Link styles\na {\n  display: block;\n  padding: 3px 20px;\n  clear: both;\n  font-weight: 400;\n  line-height: 1.42857143;\n  color: #333;\n  white-space: nowrap;\n  text-decoration: none;\n  cursor: pointer;\n\n  &:hover {\n    color: #262626;\n    text-decoration: none;\n    background-color: #f5f5f5;\n  }\n\n  .badge {\n    display: inline-block;\n    min-width: 10px;\n    padding: 3px 7px;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1;\n    color: #fff;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    background-color: #777;\n    border-radius: 10px;\n  }\n\n  i, span[class^=\"fa-\"] {\n    margin-right: 5px;\n    width: 16px;\n    text-align: center;\n  }\n}","import { Component, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nexport interface MenuItem {\n  text: string;\n  url: string;\n  target?: string;\n  cssClass: string;\n  badgeText?: string;\n}\n\nexport interface ImpersonationInfo {\n  isImpersonated: boolean;\n  nameAndTitle: string;\n  companyName: string;\n  email: string;\n  phoneOffice: string;\n  clearImpersonationUrl: string;\n}\n\nexport interface UserMenuProps {\n  authenticated: boolean;\n  isManager: boolean;\n  userMenuText: string;\n  pendingItems: number;\n  managerCockpitMenu: MenuItem[];\n  managerEntitiesMenu: MenuItem[];\n  managerMenu: MenuItem[];\n  userMenu: MenuItem[];\n  actionsMenu: MenuItem[];\n  impersonationInfo: ImpersonationInfo;\n}\n\n@Component({\n  tag: 'xv-user-menu',\n  styleUrl: 'xv-user-menu.scss',\n  shadow: false\n})\nexport class XvUserMenu {\n @Prop() config: UserMenuProps;\n  \n  @State() isCockpitMenuExpanded: boolean = false;\n  @State() isEntitiesMenuExpanded: boolean = false;\n  @State() isUserMenuExpanded: boolean = false;\n\n  @Event() menuItemClick: EventEmitter<MenuItem>;\n\n  private toggleCockpitMenu = () => {\n    this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;\n  }\n\n  private toggleEntitiesMenu = () => {\n    this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;\n  }\n\n  private toggleUserMenu = () => {\n    this.isUserMenuExpanded = !this.isUserMenuExpanded;\n  }\n\n  private handleMenuItemClick = (item: MenuItem) => {\n    this.menuItemClick.emit(item);\n  }\n\n  private renderMenuItem(item: MenuItem) {\n    const useSpan = item.cssClass.indexOf('xv-font') !== -1;\n    const iconElement = useSpan \n      ? <span class={`${item.cssClass}`} aria-hidden=\"true\"></span>\n      : <i class={`${item.cssClass}`} aria-hidden=\"true\"></i>;\n\n    return (\n      <a href={item.url} target={item.target} onClick={() => this.handleMenuItemClick(item)}>\n        {iconElement}&nbsp;{item.text}\n        {item.badgeText && <span class=\"badge\">&nbsp;{item.badgeText}</span>}\n      </a>\n    );\n  }\n\n  render() {\n    if (!this.config.authenticated) return null;\n\n    return (\n      <li class=\"dropdown\" id=\"my-xv-menu\">\n        <a class=\"dropdown-toggle btn navbar-btn btn-link\" \n           data-toggle=\"dropdown\" \n           role=\"button\" \n           data-container=\"body\" \n           aria-haspopup=\"true\" \n           aria-expanded=\"false\">\n          <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>\n          &nbsp;<span class=\"hidden-xs\">{this.config.userMenuText}</span>\n          <span class=\"caret\"></span>\n        </a>\n\n        <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n          {/* Manager Cockpit Menu */}\n          {this.config.isManager && (\n            <li>\n              <a onClick={this.toggleCockpitMenu}>\n                <i class=\"fa fa-tachometer-alt fa-fw\"></i>\n                &nbsp;Cockpitfunktionen&nbsp;\n                <i class=\"fa fa-caret-down\"></i>\n              </a>\n            </li>\n          )}\n          {this.isCockpitMenuExpanded && this.config.managerCockpitMenu.map(item => (\n            <li class={this.config.isManager ? 'user-menu-item' : ''}>\n              {this.renderMenuItem(item)}\n            </li>\n          ))}\n\n          {/* Entities Menu */}\n          {this.config.isManager && (\n            <li>\n              <a onClick={this.toggleEntitiesMenu}>\n                <i class=\"fa fa-cubes\"></i>\n                &nbsp;Entitäten&nbsp;\n                <i class=\"fa fa-caret-down\"></i>\n              </a>\n            </li>\n          )}\n          {this.isEntitiesMenuExpanded && this.config.managerEntitiesMenu.map(item => (\n            <li class={this.config.isManager ? 'user-menu-item' : ''}>\n              {this.renderMenuItem(item)}\n            </li>\n          ))}\n\n          {/* Manager Menu */}\n          {this.config.managerMenu.map(item => (\n            <li>{this.renderMenuItem(item)}</li>\n          ))}\n\n          {/* Divider and User Menu */}\n          {this.config.isManager && <li role=\"separator\" class=\"divider\"></li>}\n          {this.config.isManager && (\n            <li>\n              <a onClick={this.toggleUserMenu}>\n                <i class=\"fa fa-user\"></i>\n                &nbsp;Mein Crossvertise&nbsp;\n                <span class=\"badge\">{this.config.pendingItems}</span>\n                <i class=\"fa fa-caret-down\"></i>\n              </a>\n            </li>\n          )}\n          {this.isUserMenuExpanded && this.config.userMenu.map(item => (\n            <li class={this.config.isManager ? 'user-menu-item' : ''}>\n              {this.renderMenuItem(item)}\n            </li>\n          ))}\n\n          {/* Impersonation Info */}\n          {this.config.impersonationInfo.isImpersonated && (\n            <>\n              <li role=\"separator\" class=\"visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm divider\"></li>\n              <li class=\"visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm\">\n                <a href={this.config.impersonationInfo.clearImpersonationUrl}>\n                  <i class=\"fa fa-exchange-alt\"></i>\n                  Kundenperspektive verlassen\n                </a>\n              </li>\n              <li role=\"separator\" class=\"visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm divider\"></li>\n            </>\n          )}\n\n          {/* Actions Menu */}\n          {this.config.actionsMenu.map(item => (\n            <li>{this.renderMenuItem(item)}</li>\n          ))}\n        </ul>\n      </li>\n    );\n  }\n}"],"names":[],"mappings":"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"}

package/dist/xv-webcomponents/xv-user-menu.entry.js

@@ -1,43 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-rZAC0WRb.js';
-
-const xvUserMenuCss = ":host{display:block}.navbar-myxv{max-height:calc(100vh - 70px);overflow-y:auto;min-width:200px;padding:5px 0;margin:2px 0 0;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175)}.user-menu-item{padding-left:20px}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000}.divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}@media (min-width: 768px){.visible-xxs-block,.visible-xs-block{display:none !important}}@media (min-width: 768px){.hidden-lg,.hidden-md,.hidden-sm{display:none !important}}a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-decoration:none;cursor:pointer}a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}a .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}a i,a span[class^=fa-]{margin-right:5px;width:16px;text-align:center}";
-
-const XvUserMenu = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.menuItemClick = createEvent(this, "menuItemClick", 7);
-        this.isCockpitMenuExpanded = false;
-        this.isEntitiesMenuExpanded = false;
-        this.isUserMenuExpanded = false;
-        this.toggleCockpitMenu = () => {
-            this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;
-        };
-        this.toggleEntitiesMenu = () => {
-            this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;
-        };
-        this.toggleUserMenu = () => {
-            this.isUserMenuExpanded = !this.isUserMenuExpanded;
-        };
-        this.handleMenuItemClick = (item) => {
-            this.menuItemClick.emit(item);
-        };
-    }
-    renderMenuItem(item) {
-        const useSpan = item.cssClass.indexOf('xv-font') !== -1;
-        const iconElement = useSpan
-            ? h("span", { class: `${item.cssClass}`, "aria-hidden": "true" })
-            : h("i", { class: `${item.cssClass}`, "aria-hidden": "true" });
-        return (h("a", { href: item.url, target: item.target, onClick: () => this.handleMenuItemClick(item) }, iconElement, "\u00A0", item.text, item.badgeText && h("span", { class: "badge" }, "\u00A0", item.badgeText)));
-    }
-    render() {
-        if (!this.config.authenticated)
-            return null;
-        return (h("li", { class: "dropdown", id: "my-xv-menu" }, h("a", { class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { class: "hidden-xs" }, this.config.userMenuText), h("span", { class: "caret" })), h("ul", { class: "dropdown-menu-left dropdown-menu navbar-myxv" }, this.config.isManager && (h("li", null, h("a", { onClick: this.toggleCockpitMenu }, h("i", { class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && this.config.managerCockpitMenu.map(item => (h("li", { class: this.config.isManager ? 'user-menu-item' : '' }, this.renderMenuItem(item)))), this.config.isManager && (h("li", null, h("a", { onClick: this.toggleEntitiesMenu }, h("i", { class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && this.config.managerEntitiesMenu.map(item => (h("li", { class: this.config.isManager ? 'user-menu-item' : '' }, this.renderMenuItem(item)))), this.config.managerMenu.map(item => (h("li", null, this.renderMenuItem(item)))), this.config.isManager && h("li", { role: "separator", class: "divider" }), this.config.isManager && (h("li", null, h("a", { onClick: this.toggleUserMenu }, h("i", { class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { class: "badge" }, this.config.pendingItems), h("i", { class: "fa fa-caret-down" })))), this.isUserMenuExpanded && this.config.userMenu.map(item => (h("li", { class: this.config.isManager ? 'user-menu-item' : '' }, this.renderMenuItem(item)))), this.config.impersonationInfo.isImpersonated && (h(h.Fragment, null, h("li", { role: "separator", class: "visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm divider" }), h("li", { class: "visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm" }, h("a", { href: this.config.impersonationInfo.clearImpersonationUrl }, h("i", { class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen")), h("li", { role: "separator", class: "visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm divider" }))), this.config.actionsMenu.map(item => (h("li", null, this.renderMenuItem(item)))))));
-    }
-};
-XvUserMenu.style = xvUserMenuCss;
-
-export { XvUserMenu as xv_user_menu };
-//# sourceMappingURL=xv-user-menu.entry.esm.js.map
-
-//# sourceMappingURL=xv-user-menu.entry.js.map

package/dist/xv-webcomponents/xv-user-menu.entry.js.map

@@ -1 +0,0 @@
-{"file":"xv-user-menu.entry.esm.js","mappings":"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","names":[],"sources":["src/components/xv-user-menu/xv-user-menu.scss?tag=xv-user-menu","src/components/xv-user-menu/xv-user-menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.navbar-myxv {\n  max-height: calc(100vh - 70px);\n  overflow-y: auto;\n  min-width: 200px;\n  padding: 5px 0;\n  margin: 2px 0 0;\n  background-color: #fff;\n  border: 1px solid rgba(0,0,0,.15);\n  border-radius: 4px;\n  box-shadow: 0 6px 12px rgba(0,0,0,.175);\n}\n\n.user-menu-item {\n  padding-left: 20px;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n}\n\n.divider {\n  height: 1px;\n  margin: 9px 0;\n  overflow: hidden;\n  background-color: #e5e5e5;\n}\n\n// Responsive classes\n.visible-xxs-block,\n.visible-xs-block {\n  @media (min-width: 768px) {\n    display: none !important;\n  }\n}\n\n.hidden-lg,\n.hidden-md,\n.hidden-sm {\n  @media (min-width: 768px) {\n    display: none !important;\n  }\n}\n\n// Link styles\na {\n  display: block;\n  padding: 3px 20px;\n  clear: both;\n  font-weight: 400;\n  line-height: 1.42857143;\n  color: #333;\n  white-space: nowrap;\n  text-decoration: none;\n  cursor: pointer;\n\n  &:hover {\n    color: #262626;\n    text-decoration: none;\n    background-color: #f5f5f5;\n  }\n\n  .badge {\n    display: inline-block;\n    min-width: 10px;\n    padding: 3px 7px;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1;\n    color: #fff;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    background-color: #777;\n    border-radius: 10px;\n  }\n\n  i, span[class^=\"fa-\"] {\n    margin-right: 5px;\n    width: 16px;\n    text-align: center;\n  }\n}","import { Component, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nexport interface MenuItem {\n  text: string;\n  url: string;\n  target?: string;\n  cssClass: string;\n  badgeText?: string;\n}\n\nexport interface ImpersonationInfo {\n  isImpersonated: boolean;\n  nameAndTitle: string;\n  companyName: string;\n  email: string;\n  phoneOffice: string;\n  clearImpersonationUrl: string;\n}\n\nexport interface UserMenuProps {\n  authenticated: boolean;\n  isManager: boolean;\n  userMenuText: string;\n  pendingItems: number;\n  managerCockpitMenu: MenuItem[];\n  managerEntitiesMenu: MenuItem[];\n  managerMenu: MenuItem[];\n  userMenu: MenuItem[];\n  actionsMenu: MenuItem[];\n  impersonationInfo: ImpersonationInfo;\n}\n\n@Component({\n  tag: 'xv-user-menu',\n  styleUrl: 'xv-user-menu.scss',\n  shadow: false\n})\nexport class XvUserMenu {\n @Prop() config: UserMenuProps;\n  \n  @State() isCockpitMenuExpanded: boolean = false;\n  @State() isEntitiesMenuExpanded: boolean = false;\n  @State() isUserMenuExpanded: boolean = false;\n\n  @Event() menuItemClick: EventEmitter<MenuItem>;\n\n  private toggleCockpitMenu = () => {\n    this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;\n  }\n\n  private toggleEntitiesMenu = () => {\n    this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;\n  }\n\n  private toggleUserMenu = () => {\n    this.isUserMenuExpanded = !this.isUserMenuExpanded;\n  }\n\n  private handleMenuItemClick = (item: MenuItem) => {\n    this.menuItemClick.emit(item);\n  }\n\n  private renderMenuItem(item: MenuItem) {\n    const useSpan = item.cssClass.indexOf('xv-font') !== -1;\n    const iconElement = useSpan \n      ? <span class={`${item.cssClass}`} aria-hidden=\"true\"></span>\n      : <i class={`${item.cssClass}`} aria-hidden=\"true\"></i>;\n\n    return (\n      <a href={item.url} target={item.target} onClick={() => this.handleMenuItemClick(item)}>\n        {iconElement}&nbsp;{item.text}\n        {item.badgeText && <span class=\"badge\">&nbsp;{item.badgeText}</span>}\n      </a>\n    );\n  }\n\n  render() {\n    if (!this.config.authenticated) return null;\n\n    return (\n      <li class=\"dropdown\" id=\"my-xv-menu\">\n        <a class=\"dropdown-toggle btn navbar-btn btn-link\" \n           data-toggle=\"dropdown\" \n           role=\"button\" \n           data-container=\"body\" \n           aria-haspopup=\"true\" \n           aria-expanded=\"false\">\n          <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>\n          &nbsp;<span class=\"hidden-xs\">{this.config.userMenuText}</span>\n          <span class=\"caret\"></span>\n        </a>\n\n        <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n          {/* Manager Cockpit Menu */}\n          {this.config.isManager && (\n            <li>\n              <a onClick={this.toggleCockpitMenu}>\n                <i class=\"fa fa-tachometer-alt fa-fw\"></i>\n                &nbsp;Cockpitfunktionen&nbsp;\n                <i class=\"fa fa-caret-down\"></i>\n              </a>\n            </li>\n          )}\n          {this.isCockpitMenuExpanded && this.config.managerCockpitMenu.map(item => (\n            <li class={this.config.isManager ? 'user-menu-item' : ''}>\n              {this.renderMenuItem(item)}\n            </li>\n          ))}\n\n          {/* Entities Menu */}\n          {this.config.isManager && (\n            <li>\n              <a onClick={this.toggleEntitiesMenu}>\n                <i class=\"fa fa-cubes\"></i>\n                &nbsp;Entitäten&nbsp;\n                <i class=\"fa fa-caret-down\"></i>\n              </a>\n            </li>\n          )}\n          {this.isEntitiesMenuExpanded && this.config.managerEntitiesMenu.map(item => (\n            <li class={this.config.isManager ? 'user-menu-item' : ''}>\n              {this.renderMenuItem(item)}\n            </li>\n          ))}\n\n          {/* Manager Menu */}\n          {this.config.managerMenu.map(item => (\n            <li>{this.renderMenuItem(item)}</li>\n          ))}\n\n          {/* Divider and User Menu */}\n          {this.config.isManager && <li role=\"separator\" class=\"divider\"></li>}\n          {this.config.isManager && (\n            <li>\n              <a onClick={this.toggleUserMenu}>\n                <i class=\"fa fa-user\"></i>\n                &nbsp;Mein Crossvertise&nbsp;\n                <span class=\"badge\">{this.config.pendingItems}</span>\n                <i class=\"fa fa-caret-down\"></i>\n              </a>\n            </li>\n          )}\n          {this.isUserMenuExpanded && this.config.userMenu.map(item => (\n            <li class={this.config.isManager ? 'user-menu-item' : ''}>\n              {this.renderMenuItem(item)}\n            </li>\n          ))}\n\n          {/* Impersonation Info */}\n          {this.config.impersonationInfo.isImpersonated && (\n            <>\n              <li role=\"separator\" class=\"visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm divider\"></li>\n              <li class=\"visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm\">\n                <a href={this.config.impersonationInfo.clearImpersonationUrl}>\n                  <i class=\"fa fa-exchange-alt\"></i>\n                  Kundenperspektive verlassen\n                </a>\n              </li>\n              <li role=\"separator\" class=\"visible-xxs-block visible-xs-block hidden-lg hidden-md hidden-sm divider\"></li>\n            </>\n          )}\n\n          {/* Actions Menu */}\n          {this.config.actionsMenu.map(item => (\n            <li>{this.renderMenuItem(item)}</li>\n          ))}\n        </ul>\n      </li>\n    );\n  }\n}"],"version":3}