xv-webcomponents 0.1.42 → 0.1.43

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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+{"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":"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"}

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

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1 @@
+{"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}

package/dist/xv-webcomponents/xv-webcomponents.esm.js

@@ -1,2 +1,50 @@
-import{p as e,b as a}from"./p-DLYJiP99.js";export{s as setNonce}from"./p-DLYJiP99.js";import{g as l}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};o().then((async e=>{await l();return a([["p-5b63a259",[[1,"xv-breadcrumbs-v2"]]],["p-9c06f44c",[[1,"xv-data-table-row",{variant:[1],name:[1025],collapse:[1],collapsable:[516],checked:[1028],partial:[1028],hover:[1028],header:[4],footer:[4],disabled:[4],readonly:[4],required:[4],value:[8],collapsed:[32]}],[1,"xv-dropdown-v2",{disabled:[516],multiple:[516],required:[516],loading:[516],open:[1540],error:[513],label:[513],helper:[513],warning:[513],placeholder:[513],info:[1],size:[1],defaultValue:[8,"default-value"],selected:[32],selectedMap:[32]},[[0,"itemSelected","handleItemSelected"]],{open:["openChangeHandle"]}],[1,"xv-file-uploader",{label:[1],description:[1],addText:[1,"add-text"],variant:[1],size:[1],accept:[16],maxFileSizeMB:[2,"max-file-size-mb"],maxFiles:[2,"max-files"],multiple:[4],disabled:[516],files:[1040],loadingStates:[1040,"loading-states"],error:[1537],errors:[1040],dragActive:[32],errorMessages:[32]}],[65,"xv-number-input-v2",{label:[1],placeholder:[513],name:[513],value:[1538],helper:[1],error:[8],warning:[8],step:[2],max:[2],min:[2],readonly:[4],disabled:[4],loading:[4],block:[4],size:[513]}],[1,"xv-table-v2-row",{checked:[1540],partial:[1540],name:[1537],value:[520],hover:[1540],readonly:[516],required:[516],disabled:[516],header:[516],variant:[1537]},null,{checked:["checkedChangeHandle"]}],[0,"xv-header",{htmlContent:[32],showLoginModal:[32]}],[1,"xv-tab-v2",{label:[513],disabled:[516],loading:[516],name:[8]}],[1,"xv-table-v2",{size:[513],hover:[516],loading:[516],colsSize:[16,"colssize"],selected:[32],selectedCount:[32]},[[0,"checkedChange","handleCheckedChange"]],{colsSize:["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{active:[1544],loading:[516],variant:[1],emptyMessage:[1,"empty-message"],tabElements:[32],showArrows:[32]},[[9,"resize","updateArrowVisibility"]]],[65,"xv-text-input-v2",{type:[1],label:[1],placeholder:[513],name:[513],value:[1025],helper:[1],error:[8],warning:[8],readonly:[4],disabled:[4],loading:[4],block:[4],size:[513]}],[1,"xv-accordion-v2",{multiple:[4],xvId:[1,"xv-id"],value:[1025],opened:[32],toggleItem:[64]}],[1,"xv-accordion-v2-item",{disabled:[4],label:[1],value:[1],isOpen:[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-card-v2",{variant:[1],media:[1],header:[1],body:[1],footer:[1]}],[1,"xv-data-table",{size:[1],block:[4],columnWidths:[16,"column-widths"],hover:[4]}],[1,"xv-data-table-collapse",{collapsed:[1540],setCollapsed:[64]}],[1,"xv-dropdown-v2-item",{disabled:[4],value:[1544],selected:[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{htmlContent:[32]}],[1,"xv-link-v2",{href:[1],target:[1],disabled:[4],size:[1],variant:[1]}],[1,"xv-modal-v2",{open:[1540],permanent:[516],size:[513],overflow:[516],openModal:[64],closeModal:[64]}],[1,"xv-notification-v2",{variant:[513],dismissible:[516]}],[1,"xv-overflow-menu-v2",{open:[1540],disabled:[516],position:[1],size:[1]},[[0,"keydown","handleKeyDown"]],{open:["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{disabled:[516],value:[520],variant:[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{progress:[514],variant:[1],size:[1]},null,{progress:["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{status:[1]}],[1,"xv-table-v2-expand",{open:[1540],disabled:[516]}],[1,"xv-tag-v2",{size:[1],color:[1],bg:[1],disabled:[4],closeable:[4]}],[1,"xv-toggle-tip",{open:[1540],position:[1],setPopover:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{open:["openChangeHandle"]}],[1,"xv-data-table-cell",{name:[1025],sort:[1537],multiline:[2],width:[1],align:[1]},[[0,"click","handleSort"]]],[1,"xv-login-modal",{visible:[4],oauthProviders:[32],bookNow:[32],returnUrl:[32],passwordLoginEnabled:[32],oauthLoginEnabled:[32],passwordRegistrationEnabled:[32],configurationName:[32],xvMvcConfigName:[32],contactUrl:[32]}],[1,"xv-table-v2-cell",{multiline:[516],name:[1537],align:[513],sort:[1537]},[[0,"click","handleSort"]]],[4,"xv-tooltip-v2",{message:[1],position:[1],visible:[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[65,"xv-button-v2",{label:[513],variant:[513],size:[513],disabled:[516],loading:[516],block:[516],type:[513],hasLeftIcon:[32],hasRightIcon:[32],hasContent:[32]}],[65,"xv-checkbox-v2",{checked:[1540],indeterminate:[516],disabled:[516],name:[513],value:[513],readonly:[516],required:[516],partial:[516],label:[1],size:[513],error:[520],hasFocus:[32]},null,{checked:["onCheckedChange"]}],[1,"xv-loader-v2",{show:[4],variant:[1],size:[1]}]]]],e)}));
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-rZAC0WRb.js';
+export { s as setNonce } from './index-rZAC0WRb.js';
+
+/*
+ Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  if (BUILD.isDev && !BUILD.isTesting) {
+    consoleDevInfo("Running in development mode.");
+  }
+  if (BUILD.cloneNodeFix) {
+    patchCloneNodeFix(H.prototype);
+  }
+  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll("script")).find(
+    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
+  ) : null;
+  const importMeta = import.meta.url;
+  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["xv-header",[[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32]}]]],["xv-table-v2-row",[[1,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}]]],["xv-dropdown-v2",[[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}]]],["xv-tab-v2",[[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}]]],["xv-table-v2",[[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}]]],["xv-tabs-v2",[[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]]]],["xv-text-input-v2",[[65,"xv-text-input-v2",{"label":[513],"placeholder":[513],"helper":[513],"name":[513],"size":[513],"status":[513],"value":[1537],"disabled":[516],"readonly":[516],"loading":[516]}]]],["xv-accordion-v2",[[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}]]],["xv-accordion-v2-item",[[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]]]],["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-button-v2",[[1,"xv-button-v2",{"label":[1],"block":[4],"type":[1],"variant":[1],"disabled":[4]}]]],["xv-card-v2",[[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}]]],["xv-dropdown-v2-item",[[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]]]],["xv-footer",[[0,"xv-footer",{"htmlContent":[32]}]]],["xv-link-v2",[[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}]]],["xv-modal-v2",[[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"openModal":[64],"closeModal":[64]}]]],["xv-notification-v2",[[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}]]],["xv-overflow-menu-v2",[[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}]]],["xv-overflow-menu-v2-item",[[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]]]],["xv-progress-indicator-v2",[[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}]]],["xv-progress-indicator-v2-item",[[1,"xv-progress-indicator-v2-item",{"status":[1]}]]],["xv-table-v2-expand",[[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}]]],["xv-tag-v2",[[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}]]],["xv-tooltip-v2",[[1,"xv-tooltip-v2",{"message":[513],"position":[513],"multiline":[516]}]]],["xv-checkbox-v2",[[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}]]],["xv-login-modal",[[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}]]],["xv-table-v2-cell",[[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]]]],["xv-user-menu",[[0,"xv-user-menu",{"config":[16],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32]}]]],["xv-loader-v2",[[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
+});
+//# sourceMappingURL=xv-webcomponents.esm.js.map
+
 //# sourceMappingURL=xv-webcomponents.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"xv-webcomponents.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.32.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"xv-webcomponents.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AACzB,EAAE,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACvC,IAAI,cAAc,CAAC,8BAA8B,CAAC;AAClD;AACA,EAAE,IAAI,KAAK,CAAC,YAAY,EAAE;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;AAClC;AACA,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;AACnH,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK;AAC1H,GAAG,GAAG,IAAI;AACV,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,CAAC,SAAS,IAAI,EAAE,EAAE,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/package.json

@@ -1,53 +1,53 @@
-{
-  "name": "xv-webcomponents",
-  "version": "0.1.42",
-  "description": "Reusable Web Components for XV Applications",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
-  "exports": {
-    ".": {
-      "import": "./dist/xv-webcomponents/xv-webcomponents.esm.js",
-      "require": "./dist/xv-webcomponents/xv-webcomponents.cjs.js"
-    },
-    "./loader": {
-      "import": "./loader/index.js",
-      "require": "./loader/index.cjs",
-      "types": "./loader/index.d.ts"
-    }
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ionic-team/stencil-component-starter.git"
-  },
-  "files": [
-    "dist/",
-    "loader/"
-  ],
-  "scripts": {
-    "build": "stencil build",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate",
-    "postbuild": "node scripts/patch-angular-proxies.js"
-  },
-  "devDependencies": {
-    "@stencil/angular-output-target": "^0.10.2",
-    "@stencil/core": "^4.32.0",
-    "@stencil/sass": "^2.0.4",
-    "@types/jest": "^29.5.6",
-    "@types/node": "^16.18.11",
-    "jest": "^29.7.0",
-    "jest-cli": "^29.7.0",
-    "puppeteer": "^24.3.0",
-    "@popperjs/core": "^2.11.8"
-  },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "xv-webcomponents",
+  "version": "0.1.43",
+  "description": "Reusable Web Components for XV Applications",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/xv-webcomponents/xv-webcomponents.esm.js",
+      "require": "./dist/xv-webcomponents/xv-webcomponents.cjs.js"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "types": "./loader/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ionic-team/stencil-component-starter.git"
+  },
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate",
+    "postbuild": "node scripts/patch-angular-proxies.js"
+  },
+  "devDependencies": {
+    "@stencil/angular-output-target": "^0.10.2",
+    "@stencil/core": "^4.32.0",
+    "@stencil/sass": "^2.0.4",
+    "@types/jest": "^29.5.6",
+    "@types/node": "^16.18.11",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "puppeteer": "^24.3.0",
+    "@popperjs/core": "^2.11.8"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -1,8 +0,0 @@
-'use strict';
-
-const globalScripts = () => {};
-
-exports.globalScripts = globalScripts;
-//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map
-
-//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map

package/dist/cjs/app-globals-V2Kpy_OQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-globals-V2Kpy_OQ.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"names":[],"mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

package/dist/cjs/index-BE3kw7I4.js

@@ -1,36 +0,0 @@
-'use strict';
-
-function format(first, middle, last) {
-    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
-}
-function uidGenerator() {
-    return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16));
-}
-/**
- * Walks through the given DOM collection and runs the given callback.
- * @param a A DOM collection.
- * @param predicate The callback function.
- * @param [thisObject] The context object for the given callback function.
- */
-const forEach = (a, predicate, thisObject) => Array.prototype.forEach.call(a, predicate, thisObject);
-const setAttr = (node, name, value) => {
-    if (typeof value === 'string') {
-        !node.hasAttribute(name) && node.setAttribute(name, value);
-        return node;
-    }
-    if (value) {
-        !node.hasAttribute(name) && node.setAttribute(name, '');
-    }
-    else {
-        node.hasAttribute(name) && node.removeAttribute(name);
-    }
-    return node;
-};
-
-exports.forEach = forEach;
-exports.format = format;
-exports.setAttr = setAttr;
-exports.uidGenerator = uidGenerator;
-//# sourceMappingURL=index-BE3kw7I4.js.map
-
-//# sourceMappingURL=index-BE3kw7I4.js.map