npm - xv-webcomponents - Versions diffs - 0.1.17 → 0.1.18 - Mend

xv-webcomponents 0.1.17 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/dist/xv-webcomponents/p-bfe83d1e.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as o,H as r,g as a}from"./p-840929c5.js";import{u as s}from"./p-a0b74d3c.js";const i=":host{display:block}";const n=i;const l=class{constructor(o){t(this,o);this.accordionChange=e(this,"accordionChange",7);this.multiple=false;this.xvId=s();this.opened=new Set}async toggleItem(t){if(this.opened.has(t)){this.opened.delete(t)}else{if(!this.multiple)this.opened.clear();this.value=t;this.opened.add(this.value)}this.accordionChange.emit({opened:this.opened,id:this.xvId});return{opened:this.opened,id:this.xvId}}componentWillLoad(){if(this.value){return this.toggleItem(this.value)}}render(){return o(r,{key:"66ebac5125b765878f7e21225f60f254bde5e07f",class:"xv-accordion","data-id":this.xvId},o("slot",{key:"b5081e54395f14436a7f066fee6e75a48c9b797f"}))}};l.style=n;const c=':host{border-top:1px solid var(--border-subtle-01);display:flex;flex-direction:column;font-family:var(--ff-body, inherit)}:host(.disabled) .label{color:var(--text-disabled)}:host(.disabled) .label:hover{cursor:initial;background-color:transparent}.label{padding:14px 16px;display:inline-flex;align-items:center;column-gap:20px;justify-content:space-between;text-align:left;color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0.16px;background-color:transparent;transition:background-color 200ms ease-in-out}.label>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.label:hover{cursor:pointer;background-color:var(--layer-hover-01)}.label:after{content:"";border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:4.66px;transition:transform 100ms ease-in-out;transform:rotate(45deg)}.label.opened:after{transform:rotate(-135deg)}.content{padding:0 16px;text-align:left;color:var(--text-primary);font-size:14px;overflow:hidden;max-height:0;transition:max-height 300ms ease-in-out, padding 250ms ease 50ms}.content.opened{padding:14px 16px;max-height:500px}';const d=c;const h=class{constructor(o){t(this,o);this.itemToggle=e(this,"itemToggle",7);this.disabled=false;this.isOpen=false}handleAccordionChange(t){var e;const o=(e=this.el.closest("[data-id]"))===null\|\|e===void 0?void 0:e.getAttribute("data-id");if(t.detail.id!==o)return;this.isOpen=t.detail.opened.has(this.value)}toggle(){var t,e;if(this.disabled)return;this.isOpen=!this.isOpen;(e=(t=this.el.closest("xv-accordion-v2"))===null\|\|t===void 0?void 0:t.toggleItem)===null\|\|e===void 0?void 0:e.call(t,this.value)}render(){return o(r,{key:"7d536c27a29b4f1e5a54ffb38c485102a4b22301",class:`${this.disabled?"disabled":""}`},o("label",{key:"bd35f139baa3fa9449e4391acb26ceffbeee61c4",class:`label ${this.isOpen?"opened":"closed"}`,onClick:this.toggle.bind(this)},o("span",{key:"4b2a948ec962246557b480308e1a7df9712806a1"},this.label)),o("div",{key:"b88b7c9c9c724b6d6468c59df391c7ec41c99e97",class:`content ${this.isOpen?"opened":"closed"}`},o("slot",{key:"61cb22aabcf159a31bab0a6cca01dc5478a580f1"})))}get el(){return a(this)}};h.style=d;const b='@charset "UTF-8";:host{--focus-border-width:2px;--focus-border-style:solid;--button-ghost:tarnsparent;--text-disabled-opacity:0.25;--button-border-radius:3px;--button-border-width:1px;--button-border-style:solid;--button-border-color-accent:#97BF0D;--button-border-color-primary:#273435;--button-border-color-secondary:#D1D1D1;--button-border-color-ghost:tarnsparent;--button-ghost-hover:tarnsparent;--button-ghost-active:rgba(139, 139, 139, 0.5);--button-accent-disabled:#D1D1D1;--button-primary-disabled:#D1D1D1;--button-secondary-disabled:#D1D1D1;--button-tertiary-disabled:tarnsparent;--button-ghost-disabled:tarnsparent}:host button{font-family:inherit;font-size:16px;font-weight:700;padding:0 20px;min-height:40px;line-height:40px;cursor:pointer;box-sizing:border-box;transition:background-color 0.2s ease-in-out, filter 0.2s ease-in-out, transform 0.1s ease-in-out, border-color 0.2s ease-in-out, border-width 0.2s ease-in-out, box-shadow 0.2s ease-in-out}:host button.xv-button-block{width:100%}.xv-button{}.xv-button.accent{background-color:var(--button-accent);color:var(--text-on-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);border-radius:var(--button-border-radius)}.xv-button.accent:hover{background-color:var(--button-accent-hover)}.xv-button.accent:active{background-color:var(--button-accent-active);color:var(--text-on-color)}.xv-button.accent:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.accent:disabled{background-color:var(--button-accent-disabled);color:var(--text-on-color-disabled);border:var(--button-border-width) var(--button-border-style) var(--button-accent-disabled)}.xv-button.primary{background-color:var(--button-primary);color:var(--text-on-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);border-radius:var(--button-border-radius)}.xv-button.primary:hover{background-color:var(--button-primary-hover)}.xv-button.primary:active{background-color:var(--button-primary-active)}.xv-button.primary:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.primary:disabled{background-color:var(--button-primary-disabled);color:var(--text-on-color-disabled);border:var(--button-border-width) var(--button-border-style) var(--button-primary-disabled)}.xv-button.secondary{background-color:var(--button-secondary);color:var(--text-primary);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);border-radius:var(--button-border-radius)}.xv-button.secondary:hover{background-color:var(--button-secondary-hover)}.xv-button.secondary:active{background-color:var(--button-secondary-active)}.xv-button.secondary:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.secondary:disabled{background-color:var(--button-secondary-disabled);color:var(--text-on-color-disabled)}.xv-button.tertiary{background-color:var(--button-ghost);color:var(--text-primary);border:var(--button-border-width) var(--button-border-style) var(--button-tertiary);border-radius:var(--button-border-radius)}.xv-button.tertiary:hover{background-color:var(--button-tertiary-hover)}.xv-button.tertiary:active{background-color:var(--button-tertiary-active)}.xv-button.tertiary:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.tertiary:disabled{background-color:var(--button-tertiary-disabled);color:var(--text-disabled);opacity:var(--text-disabled-opacity)}.xv-button.ghost{background-color:var(--button-ghost);color:var(--text-primary);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);border-radius:var(--button-border-radius)}.xv-button.ghost:hover{background-color:var(--button-ghost-hover)}.xv-button.ghost:active{background-color:var(--button-ghost-active)}.xv-button.ghost:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out}.xv-button.ghost:disabled{background-color:var(--button-ghost-disabled);color:var(--text-disabled);opacity:var(--text-disabled-opacity)}';const v=b;const f=class{constructor(o){t(this,o);this.buttonClick=e(this,"buttonClick",7);this.label="";this.block=false;this.variant="primary";this.disabled=false;this.handleClick=()=>{if(this.disabled){return}this.buttonClick.emit()}}render(){return o("button",{key:"4b6d2d71bd297a7b1e2a00ba36c8e4380395e696",class:`xv-button ${this.variant} ${this.block?"xv-button-block":""}`,disabled:this.disabled,onClick:this.handleClick},o("slot",{key:"2934a04fa4aae539014f0a283444903dc9807888",name:"icon-left"}),o("slot",{key:"7139fa048b1f6e10f45853f7d1ff3b8cef1b9db6"},this.label),o("slot",{key:"ff326b3d02d3c4102f85132b890a595fcfec08d4",name:"icon-right"}))}};f.style=v;const x=":host{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--border-subtle-00);background:var(--layer-layer-02);box-shadow:0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.3);font-family:var(--ff-body, inherit);overflow:visible !important}:host(.xv-card_vertical){width:100% !important}:host(.xv-card_horizontal){flex-direction:row;display:flex;width:max-content}:host(.xv-card_horizontal) .xv-card_media__content,:host(.xv-card_horizontal) .xv-card_media ::slotted([slot=media]){min-height:100%;max-height:100%;max-width:160px;min-width:160px}.xv-card_content{padding:16px;display:flex;flex-direction:column;flex:1;text-align:left}.xv-card_media__content,.xv-card_media ::slotted([slot=media]){max-width:100%;min-width:100%;min-height:199px;max-height:199px;object-fit:cover;object-position:center}.xv-card_header__content,.xv-card_header ::slotted([slot=header]){margin:0 0 8px;color:var(--text-primary);font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-0.6px}.xv-card_body{flex:1}.xv-card_body__content,.xv-card_body ::slotted([slot=body]){margin:0 0 8px;color:var(--text-secondary);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.1px}";const p=x;const u=class{constructor(e){t(this,e);this.variant="vertical"}render(){return o(r,{key:"347b7aed9ce24e2e048bb4e6d0b07b23f0f60d5b",class:`xv-card xv-card_${this.variant}`,part:this.variant},o("div",{key:"9cd9f38cfe7d93fc271907fc8435033df860c246",class:"xv-card_media"},o("slot",{key:"35e2bae3084a0e7d26e13c0e3116daa9895ea6c1",name:"media"},this.media&&o("img",{key:"60d4305b136766e447653cb399f92ae70e3d9430",class:"xv-card_media__content",src:this.media,alt:this.header}))),o("div",{key:"3751defc0abf18997dca82ae5b5d6601c6e9f60b",class:"xv-card_content"},o("div",{key:"cca74475b9e5dba03c82f77851fb503a5323ce3c",class:"xv-card_header"},o("slot",{key:"02c4e3ddfb73bd56ef8f5b44a22bfe710654171a",name:"header"},this.header&&o("p",{key:"56998aa4742cc7576a023fcbe3e0892f312805ee",class:"xv-card_header__content"},this.header))),o("div",{key:"86da97df293ff58dbcfe0a2b7bc25c98053ac6a2",class:"xv-card_body"},o("slot",{key:"ff8d6dc3ef8e437d28f237c415bf43382df85f19",name:"body"},this.body&&o("p",{key:"7e8e351ac0fa2100fc7929e81cc380a4a32e7019",class:"xv-card_body__content"},this.header))),o("div",{key:"dc9824b523f2dbdb4f88dc05ac0e490f9b04f529",class:"xv-card_footer"},o("slot",{key:"ea4fbffc436ee2ef43f481be7656aad07dfc55ce",name:"footer"},this.footer))))}};u.style=p;const g=':host{--checkbox-size:20px;box-sizing:border-box;display:inline-flex;flex-direction:column}:host([error]) .xv-checkbox .checkmark{border-color:var(--text-error, #D62512)}.error,[name=info]{display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--fz-sm, 12px);font-family:var(--ff-body, Tahoma);line-height:133.333%;letter-spacing:0.32px}.error{margin-top:var(--gap-xs, 5px);color:var(--text-error, #D62512)}.error::before{margin-right:var(--gap-xs, 5px);content:"!";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--fz-sm, 12px);font-weight:bold;color:white;background-color:var(--text-error, #D62512);border-radius:50%}.xv-checkbox{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.xv-checkbox.disabled{cursor:not-allowed;opacity:0.6}.xv-checkbox input[type=checkbox]{position:absolute;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;padding:0;opacity:0;pointer-events:none;box-sizing:border-box}.xv-checkbox .checkmark{width:var(--checkbox-size);min-width:var(--checkbox-size);height:var(--checkbox-size);min-height:var(--checkbox-size);box-sizing:border-box;margin:0;padding:0;border:2px solid var(--border-subtle-03, #D1D1D1);border-radius:4px;background-color:var(--background, #FFF);transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.xv-checkbox input:checked+.checkmark{background-color:var(--background-brand, #97BF0D);border-color:var(--background-brand, #97BF0D)}.xv-checkbox input:checked+.checkmark:not(.checkmark-partial)::after{content:"";width:calc(var(--checkbox-size) / 4);height:calc(var(--checkbox-size) / 2.5);border:solid var(--background, #FFF);margin-bottom:calc(var(--checkbox-size) / 10);border-width:0 2px 2px 0;transform:rotate(45deg);display:block}.xv-checkbox input:checked+.checkmark.checkmark-partial::after{content:"";width:calc(var(--checkbox-size) / 3);height:calc(var(--checkbox-size) / 10);background-color:var(--background, #FFF)}.xv-checkbox input:focus+.checkmark{outline:1px solid var(--border-strong-01, #8B8B8B)}.xv-checkbox .label{margin-left:8px;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}';const m=g;const y=class{constructor(o){t(this,o);this.changeEvent=e(this,"eventChange",7);this.inputEvent=e(this,"eventInput",7);this.focusEvent=e(this,"eventFocus",7);this.blurEvent=e(this,"eventBlur",7);var r,a;this.checked=false;this.indeterminate=false;this.disabled=false;this.value="on";this.required=false;this.partial=false;this.hasFocus=false;this.onInput=t=>{const e=t.target;this.checked=e.checked;this.inputEvent.emit(this.checked)};this.onChange=t=>{const e=t.target;this.checked=e.checked;this.changeEvent.emit(this.checked)};this.onFocus=()=>{this.hasFocus=true;this.focusEvent.emit()};this.onBlur=()=>{this.hasFocus=false;this.blurEvent.emit()};this.internals=((a=(r=this.el).attachInternals)===null\|\|a===void 0?void 0:a.call(r))\|\|{}}connectedCallback(){var t;if((t=this.internals)===null\|\|t===void 0?void 0:t.setFormValue){this.internals.setFormValue(this.checked?this.value:null)}}onCheckedChange(t){var e;if((e=this.internals)===null\|\|e===void 0?void 0:e.setFormValue){this.internals.setFormValue(t?this.value:null)}}render(){return o(r,{key:"6dc76eae00dd96750977c77db16f31ccfbc15129"},o("label",{key:"6f8f256877217e0e138673083721db9ffd4e21e3",class:{"xv-checkbox":true,disabled:this.disabled}},o("input",{key:"ef6abcf5e0904f64dac882fef2d58f7275172443",ref:t=>this.inputEl=t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,indeterminate:this.indeterminate,onInput:this.onInput,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur}),o("span",{key:"04bba1b7f7043f2d5a8ddef812f73a9d2248c1c8",class:`checkmark ${this.partial?"checkmark-partial":""}`}),o("div",{key:"5f550233505fd663d5876bbc4718c8be44bbeabe",class:"label"},o("slot",{key:"861d10aafa6c719a3c712325a7425047fe81bc4a"},this.label))),o("slot",{key:"4e3229b715ec7144816d5119a7f7dc2f6411a86b",name:"info"}),!!this.error&&o("span",{key:"c802d1d194b9490283aecadf766f7c066b9bfd90",class:"error"},this.error))}componentDidLoad(){if(this.indeterminate){this.inputEl.indeterminate=true}}componentDidUpdate(){if(this.inputEl){this.inputEl.indeterminate=this.indeterminate}}formResetCallback(){this.checked=false}formStateRestoreCallback(t){this.checked=t===this.value}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{checked:["onCheckedChange"]}}};y.style=m;const k=":host{font-family:var(--ff-body, inherit)}:host(.xv-link_inline){display:inline-block}:host(.xv-link_inline) .xv-link{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}:host(.xv-link_standalone){display:block}:host(.xv-link_standalone) .xv-link{text-decoration-line:none}.xv-link{display:inline-flex;gap:8px;align-items:center;color:var(--link-primary);font-family:var(--ff-body);font-style:normal;font-weight:400;transition:color 200ms ease-in-out}.xv-link:active{color:var(--text-primary)}.xv-link:visited{color:var(--link-visted)}.xv-link:hover{color:var(--link-primary-hover);cursor:pointer}.xv-link:disabled,.xv-link_disabled,.xv-link::part(disabled){color:var(--text-disabled);pointer-events:none;cursor:initial}.xv-link.sm{font-size:var(--fz-sm);line-height:137.5%}.xv-link.md{font-size:var(--fz-md);line-height:128.571%}.xv-link.lg{font-size:var(--fz-lg);line-height:133.333%}";const w=k;const _=class{constructor(e){t(this,e);this.disabled=false;this.size="md";this.variant="inline"}preventLinkHandler(t){if(!this.disabled)return;t.preventDefault();t.stopPropagation()}render(){return o(r,{key:"d67fa14d10c47ab7c0e3b006f51b1d376f290715",class:`xv-link_${this.variant}`},o("a",{key:"abb46cc5fd9f43fa52b0e24b7126fd0cb0d521ca",href:this.href,onClick:this.preventLinkHandler.bind(this),class:`xv-link ${this.disabled?"xv-link_disabled":""} ${this.size}`,target:this.target},o("slot",{key:"55ef3b6ede0521719257218092b58b43dedb3e6e",name:"icon-left"}),o("slot",{key:"bb62dd7d472415956493c97db3df8a61dbd0dbf6"}),o("slot",{key:"61f350ff076285dc83c630c4bb7dc5b19526b7c3",name:"icon-right"})))}};_.style=w;const z=":host{display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--ff-body, inherit);overflow-x:auto}";const C=z;const D=class{constructor(e){t(this,e);this.progress=0}updateChildItems(){const t=this.el.children;const e=this.el.childElementCount;const o=100/e;if(!t.length\|\|!e)return;Array.from(t).forEach(((t,e)=>{const r=(e+1)*o;const a=this.progress>=r;t.setAttribute("done",a?"true":"false")}))}componentDidLoad(){this.updateChildItems()}render(){return o(r,{key:"11ddf0d4e355c52e007b1b0705cb5129edf0acad",class:"xv-progress-indicator"},o("slot",{key:"c90e8f5d63fd15d8d70c8f0e4ff221dc723d5654"}))}get el(){return a(this)}static get watchers(){return{progress:["updateChildItems"]}}};D.style=C;const F=':host(.xv-progress-indicator-item){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:10px 16px}:host(.xv-progress-indicator-item):before{width:100%}:host(.xv-progress-indicator-item):before,:host(.xv-progress-indicator-item) .line{content:"";z-index:1;display:inline-block;position:absolute;top:0;left:0;right:0;height:2px;color:inherit;background-color:var(--border-subtle-01, grey)}:host(.xv-progress-indicator-item) .line{width:0;color:inherit;transition:width 250ms ease;background-color:var(--background-brand, currentColor)}:host(.xv-progress-indicator-item) .icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;max-width:22px;max-height:22px;border:2px dashed var(--icon-primary, currentColor);border-radius:50%}:host(.xv-progress-indicator-item) .icon svg{opacity:0;transition:opacity 500ms ease-in-out}:host(.xv-progress-indicator-item) .label{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px}:host(.done) .icon{border-color:var(--background-brand, currentColor);color:var(--background-brand, inherit);border-style:solid}:host(.done) .icon svg{opacity:1}:host(.done) .line{width:100% !important;background-color:var(--background-brand, currentColor)}';const E=F;const $=class{constructor(e){t(this,e);this.done=false}render(){return o(r,{key:"601c2068aec197e02e89ca0ba1500abf1c293c7f",class:`xv-progress-indicator-item ${this.done?"done":""}`},o("span",{key:"e32b4d65713a001d4dffbc10335e1ea7e3f36e94",class:"line"}),o("span",{key:"a0a87861fc4608287dff58a92ad2fd4b5447dc72",class:"icon"},o("svg",{key:"b14951a70651ae94e4b4e54f191b7733f45290e0",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",width:14,height:14},o("path",{key:"c251fc0b0a4bf4f341ed8bbd36f7e03454d1d80d",fill:"currentColor",d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"}))),o("p",{key:"cd0e21308a5884517fecc6d40a88b20463241228",class:"label"},o("slot",{key:"3d5ca8fd5742a83f5aa2fc480b0efeb3ceb46bc0"})))}get el(){return a(this)}};$.style=E;var j;(function(t){t["DEF"]="";t["ZEBRA"]="zebra"})(j\|\|(j={}));var Y;(function(t){t["EXTRA_SMALL"]="xs";t["SMALL"]="sm";t["MEDIUM"]="md";t["LARGE"]="lg";t["EXTRA_LARGE"]="xl"})(Y\|\|(Y={}));const R=':host ::slotted(xv-table-v2-header-row[cols="1"]),:host ::slotted(xv-table-v2-row[cols="1"]){--xv-table-cols:1}:host ::slotted(xv-table-v2-header-row[cols="2"]),:host ::slotted(xv-table-v2-row[cols="2"]){--xv-table-cols:2}:host ::slotted(xv-table-v2-header-row[cols="3"]),:host ::slotted(xv-table-v2-row[cols="3"]){--xv-table-cols:3}:host ::slotted(xv-table-v2-header-row[cols="4"]),:host ::slotted(xv-table-v2-row[cols="4"]){--xv-table-cols:4}:host ::slotted(xv-table-v2-header-row[cols="5"]),:host ::slotted(xv-table-v2-row[cols="5"]){--xv-table-cols:5}:host ::slotted(xv-table-v2-header-row[cols="6"]),:host ::slotted(xv-table-v2-row[cols="6"]){--xv-table-cols:6}:host ::slotted(xv-table-v2-header-row[cols="7"]),:host ::slotted(xv-table-v2-row[cols="7"]){--xv-table-cols:7}:host ::slotted(xv-table-v2-header-row[cols="8"]),:host ::slotted(xv-table-v2-row[cols="8"]){--xv-table-cols:8}:host ::slotted(xv-table-v2-header-row[cols="9"]),:host ::slotted(xv-table-v2-row[cols="9"]){--xv-table-cols:9}:host ::slotted(xv-table-v2-header-row[cols="10"]),:host ::slotted(xv-table-v2-row[cols="10"]){--xv-table-cols:10}:host ::slotted(xv-table-v2-header-row[cols="11"]),:host ::slotted(xv-table-v2-row[cols="11"]){--xv-table-cols:11}:host ::slotted(xv-table-v2-header-row[cols="12"]),:host ::slotted(xv-table-v2-row[cols="12"]){--xv-table-cols:12}:host ::slotted(xv-table-v2-header-row[cols="13"]),:host ::slotted(xv-table-v2-row[cols="13"]){--xv-table-cols:13}:host ::slotted(xv-table-v2-header-row[cols="14"]),:host ::slotted(xv-table-v2-row[cols="14"]){--xv-table-cols:14}:host ::slotted(xv-table-v2-header-row[cols="15"]),:host ::slotted(xv-table-v2-row[cols="15"]){--xv-table-cols:15}:host ::slotted(xv-table-v2-header-row[cols="16"]),:host ::slotted(xv-table-v2-row[cols="16"]){--xv-table-cols:16}:host ::slotted(xv-table-v2-header-row[cols="17"]),:host ::slotted(xv-table-v2-row[cols="17"]){--xv-table-cols:17}:host ::slotted(xv-table-v2-header-row[cols="18"]),:host ::slotted(xv-table-v2-row[cols="18"]){--xv-table-cols:18}:host ::slotted(xv-table-v2-header-row[cols="19"]),:host ::slotted(xv-table-v2-row[cols="19"]){--xv-table-cols:19}:host ::slotted(xv-table-v2-header-row[cols="20"]),:host ::slotted(xv-table-v2-row[cols="20"]){--xv-table-cols:20}:host([size=xs]) ::slotted(xv-table-v2-row),:host([size=xs]) ::slotted(xv-table-v2-header-row){padding:2px}:host([size=sm]) ::slotted(xv-table-v2-row),:host([size=sm]) ::slotted(xv-table-v2-header-row){padding:8px}:host([size=md]) ::slotted(xv-table-v2-row),:host([size=md]) ::slotted(xv-table-v2-header-row){padding:16px}:host([size=lg]) ::slotted(xv-table-v2-row),:host([size=lg]) ::slotted(xv-table-v2-header-row){padding:18px}:host([size=xl]) ::slotted(xv-table-v2-row),:host([size=xl]) ::slotted(xv-table-v2-header-row){padding:20px}:host([hoverable]) ::slotted(xv-table-v2-row:hover),:host([hoverable]) ::slotted([highlighted]){background-color:var(--layer-hover-01, #E3E3E3)}:host(xv-table-v2) ::slotted(xv-table-v2-row),:host(xv-table-v2) ::slotted(xv-table-v2-header-row){grid-template-columns:0 repeat(var(--xv-table-cols, 1), 1fr)}:host(xv-table-v2) ::slotted(xv-table-v2-row[collapsed]){padding-top:0;padding-bottom:0}:host(xv-table-v2) .caption{padding:16px 16px 18px}:host(xv-table-v2) .caption_title,:host(xv-table-v2) .caption_description{color:var(--text-primary, #333);margin:0}:host(xv-table-v2) .caption_title{font-family:var(--ff-heading, "Gill Sans");font-size:21px}:host(xv-table-v2) .caption_description{font-family:var(--ff-body, Tahoma);font-size:14px;line-height:128.571%;letter-spacing:0.16px}:host([expandable]) ::slotted(xv-table-v2-row),:host([expandable]) ::slotted(xv-table-v2-header-row){position:relative;grid-template-columns:48px repeat(var(--xv-table-cols, 1), 1fr)}:host([selectable]) ::slotted(xv-table-v2-row),:host([selectable]) ::slotted(xv-table-v2-header-row){position:relative;grid-template-columns:50px repeat(var(--xv-table-cols, 1), 1fr)}:host([expandable][selectable]) ::slotted(xv-table-v2-row),:host([expandable][selectable]) ::slotted(xv-table-v2-header-row){position:relative;grid-template-columns:98px repeat(var(--xv-table-cols, 1), 1fr)}';const H=R;const B=class{constructor(o){t(this,o);this.changeSelection=e(this,"changeSelection",7);this.colorSchema=j.DEF;this.expandable=false;this.size=Y.MEDIUM;this.selectable=false;this.selectedRows=new Map;this.handleCheckedChange=t=>{const{name:e,value:o,checked:r}=t.detail;if(r){this.selectedRows.set(e,{name:e,value:o})}else{this.selectedRows.delete(e)}this.changeSelection.emit(Array.from(this.selectedRows.values()))}}setRowPropsHandler(){const t=Array.from(this.el.childNodes).filter((t=>t.nodeType===Node.ELEMENT_NODE&&((t===null\|\|t===void 0?void 0:t.tagName)===`${this.el.tagName}-ROW`\|\|(t===null\|\|t===void 0?void 0:t.tagName)===`${this.el.tagName}-HEADER-ROW`)));let e=0;t.forEach(((o,r)=>{var a;const s=o;const i=(o===null\|\|o===void 0?void 0:o.tagName)===`${this.el.tagName}-HEADER-ROW`;if(this.selectable){let t=s.getAttribute("selection-name");if(!t){t=i?"header":`xv-table-row-${r}`;s.setAttribute("selection-name",t)}if(s.hasAttribute("checked")){this.selectedRows.set(t,{name:t,value:(a=s.getAttribute("value"))!==null&&a!==void 0?a:undefined})}}if(i)return;switch(this.colorSchema){case j.ZEBRA:const o=e%2===0?"even":"odd";if(s.hasAttribute("expandable")&&t[r+1]){s.setAttribute(o,"")}else{e++;s.setAttribute(o,"")}break;default:s.removeAttribute("odd");s.removeAttribute("even")}}))}render(){return o(r,{key:"5d187689ae04f8cf161616defc092b2690831f98",size:this.size,selectable:this.selectable},(this.el.title\|\|this.description)&&o("div",{key:"ee66085f185a99c2404d8e398ec356b2e2e5c347",class:"caption"},this.el.title&&o("h5",{key:"652bd665af5fac06bbaecd4aed542246c2a5d002",class:"caption_title"},this.el.title),this.description&&o("p",{key:"650461f500003c3ce70bbaaf24d4764a5c1904f1",class:"caption_description"},this.description)),o("slot",{key:"7331a48d73167801ccc2d5f8682b62d3656712c3"}))}componentWillLoad(){this.setRowPropsHandler();this.el.addEventListener("checkedChange",this.handleCheckedChange)}disconnectedCallback(){this.el.removeEventListener("checkedChange",this.handleCheckedChange)}get el(){return a(this)}static get watchers(){return{colorSchema:["setRowPropsHandler"]}}};B.style=H;const T=":host{display:block;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;line-height:128.571%;letter-spacing:0.16px}";const A=T;const L=class{constructor(e){t(this,e)}render(){return o(r,{key:"7b5fadd70a38fcec9fe9885b0d67531d133a9a17"},o("slot",{key:"fff4084ecf1148921fc5ab590c8cff21c91f8d89"}))}};L.style=A;const X=":host{display:grid;padding:16px 16px 32px;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background:var(--layer-accent-01, #F7F7F7);color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-weight:700;line-height:128.571%;letter-spacing:0.16px}:host .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}";const M=X;const S=class{constructor(o){t(this,o);this.checkedChange=e(this,"checkedChange",7);this.checked=false;this.cols=1;this.slotChangeHandle=()=>{this.cols=this.el.childElementCount};this.checkboxChange=t=>{this.checked=t.detail;this.checkedChange.emit({name:this.selectionName,checked:t.detail})}}render(){return o(r,{key:"461bc3ab19dc1e01edf70f94b29cf20092a85607",cols:this.cols},o("div",{key:"960f48a7fb5e9c23922f7dfff28877d420f3385a",class:"left-container"},this.selectionName!==undefined&&o("xv-checkbox-v2",{key:"68308b0c6c9f45e848bca985b0382479032fbcb5",partial:true,name:this.selectionName,checked:this.checked,onEventChange:this.checkboxChange})),o("slot",{key:"3a25f9011769f4fce43b6091de08995c5635381c",onSlotchange:this.slotChangeHandle}))}get el(){return a(this)}};S.style=M;const W=":host(xv-table-v2-row){display:grid;padding:16px;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background:var(--layer-02, #FFF);box-shadow:0 0 0 1px #E3E3E3 inset}:host(xv-table-v2-row) .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host(xv-table-v2-row) .expand-btn{outline:none;background-color:transparent;display:block;margin:0 auto;border:solid black;border-width:0 2px 2px 0;padding:5px;transform:rotate(45deg);cursor:pointer;transition:opacity 300ms ease-in-out, transform 200ms ease-in-out}:host(xv-table-v2-row) .expand-btn:active{opacity:0.5}:host(xv-table-v2-row) .expand-btn.expanded{transform:rotate(225deg)}:host([expanded]){block-size:auto}:host([collapsed]){block-size:0;overflow:hidden;padding-top:0;padding-bottom:0}:host([odd]){background-color:var(--layer-selected-01, #E3E3E3)}:host([even]){background-color:#fff}";const I=W;const O=class{constructor(o){t(this,o);this.checkedChange=e(this,"checkedChange",7);this.expandable=false;this.expanded=false;this.prevRowExpanded=false;this.cols=1;this.checkboxChange=t=>{this.checked=t.detail;this.checkedChange.emit({name:this.selectionName,value:this.value,checked:t.detail})}}async setExpandRelation(t,e){this.expandId=t;this.prevRowExpanded=!!e;return this.prevRowExpanded}async toggleExpand(t,e){if(this.expandId!==t)return;this.prevRowExpanded=e!==undefined?e:!this.prevRowExpanded}setExpandableRelationHandle(){const t=this.el.nextElementSibling;if(!t\|\|t.tagName!==this.el.tagName)this.expandable=false;if(!this.expandable)return;if(!this.id)this.id=this.el.id\|\|s();return t.setExpandRelation(this.id,this.expanded)}changeExpandHandle(){const t=this.el.nextElementSibling;if(!t\|\|t.tagName!==this.el.tagName)return;this.expanded=!this.expanded;t.toggleExpand(this.id,this.expanded)}hoverHandle(t){const e=this.el.previousElementSibling;const o=this.el.nextElementSibling;if((o===null\|\|o===void 0?void 0:o.tagName)===this.el.tagName&&this.expandable){if(t){o.setAttribute("highlighted","")}else{o.removeAttribute("highlighted")}}if((e===null\|\|e===void 0?void 0:e.tagName)===this.el.tagName&&e.hasAttribute("expandable")){if(t){e.setAttribute("highlighted","")}else{e.removeAttribute("highlighted")}}}async componentWillLoad(){this.id=this.el.id;this.cols=this.el.childElementCount;await this.setExpandableRelationHandle()}render(){return o(r,{key:"88df976d496799070ad0011da60871d4984f775e",onMouseEnter:()=>this.hoverHandle(true),onMouseLeave:()=>this.hoverHandle(false),cols:this.cols,expanded:this.expandId&&this.prevRowExpanded,collapsed:this.expandId&&!this.prevRowExpanded},o("div",{key:"2a28bfce934d640db4167ce418bec37bddd18494",class:"left-container"},this.expandable&&o("button",{key:"0cf1d6a4472c05677e7d2edb8b2402bf7687fae8",class:`expand-btn ${this.expanded?"expanded":""}`,onClick:()=>this.changeExpandHandle()}),this.selectionName&&o("xv-checkbox-v2",{key:"ea01b82db0a990c0352c3310ceaca1cc55a7d2ca",name:this.selectionName,value:this.value,checked:this.checked,onEventChange:this.checkboxChange})),o("slot",{key:"33be6520fe3e2f7cd352f8ce58ad7286b644d45b"}))}get el(){return a(this)}static get watchers(){return{expandable:["setExpandableRelationHandle"]}}};O.style=I;const U='@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 P=U;const q=class{constructor(o){t(this,o);this.closeClick=e(this,"closeClick",7);this.size="md";this.color="";this.bg="";this.disabled=false;this.closeable=false}closeHandler(t){if(this.disabled)return;this.closeClick.emit(t)}render(){return o(r,{key:"3164ae035733d790ba1fb02040dd8ba5430c960a",style:{color:this.color,background:this.bg},class:`xv-tag ${this.disabled?"disabled":""} ${this.size}`},o("div",{key:"1c540ff9be6a45d89d8a2175bf2603640e43b478",class:"xv-tag_content"},o("slot",{key:"2d893f03cc168828c932c4995ba2bbb6a649897b"})),this.closeable&&o("button",{key:"459f1f667f3b207fa6f5b24af82e2b5f6470db0d",onClick:this.closeHandler.bind(this),class:"xv-tag_close"}))}};q.style=P;const G=':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, transform 0.2s ease-in-out;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::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 N=G;const J=class{constructor(e){t(this,e);this.position="top"}render(){return o(r,{key:"476077c0607c160c2374a48f00c5ddabd199da03",tooltip:this.message,class:`xv-tooltip_${this.position}`},o("slot",{key:"9ebaf660c304374fd7eb1802a5e145a7856c7b70"},o("svg",{key:"196a46d3bf15df204853bc092361538dafcbf9f8",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",width:16,height:16},o("path",{key:"042422978eb1dca37c64df75b076fc25f4f0dd87",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"}))))}};J.style=N;export{l as xv_accordion_v2,h as xv_accordion_v2_item,f as xv_button_v2,u as xv_card_v2,y as xv_checkbox_v2,_ as xv_link_v2,D as xv_progress_indicator_v2,$ as xv_progress_indicator_v2_item,B as xv_table_v2,L as xv_table_v2_col,S as xv_table_v2_header_row,O as xv_table_v2_row,q as xv_tag_v2,J as xv_tooltip_v2};
2	+ //# sourceMappingURL=p-bfe83d1e.entry.js.map

package/dist/xv-webcomponents/p-bfe83d1e.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["xvAccordionCss","XvAccordionV2Style0","XvAccordion","constructor","hostRef","this","multiple","xvId","uidGenerator","opened","Set","toggleItem","value","has","delete","clear","add","accordionChange","emit","id","componentWillLoad","render","h","Host","key","class","xvAccordionItemCss","XvAccordionV2ItemStyle0","XvAccordionItem","disabled","isOpen","handleAccordionChange","event","parentAccordionId","_a","el","closest","getAttribute","detail","toggle","_b","call","onClick","bind","label","xvButtonV2Css","XvButtonV2Style0","XvButton","block","variant","handleClick","buttonClick","name","xvCardCss","XvCardV2Style0","XvCard","part","media","src","alt","header","body","footer","xvCheckboxCss","XvCheckboxV2Style0","XvCheckbox","checked","indeterminate","required","partial","hasFocus","onInput","e","target","inputEvent","onChange","changeEvent","onFocus","focusEvent","onBlur","blurEvent","internals","attachInternals","connectedCallback","setFormValue","onCheckedChange","newValue","ref","inputEl","type","error","componentDidLoad","componentDidUpdate","formResetCallback","formStateRestoreCallback","state","xvLinkCss","XvLinkV2Style0","XvLink","size","preventLinkHandler","preventDefault","stopPropagation","href","xvProgressIndicatorCss","XvProgressIndicatorV2Style0","XvProgressIndicator","progress","updateChildItems","items","children","itemsCount","childElementCount","progressPerItem","length","Array","from","forEach","item","index","itemProgress","done","setAttribute","xvProgressIndicatorItemCss","XvProgressIndicatorV2ItemStyle0","XvProgressIndicatorItem","xmlns","viewBox","width","height","fill","d","TABLE_COLOR_SCHEMA","TABLE_SIZE","xvTableCss","XvTableV2Style0","XvTable","colorSchema","DEF","expandable","MEDIUM","selectable","selectedRows","Map","handleCheckedChange","set","changeSelection","values","setRowPropsHandler","rows","childNodes","filter","node","nodeType","Node","ELEMENT_NODE","tagName","visualIndex","i","row","isHeaderRow","hasAttribute","undefined","ZEBRA","stripe","removeAttribute","title","description","addEventListener","disconnectedCallback","removeEventListener","xvTableColCss","XvTableV2ColStyle0","XvTableCol","xvTableHeaderRowCss","XvTableV2HeaderRowStyle0","XvTableHeaderRow","cols","slotChangeHandle","checkboxChange","checkedChange","selectionName","onEventChange","onSlotchange","xvTableRowCss","XvTableV2RowStyle0","XvTableRow","expanded","prevRowExpanded","setExpandRelation","expandId","toggleExpand","setExpandableRelationHandle","nextEl","nextElementSibling","changeExpandHandle","nextRow","hoverHandle","active","prevRow","previousElementSibling","onMouseEnter","onMouseLeave","collapsed","xvTagCss","XvTagV2Style0","XvTag","color","bg","closeable","closeHandler","closeClick","style","background","xvTooltipCss","XvTooltipV2Style0","XvTooltip","position","tooltip","message"],"sources":["src/components/xv-accordion/xv-accordion.scss?tag=xv-accordion-v2&encapsulation=shadow","src/components/xv-accordion/xv-accordion.tsx","src/components/xv-accordion-item/xv-accordion-item.scss?tag=xv-accordion-v2-item&encapsulation=shadow","src/components/xv-accordion-item/xv-accordion-item.tsx","src/components/xv-button/xv-button-v2.scss?tag=xv-button-v2&encapsulation=shadow","src/components/xv-button/xv-button.tsx","src/components/xv-card/xv-card.scss?tag=xv-card-v2&encapsulation=shadow","src/components/xv-card/xv-card.tsx","src/components/xv-checkbox/xv-checkbox.scss?tag=xv-checkbox-v2&encapsulation=shadow","src/components/xv-checkbox/xv-checkbox.tsx","src/components/xv-link/xv-link.scss?tag=xv-link-v2&encapsulation=shadow","src/components/xv-link/xv-link.tsx","src/components/xv-progress-indicator/xv-progress-indicator.scss?tag=xv-progress-indicator-v2&encapsulation=shadow","src/components/xv-progress-indicator/xv-progress-indicator.tsx","src/components/xv-progress-indicator-item/xv-progress-indicator-item.scss?tag=xv-progress-indicator-v2-item&encapsulation=shadow","src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx","src/components/xv-table/defs.ts","src/components/xv-table/xv-table.scss?tag=xv-table-v2&encapsulation=shadow","src/components/xv-table/xv-table.tsx","src/components/xv-table/xv-table-col/xv-table-col.scss?tag=xv-table-v2-col&encapsulation=shadow","src/components/xv-table/xv-table-col/xv-table-col.tsx","src/components/xv-table/xv-table-header-row/xv-table-header-row.scss?tag=xv-table-v2-header-row&encapsulation=shadow","src/components/xv-table/xv-table-header-row/xv-table-header-row.tsx","src/components/xv-table/xv-table-row/xv-table-row.scss?tag=xv-table-v2-row&encapsulation=shadow","src/components/xv-table/xv-table-row/xv-table-row.tsx","src/components/xv-tag/xv-tag.scss?tag=xv-tag-v2&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx","src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Event, EventEmitter, Method, State, Prop } from '@stencil/core';\nimport { uidGenerator } from '../../utils/utils';\n\n@Component({\n tag: 'xv-accordion-v2',\n styleUrl: 'xv-accordion.scss',\n shadow: true,\n})\nexport class XvAccordion {\n @Prop() multiple: boolean = false;\n @Prop() xvId: string = uidGenerator();\n @Prop({ mutable: true }) value: string;\n @State() opened: Set<string> = new Set();\n @Event() accordionChange: EventEmitter<{ opened: Set<string>, id: string }>;\n\n @Method()\n async toggleItem(value: string) {\n if (this.opened.has(value)) {\n this.opened.delete(value);\n } else {\n if (!this.multiple) this.opened.clear();\n this.value = value;\n this.opened.add(this.value);\n }\n\n this.accordionChange.emit({ opened: this.opened, id: this.xvId });\n\n return { opened: this.opened, id: this.xvId };\n }\n\n componentWillLoad() {\n if (this.value) {\n return this.toggleItem(this.value);\n }\n }\n\n render() {\n return (\n <Host class=\"xv-accordion\" data-id={this.xvId}>\n <slot />\n </Host>\n );\n }\n}\n",":host {\n border-top: 1px solid var(--border-subtle-01);\n display: flex;\n flex-direction: column;\n font-family: var(--ff-body, inherit);\n}\n\n:host(.disabled) {\n .label {\n color: var(--text-disabled);\n &:hover {\n cursor: initial;\n background-color: transparent;\n }\n }\n}\n\n.label {\n padding: 14px 16px;\n display: inline-flex;\n align-items: center;\n column-gap: 20px;\n justify-content: space-between;\n text-align: left;\n color: var(--text-primary);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.16px;\n background-color: transparent;\n transition: background-color 200ms ease-in-out;\n &>span {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n }\n\n &:hover {\n cursor: pointer;\n background-color: var(--layer-hover-01);\n }\n\n &:after {\n content: '';\n border: solid black;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4.66px;\n transition: transform 100ms ease-in-out;\n transform: rotate(45deg);\n }\n\n &.opened:after {\n transform: rotate(-135deg);\n }\n}\n\n.content {\n padding: 0 16px;\n text-align: left;\n color: var(--text-primary);\n font-size: 14px;\n overflow: hidden;\n max-height: 0;\n transition: max-height 300ms ease-in-out, padding 250ms ease 50ms;\n &.opened {\n padding: 14px 16px;\n max-height: 500px;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xv-accordion-v2-item',\n styleUrl: 'xv-accordion-item.scss',\n shadow: true,\n})\nexport class XvAccordionItem {\n @Element() el: HTMLElement;\n @Prop() disabled: boolean = false;\n @Prop() label: string;\n @Prop() value: string;\n @State() isOpen: boolean = false;\n @Event() itemToggle: EventEmitter;\n\n @Listen('accordionChange', { target: 'body' })\n handleAccordionChange(event: CustomEvent<{ opened: Set<string>, id: string }>) {\n const parentAccordionId = this.el.closest('[data-id]')?.getAttribute('data-id');\n if (event.detail.id !== parentAccordionId) return;\n this.isOpen = event.detail.opened.has(this.value);\n }\n\n toggle() {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n this.el.closest('xv-accordion-v2')?.toggleItem?.(this.value);\n }\n\n render() {\n return (\n <Host class={`${this.disabled ? 'disabled' : ''}`}>\n <label class={`label ${this.isOpen ? 'opened' : 'closed'}`} onClick={this.toggle.bind(this)}>\n <span>{this.label}</span>\n </label>\n <div class={`content ${this.isOpen ? 'opened' : 'closed'}`}>\n <slot />\n </div>\n </Host>\n );\n }\n}\n",":host {\n --focus-border-width: 2px;\n --focus-border-style: solid;\n --button-ghost: tarnsparent;\n --text-disabled-opacity: 0.25;\n --button-border-radius: 3px;\n --button-border-width: 1px;\n --button-border-style: solid;\n --button-border-color-accent: #97BF0D;\n --button-border-color-primary: #273435;\n --button-border-color-secondary: #D1D1D1;\n --button-border-color-ghost: tarnsparent;\n --button-ghost-hover: tarnsparent;\n --button-ghost-active: rgba(139, 139, 139, 0.5);\n --button-accent-disabled: #D1D1D1;\n --button-primary-disabled: #D1D1D1;\n --button-secondary-disabled: #D1D1D1;\n --button-tertiary-disabled: tarnsparent;\n --button-ghost-disabled: tarnsparent;\n\n button {\n font-family: inherit;\n font-size: 16px;\n font-weight: 700;\n padding: 0 20px;\n min-height: 40px;\n line-height: 40px;\n cursor: pointer;\n box-sizing: border-box;\n transition:\n background-color 0.2s ease-in-out,\n filter 0.2s ease-in-out,\n transform 0.1s ease-in-out,\n border-color 0.2s ease-in-out,\n border-width 0.2s ease-in-out,\n box-shadow 0.2s ease-in-out;\n\n &.xv-button-block {\n width: 100%;\n }\n }\n}\n\n.xv-button {\n /* ✅ Accent Button */\n &.accent {\n background-color: var(--button-accent);\n color: var(--text-on-color);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-accent-hover);\n }\n &:active {\n background-color: var(--button-accent-active);\n color: var(--text-on-color);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-accent-disabled);\n color: var(--text-on-color-disabled);\n border: var(--button-border-width) var(--button-border-style) var(--button-accent-disabled);\n }\n\n }\n\n /* ✅ Primary Button */\n &.primary {\n background-color: var(--button-primary);\n color: var(--text-on-color);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-primary-hover)\n }\n &:active {\n background-color: var(--button-primary-active)\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-primary-disabled);\n color: var(--text-on-color-disabled);\n border: var(--button-border-width) var(--button-border-style) var(--button-primary-disabled);\n }\n }\n\n /* ✅ Secondary Button */\n &.secondary {\n background-color: var(--button-secondary);\n color: var(--text-primary);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-secondary-hover);\n }\n &:active {\n background-color: var(--button-secondary-active);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-secondary-disabled);\n color: var(--text-on-color-disabled);\n }\n }\n\n /* ✅ Tertiary Button */\n &.tertiary {\n background-color: var(--button-ghost);\n color: var(--text-primary);\n border: var(--button-border-width) var(--button-border-style) var(--button-tertiary);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-tertiary-hover);\n }\n &:active {\n background-color: var(--button-tertiary-active);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-tertiary-disabled);\n color: var(--text-disabled);\n opacity: var(--text-disabled-opacity);\n }\n }\n\n /* ✅ Ghost Button */\n &.ghost {\n background-color: var(--button-ghost);\n color: var(--text-primary);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-ghost-hover);\n }\n &:active {\n background-color: var(--button-ghost-active);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-ghost-disabled);\n color: var(--text-disabled);\n opacity: var(--text-disabled-opacity);\n }\n }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n styleUrl: 'xv-button-v2.scss',\r\n shadow: true,\r\n})\r\nexport class XvButton {\r\n /** Button label */\r\n @Prop() label: string = '';\r\n\r\n /** Container width Button */\r\n @Prop() block: boolean = false;\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\r\n /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n <slot name=\"icon-left\"></slot>\r\n\r\n <slot>\r\n {this.label}\r\n </slot>\r\n\r\n <slot name=\"icon-right\"></slot>\r\n </button>\r\n );\r\n }\r\n}\r\n",":host {\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n border: 1px solid var(--border-subtle-00);\n background: var(--layer-layer-02);\n box-shadow: 0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.30);\n font-family: var(--ff-body, inherit);\n overflow: visible !important;\n}\n\n:host(.xv-card_vertical) {\n //max-width: 298px;\n // TODO: wright down correct styling for card size\n width: 100%!important;\n}\n\n:host(.xv-card_horizontal) {\n flex-direction: row;\n display: flex;\n width: max-content;\n\n .xv-card_media {\n &__content, ::slotted([slot=\"media\"]) {\n min-height: 100%;\n max-height: 100%;\n max-width: 160px;\n min-width: 160px;\n }\n }\n}\n\n.xv-card {\n &_content {\n padding: 16px;\n display: flex;\n flex-direction: column;\n flex: 1;\n text-align: left;\n }\n\n &_media {\n &__content, ::slotted([slot=\"media\"]) {\n max-width: 100%;\n min-width: 100%;\n min-height: 199px;\n max-height: 199px;\n object-fit: cover;\n object-position: center;\n }\n }\n\n &_header {\n &__content, ::slotted([slot=\"header\"]) {\n margin: 0 0 8px;\n color: var(--text-primary);\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 24px;\n letter-spacing: -0.6px;\n }\n }\n\n &_body {\n flex: 1;\n &__content, ::slotted([slot=\"body\"]) {\n margin: 0 0 8px;\n color: var(--text-secondary);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: -0.1px;\n }\n }\n\n &_footer {}\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-card-v2',\n styleUrl: 'xv-card.scss',\n shadow: true,\n})\nexport class XvCard {\n @Prop() variant: 'horizontal' | 'vertical' = 'vertical';\n @Prop() media: string;\n @Prop() header: string;\n @Prop() body: string;\n @Prop() footer: string;\n render() {\n return (\n <Host class={`xv-card xv-card_${this.variant}`} part={this.variant}>\n <div class=\"xv-card_media\">\n <slot name=\"media\">\n {this.media && <img class=\"xv-card_media__content\" src={this.media} alt={this.header} />}\n </slot>\n </div>\n\n <div class=\"xv-card_content\">\n <div class=\"xv-card_header\">\n <slot name=\"header\">\n {this.header && <p class=\"xv-card_header__content\">{this.header}</p>}\n </slot>\n </div>\n <div class=\"xv-card_body\">\n <slot name=\"body\">\n {this.body && <p class=\"xv-card_body__content\">{this.header}</p>}\n </slot>\n </div>\n <div class=\"xv-card_footer\">\n <slot name=\"footer\">{this.footer}</slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","\n:host {\n --checkbox-size: 20px;\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: column;\n}\n\n:host([error]) {\n .xv-checkbox {\n .checkmark {\n border-color: var(--text-error, #D62512);\n }\n }\n}\n\n.error,\n[name=\"info\"] {\n display: inline-flex;\n align-items: center;\n justify-content: flex-start;\n font-size: var(--fz-sm, 12px);\n font-family: var(--ff-body, Tahoma);\n line-height: 133.333%;\n letter-spacing: 0.32px;\n}\n\n.error {\n margin-top: var(--gap-xs, 5px);\n color: var(--text-error, #D62512);\n &::before {\n margin-right: var(--gap-xs, 5px);\n content: \"!\";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n font-size: var(--fz-sm, 12px);\n font-weight: bold;\n color: white;\n background-color: var(--text-error, #D62512);\n border-radius: 50%;\n }\n}\n\n.xv-checkbox {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n\n &.disabled {\n cursor: not-allowed;\n opacity: 0.6;\n }\n\n input[type='checkbox'] {\n position: absolute;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n margin: 0;\n padding: 0;\n opacity: 0;\n pointer-events: none;\n box-sizing: border-box;\n }\n\n .checkmark {\n width: var(--checkbox-size);\n min-width: var(--checkbox-size);\n height: var(--checkbox-size);\n min-height: var(--checkbox-size);\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 2px solid var(--border-subtle-03, #D1D1D1);\n border-radius: 4px;\n background-color: var(--background, #FFF);\n transition: all 0.2s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n input:checked + .checkmark {\n background-color: var(--background-brand, #97BF0D);\n border-color: var(--background-brand, #97BF0D);\n &:not(.checkmark-partial)::after {\n content: '';\n width: calc(var(--checkbox-size) / 4);\n height: calc(var(--checkbox-size) / 2.5);\n border: solid var(--background, #FFF);\n margin-bottom: calc(var(--checkbox-size) / 10);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n display: block;\n }\n &.checkmark-partial::after {\n content: '';\n width: calc(var(--checkbox-size) / 3);\n height: calc(var(--checkbox-size) / 10);\n background-color: var(--background, #FFF);\n }\n }\n\n input:focus + .checkmark {\n outline: 1px solid var(--border-strong-01, #8B8B8B);\n }\n\n .label {\n margin-left: 8px;\n color: var(--text-primary, #333);\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n line-height: 128.571%;\n letter-spacing: 0.16px;\n }\n}\n","import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n tag: 'xv-checkbox-v2',\n styleUrl: 'xv-checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class XvCheckbox {\n private inputEl: HTMLInputElement;\n private internals: ElementInternals;\n\n @Element() el!: HTMLElement;\n\n /**\n * Default checked status\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Using for forms\n */\n @Prop({ reflect: true }) indeterminate: boolean = false;\n /**\n * Disabled status\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Input name\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Input value\n */\n @Prop({ reflect: true }) value: string = 'on';\n /**\n * The same like default checkbox prop\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Change checkmark icon to minus\n */\n @Prop({ reflect: true }) partial: boolean = false;\n /**\n * Can be used like property or like slot\n */\n @Prop() label: string;\n\n @Prop({ reflect: true }) size?: SIZE_VAR;\n @Prop({ reflect: true }) error?: string | boolean;\n\n @State() hasFocus: boolean = false;\n /**\n * event 'onEventChange'\n */\n @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\n /**\n * event 'onEventInput'\n */\n @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\n /**\n * event 'onEventFocus'\n */\n @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\n /**\n * event 'onEventBlur'\n */\n @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\n\n constructor() {\n this.internals = (this.el as any).attachInternals?.() || {};\n }\n\n connectedCallback() {\n if (this.internals?.setFormValue) {\n this.internals.setFormValue(this.checked ? this.value : null);\n }\n }\n\n @Watch('checked')\n onCheckedChange(newValue: boolean) {\n if (this.internals?.setFormValue) {\n this.internals.setFormValue(newValue ? this.value : null);\n }\n }\n\n private onInput = (e: Event) => {\n const target = e.target as HTMLInputElement;\n this.checked = target.checked;\n this.inputEvent.emit(this.checked);\n };\n\n private onChange = (e: Event) => {\n const target = e.target as HTMLInputElement;\n this.checked = target.checked;\n this.changeEvent.emit(this.checked);\n };\n\n private onFocus = () => {\n this.hasFocus = true;\n this.focusEvent.emit();\n };\n\n private onBlur = () => {\n this.hasFocus = false;\n this.blurEvent.emit();\n };\n\n render() {\n return (\n <Host>\n <label class={{ 'xv-checkbox': true, disabled: this.disabled }}>\n <input\n ref={el => (this.inputEl = el)}\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n checked={this.checked}\n disabled={this.disabled}\n required={this.required}\n indeterminate={this.indeterminate}\n onInput={this.onInput}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n />\n <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\n <div class=\"label\">\n <slot>{this.label}</slot>\n </div>\n </label>\n <slot name=\"info\" />\n {!!this.error && <span class=\"error\">{this.error}</span>}\n </Host>\n );\n }\n\n componentDidLoad() {\n if (this.indeterminate) {\n this.inputEl.indeterminate = true;\n }\n }\n\n componentDidUpdate() {\n if (this.inputEl) {\n this.inputEl.indeterminate = this.indeterminate;\n }\n }\n\n formResetCallback() {\n this.checked = false;\n }\n\n formStateRestoreCallback(state: string) {\n this.checked = state === this.value;\n }\n}\n",":host {\n font-family: var(--ff-body, inherit);\n}\n\n:host(.xv-link_inline) {\n display: inline-block;\n .xv-link {\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: none;\n text-decoration-thickness: auto;\n text-underline-offset: auto;\n text-underline-position: from-font;\n }\n}\n\n:host(.xv-link_standalone) {\n display: block;\n .xv-link {\n text-decoration-line: none;\n }\n}\n\n.xv-link {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n color: var(--link-primary);\n font-family: var(--ff-body);\n font-style: normal;\n font-weight: 400;\n transition: color 200ms ease-in-out;\n\n &:active {\n color: var(--text-primary);\n }\n\n &:visited {\n color: var(--link-visted);\n }\n\n &:hover {\n color: var(--link-primary-hover);\n cursor: pointer;\n }\n\n &:disabled, &_disabled, &::part(disabled) {\n color: var(--text-disabled);\n pointer-events: none;\n cursor: initial;\n }\n\n &.sm {\n font-size: var(--fz-sm);\n line-height: 137.5%;\n }\n\n &.md {\n font-size: var(--fz-md);\n line-height: 128.571%;\n }\n\n &.lg {\n font-size: var(--fz-lg);\n line-height: 133.333%;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-link-v2',\n styleUrl: 'xv-link.scss',\n shadow: true,\n})\nexport class XvLink {\n @Prop() href: string;\n @Prop() target: '_self' | '_blank' | '_parent' | '_top';\n @Prop() disabled: boolean = false;\n @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n @Prop() variant: 'standalone' | 'inline' = 'inline';\n\n preventLinkHandler(e: PointerEvent) {\n if (!this.disabled) return;\n\n e.preventDefault();\n e.stopPropagation();\n }\n\n render() {\n return (\n <Host class={`xv-link_${this.variant}`}>\n <a\n href={this.href}\n onClick={this.preventLinkHandler.bind(this)}\n class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\n target={this.target}\n >\n <slot name=\"icon-left\"></slot>\n\n <slot></slot>\n\n <slot name=\"icon-right\"></slot>\n </a>\n </Host>\n );\n }\n}\n",":host {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n font-family: var(--ff-body, inherit);\n overflow-x: auto;\n}\n","import { Component, Host, h, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n tag: 'xv-progress-indicator-v2',\n styleUrl: 'xv-progress-indicator.scss',\n shadow: true,\n})\nexport class XvProgressIndicator {\n @Element() el: HTMLElement;\n @Prop() progress: number = 0;\n\n // Update 'xv-progress-indicator-item' done status\n @Watch('progress')\n updateChildItems() {\n const items = this.el.children;\n const itemsCount = this.el.childElementCount;\n const progressPerItem = 100 / itemsCount;\n\n if (!items.length || !itemsCount) return;\n\n Array.from(items).forEach((item, index) => {\n const itemProgress = (index + 1) * progressPerItem;\n const done = this.progress >= itemProgress;\n (item as HTMLElement).setAttribute('done', done ? 'true' : 'false');\n });\n }\n\n // Load initial done status\n componentDidLoad() {\n this.updateChildItems()\n }\n\n render() {\n return (\n <Host class=\"xv-progress-indicator\">\n <slot></slot>\n </Host>\n );\n }\n}\n",":host(.xv-progress-indicator-item) {\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 10px 16px;\n &:before {\n width: 100%;\n }\n\n &:before, .line {\n content: '';\n z-index: 1;\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n color: inherit;\n background-color: var(--border-subtle-01, grey);\n }\n\n .line {\n width: 0;\n color: inherit;\n transition: width 250ms ease;\n background-color: var(--background-brand, currentColor);\n }\n\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n max-width: 22px;\n max-height: 22px;\n border: 2px dashed var(--icon-primary, currentColor);\n border-radius: 50%;\n svg {\n opacity: 0;\n transition: opacity 500ms ease-in-out;\n }\n }\n\n .label {\n color: var(--text-primary);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n }\n}\n\n:host(.done) {\n .icon {\n border-color: var(--background-brand, currentColor);\n color: var(--background-brand, inherit);\n border-style: solid;\n svg {\n opacity: 1;\n }\n }\n\n .line {\n width: 100% !important;\n background-color: var(--background-brand, currentColor);\n }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-progress-indicator-v2-item',\n styleUrl: 'xv-progress-indicator-item.scss',\n shadow: true,\n})\nexport class XvProgressIndicatorItem {\n @Element() el: HTMLElement;\n @Prop({ reflect: false }) done: boolean = false;\n\n render() {\n return (\n <Host class={`xv-progress-indicator-item ${this.done ? 'done' : ''}`}>\n <span class=\"line\"/>\n <span class=\"icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n width={14}\n height={14}\n >\n <path\n fill=\"currentColor\"\n d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\n />\n </svg>\n </span>\n <p class=\"label\"><slot/></p>\n </Host>\n );\n }\n}\n","export enum TABLE_COLOR_SCHEMA {\n DEF = '',\n ZEBRA = 'zebra',\n}\n\nexport enum TABLE_SIZE {\n EXTRA_SMALL = 'xs',\n SMALL = 'sm',\n MEDIUM = 'md',\n LARGE = 'lg',\n EXTRA_LARGE = 'xl',\n}\n\nexport type TableSelectionEvent = CustomEvent<{\n name: string;\n checked: boolean;\n value?: string;\n}>;\n","@import \"vars\";\n\n:host {\n @for $i from 1 through 20 {\n ::slotted(#{$tag-name}-header-row[cols=\"#{$i}\"]),\n ::slotted(#{$tag-name}-row[cols=\"#{$i}\"]) {\n --xv-table-cols: #{$i};\n }\n }\n}\n\n:host([size=\"xs\"]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n padding: $space-xs;\n }\n}\n:host([size=\"sm\"]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n padding: $space-sm;\n }\n}\n:host([size=\"md\"]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n padding: $space-md;\n }\n}\n:host([size=\"lg\"]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n padding: $space-lg;\n }\n}\n:host([size=\"xl\"]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n padding: $space-xl\n }\n}\n\n:host([hoverable]) {\n ::slotted(#{$tag-name}-row:hover),\n ::slotted([highlighted]) {\n background-color: var(--layer-hover-01, #E3E3E3);\n }\n}\n\n:host(#{$tag-name}) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n grid-template-columns: 0 repeat(var(--xv-table-cols, 1), 1fr);\n }\n\n ::slotted(#{$tag-name}-row[collapsed]) {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .caption {\n padding: $space-md $space-md $space-lg;\n &_title,\n &_description {\n color: $color;\n margin: 0;\n }\n\n &_title {\n font-family: var(--ff-heading, \"Gill Sans\");\n font-size: 21px;\n }\n\n &_description {\n font-family: var(--ff-body, Tahoma);\n font-size: $font-size-content;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n }\n }\n}\n\n:host([expandable]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n position: relative;\n grid-template-columns: $expand-size repeat(var(--xv-table-cols, 1), 1fr);\n }\n}\n:host([selectable]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n position: relative;\n grid-template-columns: $select-size repeat(var(--xv-table-cols, 1), 1fr);\n }\n}\n:host([expandable][selectable]) {\n ::slotted(#{$tag-name}-row),\n ::slotted(#{$tag-name}-header-row) {\n position: relative;\n grid-template-columns: $expand-size + $select-size repeat(var(--xv-table-cols, 1), 1fr);\n }\n}\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State } from '@stencil/core';\nimport { TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEvent } from './defs';\n\n@Component({\n tag: 'xv-table-v2',\n styleUrl: 'xv-table.scss',\n shadow: true,\n})\nexport class XvTable {\n @Element() el: HTMLElement;\n /**\n * Table caption description\n */\n @Prop() description: string;\n /**\n * Set current color schema type of enum TABLE_COLOR_SCHEMA\n * Possible options 'zebra'\n */\n @Prop({ attribute: 'color-schema' }) colorSchema: TABLE_COLOR_SCHEMA = TABLE_COLOR_SCHEMA.DEF;\n /**\n * If table is expandable fields\n */\n @Prop() expandable: boolean = false;\n /**\n * Table size\n * enum TABLE_SIZE\n */\n @Prop() size: TABLE_SIZE = TABLE_SIZE.MEDIUM;\n /**\n * Add checkbox selection to the table\n */\n @Prop() selectable: boolean = false;\n\n @State() selectedRows = new Map<string, { name: string, value?: string }>();\n\n @Event() changeSelection: EventEmitter<{ name: string, value?: any }[]>;\n\n @Watch('colorSchema')\n setRowPropsHandler() {\n const rows = Array\n .from(this.el.childNodes)\n .filter((node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n ((node as any)?.tagName === `${this.el.tagName}-ROW` || (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`)\n );\n let visualIndex = 0;\n\n rows.forEach((node, i) => {\n const row = (node as HTMLElement);\n const isHeaderRow = (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`;\n\n if (this.selectable) {\n let name = row.getAttribute('selection-name');\n\n if (!name) {\n name = isHeaderRow ? 'header' : `xv-table-row-${i}`;\n row.setAttribute('selection-name', name);\n }\n\n if (row.hasAttribute('checked')) {\n this.selectedRows.set(name, {\n name,\n value: row.getAttribute('value') ?? undefined,\n })\n }\n }\n\n if (isHeaderRow) return;\n\n switch (this.colorSchema) {\n case TABLE_COLOR_SCHEMA.ZEBRA:\n const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';\n if (row.hasAttribute('expandable') && rows[i + 1]) {\n row.setAttribute(stripe, '');\n } else {\n visualIndex++;\n row.setAttribute(stripe, '');\n }\n break;\n default:\n row.removeAttribute('odd');\n row.removeAttribute('even');\n }\n });\n }\n\n private handleCheckedChange = (e: TableSelectionEvent) => {\n const { name, value, checked } = e.detail;\n\n if (checked) {\n this.selectedRows.set(name, { name, value });\n } else {\n this.selectedRows.delete(name);\n }\n\n this.changeSelection.emit(Array.from(this.selectedRows.values()));\n }\n\n render() {\n return (\n <Host size={this.size} selectable={this.selectable}>\n {(this.el.title || this.description) && (\n <div class=\"caption\">\n {this.el.title && <h5 class=\"caption_title\">{this.el.title}</h5>}\n {this.description && <p class=\"caption_description\">{this.description}</p>}\n </div>\n )}\n <slot></slot>\n </Host>\n );\n }\n\n componentWillLoad() {\n this.setRowPropsHandler();\n this.el.addEventListener('checkedChange', this.handleCheckedChange as any);\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('checkedChange', this.handleCheckedChange as any);\n }\n}\n","@import \"../vars\";\n\n:host {\n display: block;\n color: $color;\n font-family: var(--ff-body, Tahoma);\n font-size: $font-size-content;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'xv-table-v2-col',\n styleUrl: 'xv-table-col.scss',\n shadow: true,\n})\nexport class XvTableCol {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n","@import \"../vars\";\n\n\n:host {\n display: grid;\n padding: $space-md $space-md $space-md * 2;\n align-items: center;\n transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\n background: var(--layer-accent-01, #F7F7F7);\n color: $color;\n font-family: var(--ff-body, Tahoma);\n font-size: $font-size-header;\n font-weight: 700;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n\n .left-container {\n @include left-container-styles;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xv-table-v2-header-row',\n styleUrl: 'xv-table-header-row.scss',\n shadow: true,\n})\nexport class XvTableHeaderRow {\n @Element() el: HTMLElement;\n /**\n * Checkbox row name\n */\n @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n /**\n * Checkbox row selected partially\n */\n @Prop({ reflect: true }) partial?: boolean;\n /**\n * Checkbox row checked\n */\n @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\n\n @State() cols: number = 1;\n\n @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n\n private slotChangeHandle = () => {\n this.cols = this.el.childElementCount;\n }\n\n private checkboxChange = (e: CustomEvent<boolean>) => {\n this.checked = e.detail;\n this.checkedChange.emit({\n name: this.selectionName,\n checked: e.detail\n });\n }\n\n render() {\n return (\n <Host cols={this.cols}>\n <div class=\"left-container\">\n {this.selectionName !== undefined && (\n <xv-checkbox-v2\n partial={true}\n name={this.selectionName}\n checked={this.checked}\n onEventChange={this.checkboxChange}\n />\n )}\n </div>\n <slot onSlotchange={this.slotChangeHandle}></slot>\n </Host>\n );\n }\n}\n","@import \"../vars\";\n\n:host(#{$tag-name}-row) {\n display: grid;\n padding: $space-md;\n align-items: center;\n transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\n background: var(--layer-02, #FFF);\n box-shadow: 0 0 0 1px #E3E3E3 inset;\n\n .left-container {\n @include left-container-styles;\n }\n\n .expand-btn {\n @include expand-btn-styles;\n }\n}\n\n:host([expanded]) {\n block-size: auto;\n}\n\n:host([collapsed]) {\n block-size: 0;\n overflow: hidden;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n:host([odd]) {\n background-color: var(--layer-selected-01, #E3E3E3);\n}\n\n:host([even]) {\n background-color: #fff;\n}\n","import { Component, Host, h, Element, Prop, State, Watch, Method, Event, EventEmitter } from '@stencil/core';\nimport { uidGenerator } from '../../../utils/utils';\n\n@Component({\n tag: 'xv-table-v2-row',\n styleUrl: 'xv-table-row.scss',\n shadow: true,\n})\nexport class XvTableRow {\n @Element() el: HTMLElement;\n /**\n * Is row will be expandable\n * If it's true then the next row will be collapsed\n */\n @Prop({ mutable: true }) expandable: boolean = false;\n /**\n * Default state of expandable\n */\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n /**\n * Checkbox row name\n */\n @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n /**\n * Checkbox row value\n */\n @Prop({ reflect: true }) value?: string;\n /**\n * Checkbox row status\n */\n @Prop({ reflect: true, mutable: true }) checked?: boolean;\n\n @State() prevRowExpanded: boolean = false;\n @State() expandId?: string;\n @State() id?: string;\n @State() cols: number = 1;\n\n @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n\n /**\n * Called from outside (From expandable row)\n */\n @Method()\n async setExpandRelation(id?: string, expanded?: boolean) {\n this.expandId = id;\n this.prevRowExpanded = !!expanded;\n return this.prevRowExpanded;\n }\n\n /**\n * Called from outside (From expandable row)\n * to change then expand or collapse\n */\n @Method()\n async toggleExpand(id?: string, expanded?: boolean) {\n if (this.expandId !== id) return;\n this.prevRowExpanded = expanded !== undefined ? expanded : !this.prevRowExpanded;\n }\n\n /**\n * Watch for expandable\n * When it's false needs to remove unnecessary properties\n */\n @Watch('expandable')\n setExpandableRelationHandle(): Promise<any> {\n const nextEl = this.el.nextElementSibling;\n\n if (!nextEl || nextEl.tagName !== this.el.tagName) this.expandable = false;\n\n if (!this.expandable) return;\n\n if (!this.id) this.id = this.el.id || uidGenerator();\n\n return (nextEl as any).setExpandRelation(this.id, this.expanded);\n }\n\n /**\n * When user press on the expand button\n */\n private changeExpandHandle() {\n const nextRow = this.el.nextElementSibling;\n\n if (!nextRow || nextRow.tagName !== this.el.tagName) return;\n\n this.expanded = !this.expanded;\n // Call method from new row\n (nextRow as any).toggleExpand(this.id, this.expanded);\n }\n\n /**\n * Highlight the expanded row on hover\n */\n private hoverHandle(active: boolean) {\n const prevRow = this.el.previousElementSibling as HTMLElement | null;\n const nextRow = this.el.nextElementSibling as HTMLElement | null;\n\n if (nextRow?.tagName === this.el.tagName && this.expandable) {\n if (active) {\n nextRow.setAttribute('highlighted', '');\n } else {\n nextRow.removeAttribute('highlighted');\n }\n }\n\n if (prevRow?.tagName === this.el.tagName && prevRow.hasAttribute('expandable')) {\n if (active) {\n prevRow.setAttribute('highlighted', '');\n } else {\n prevRow.removeAttribute('highlighted');\n }\n }\n }\n\n private checkboxChange = (e: CustomEvent<boolean>) => {\n this.checked = e.detail;\n this.checkedChange.emit({\n name: this.selectionName,\n value: this.value,\n checked: e.detail\n });\n }\n\n async componentWillLoad(){\n this.id = this.el.id;\n this.cols = this.el.childElementCount;\n await this.setExpandableRelationHandle();\n }\n\n render() {\n return (\n <Host\n onMouseEnter={() => this.hoverHandle(true)}\n onMouseLeave={() => this.hoverHandle(false)}\n cols={this.cols}\n expanded={this.expandId && this.prevRowExpanded}\n collapsed={this.expandId && !this.prevRowExpanded}\n >\n <div class=\"left-container\">\n {this.expandable && (\n <button\n class={`expand-btn ${this.expanded ? 'expanded' : ''}`}\n onClick={() => this.changeExpandHandle()}\n />\n )}\n {this.selectionName && (\n <xv-checkbox-v2\n name={this.selectionName}\n value={this.value}\n checked={this.checked}\n onEventChange={this.checkboxChange}\n />\n )}\n </div>\n <slot />\n </Host>\n );\n }\n}\n",":host {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border-radius: 1000px;\n background-color: var(--background);\n color: var(--text-primary);\n font-family: var(--ff-body, inherit);\n\n .xv-tag_content {\n padding-left: 8px;\n padding-right: 8px;\n color: inherit;\n font-family: var(--ff-body);\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .xv-tag_close {\n box-sizing: border-box;\n text-decoration: none;\n border: none;\n background-color: inherit;\n outline: none;\n border-spacing: 0;\n list-style: none outside none;\n margin: 0;\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 62px;\n width: 15px;\n height: 15px;\n text-align: left;\n color: inherit;\n text-indent: 0;\n transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;\n &:hover {\n cursor: pointer;\n filter: brightness(80%);\n }\n\n &:active {\n opacity: 0.7;\n }\n\n &:focus {\n outline: 1px solid currentColor;\n }\n\n &:after {\n overflow: hidden;\n width: inherit;\n height: inherit;\n color: inherit;\n font-size: 16px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n content: \"\\00d7\";\n }\n }\n}\n\n:host(.sm) {\n font-size: var(--fz-sm);\n}\n\n:host(.md) {\n font-size: var(--fz-md);\n .xv-tag_content {\n line-height: 24px;\n }\n\n .xv-tag_close {\n height: 24px;\n width: 24px;\n }\n}\n\n:host(.lg) {\n font-size: var(--fz-lg);\n .xv-tag_content {\n line-height: 26px;\n }\n\n .xv-tag_close {\n height: 26px;\n width: 26px;\n }\n}\n\n:host(.disabled) {\n pointer-events: none;\n background-color: var(--layer-01);\n color: var(--text-disabled);\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xv-tag-v2',\n styleUrl: 'xv-tag.scss',\n shadow: true,\n})\nexport class XvTag {\n @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n @Prop() color: string = '';\n @Prop() bg: string = '';\n @Prop() disabled: boolean = false;\n @Prop() closeable: boolean = false;\n @Event() closeClick: EventEmitter<PointerEvent>;\n\n closeHandler(e: PointerEvent) {\n if (this.disabled) return;\n\n this.closeClick.emit(e);\n }\n\n render() {\n return (\n <Host\n style={{ color: this.color, background: this.bg }}\n class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\n >\n <div class=\"xv-tag_content\">\n <slot></slot>\n </div>\n {this.closeable && (\n <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\n )}\n </Host>\n );\n }\n}\n",":host {\n position: relative;\n display: inline-block;\n cursor: pointer;\n line-height: 0.5;\n}\n\n/* General styles for tooltip */\n:host::before,\n:host::after {\n position: absolute;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n z-index: 10;\n}\n\n/* Tooltip */\n:host::before {\n content: attr(tooltip);\n background: var(--background-inverse, #333);\n color: var(--icon-inverse, #fff);\n padding: var(--gap-sm, 5px) var(--gap-md, 16px);\n border-radius: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: max(70vw);\n font-family: var(--fz-body, Tahoma);\n font-size: var(fz-md, 14px);\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n}\n\n/* Arrow */\n:host::after {\n content: \"\";\n border: 6px solid transparent;\n}\n\n/* Show Tooltip and arrow */\n:host(:hover)::before,\n:host(:hover)::after,\n:host(:focus)::before,\n:host(:focus)::after {\n opacity: 1;\n visibility: visible;\n}\n\n/* Tooltip positions */\n:host(.xv-tooltip_top)::before {\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%) translateY(-5px);\n}\n:host(.xv-tooltip_top)::after {\n bottom: 100%;\n left: 50%;\n border-top-color: var(--background-inverse, #333);\n transform: translateX(-50%) translateY(5px);\n}\n\n:host(.xv-tooltip_top-left)::before {\n bottom: 100%;\n left: 0;\n transform: translateY(-5px);\n}\n:host(.xv-tooltip_top-left)::after {\n bottom: 100%;\n left: 10px;\n border-top-color: black;\n transform: translateY(5px);\n}\n\n:host(.xv-tooltip_top-right)::before {\n bottom: 100%;\n right: 0;\n transform: translateY(-5px);\n}\n:host(.xv-tooltip_top-right)::after {\n bottom: 100%;\n right: 10px;\n border-top-color: var(--background-inverse, #333);\n transform: translateY(5px);\n}\n\n:host(.xv-tooltip_bottom)::before {\n top: 100%;\n left: 50%;\n transform: translateX(-50%) translateY(5px);\n}\n:host(.xv-tooltip_bottom)::after {\n top: 100%;\n left: 50%;\n border-bottom-color: black;\n transform: translateX(-50%) translateY(-5px);\n}\n\n:host(.xv-tooltip_bottom-left)::before {\n top: 100%;\n left: 0;\n transform: translateY(5px);\n}\n:host(.xv-tooltip_bottom-left)::after {\n top: 100%;\n left: 10px;\n border-bottom-color: var(--background-inverse, #333);\n transform: translateY(-5px);\n}\n\n:host(.xv-tooltip_bottom-right)::before {\n top: 100%;\n right: 0;\n transform: translateY(5px);\n}\n:host(.xv-tooltip_bottom-right)::after {\n top: 100%;\n right: 10px;\n border-bottom-color: var(--background-inverse, #333);\n transform: translateY(-5px);\n}\n\n:host(.xv-tooltip_left)::before {\n right: 100%;\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n}\n:host(.xv-tooltip_left)::after {\n right: 100%;\n top: 50%;\n border-left-color: var(--background-inverse, #333);\n transform: translateY(-50%) translateX(5px);\n}\n\n:host(.xv-tooltip_right)::before {\n left: 100%;\n top: 50%;\n transform: translateY(-50%) translateX(5px);\n}\n:host(.xv-tooltip_right)::after {\n left: 100%;\n top: 50%;\n border-right-color: var(--background-inverse, #333);\n transform: translateY(-50%) translateX(-5px);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-tooltip-v2',\n styleUrl: 'xv-tooltip.scss',\n shadow: true,\n})\nexport class XvTooltip {\n /** Message what will be shown for tooltip **/\n @Prop() message: string;\n /**\n * Tooltip and arrow position related to element\n * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\n * By default, \"top\"\n */\n @Prop() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\n\n render() {\n return (\n <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\n <slot>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\n <path\n fill=\"currentColor\"\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\"\n />\n </svg>\n </slot>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-543fe755.js";export{s as setNonce}from"./p-543fe755.js";import{g as o}from"./p-e1255160.js";var r=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};r().then((async e=>{await o();return a([["p-08297c60",[[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-button-v2",{label:[1],block:[4],variant:[1],disabled:[4]}],[1,"xv-card-v2",{variant:[1],media:[1],header:[1],body:[1],footer:[1]}],[1,"xv-checkbox-v2"],[1,"xv-link-v2",{href:[1],target:[1],disabled:[4],size:[1],variant:[1]}],[1,"xv-progress-indicator-v2",{progress:[2]},null,{progress:["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{done:[4]}],[1,"xv-tag-v2",{size:[1],color:[1],bg:[1],disabled:[4],closeable:[4]}],[1,"xv-tooltip-v2",{message:[1],position:[1]}]]],["p-6fe85516",[[1,"xv-breadcrumbs-v2"]]]],e)}));
+import{p as e,b as a}from"./p-840929c5.js";export{s as setNonce}from"./p-840929c5.js";import{g as o}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};l().then((async e=>{await o();return a([["p-5f18d718",[[1,"xv-breadcrumbs-v2"]]],["p-bfe83d1e",[[1,"xv-table-v2-header-row",{selectionName:[513,"selection-name"],partial:[516],checked:[1540],cols:[32]}],[1,"xv-table-v2-row",{expandable:[1028],expanded:[1540],selectionName:[513,"selection-name"],value:[513],checked:[1540],prevRowExpanded:[32],expandId:[32],id:[32],cols:[32],setExpandRelation:[64],toggleExpand:[64]},null,{expandable:["setExpandableRelationHandle"]}],[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-button-v2",{label:[1],block:[4],variant:[1],disabled:[4]}],[1,"xv-card-v2",{variant:[1],media:[1],header:[1],body:[1],footer:[1]}],[1,"xv-link-v2",{href:[1],target:[1],disabled:[4],size:[1],variant:[1]}],[1,"xv-progress-indicator-v2",{progress:[2]},null,{progress:["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{done:[4]}],[1,"xv-table-v2",{description:[1],colorSchema:[1,"color-schema"],expandable:[4],size:[1],selectable:[4],selectedRows:[32]},null,{colorSchema:["setRowPropsHandler"]}],[1,"xv-table-v2-col"],[1,"xv-tag-v2",{size:[1],color:[1],bg:[1],disabled:[4],closeable:[4]}],[1,"xv-tooltip-v2",{message:[1],position:[1]}],[65,"xv-checkbox-v2",{checked:[1540],indeterminate:[516],disabled:[516],name:[513],value:[513],required:[516],partial:[516],label:[1],size:[513],error:[520],hasFocus:[32]},null,{checked:["onCheckedChange"]}]]]],e)}));
 //# sourceMappingURL=xv-webcomponents.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","~~multiple~~","~~xvId~~","value","opened","toggleItem","disabled","label","isOpen","block","variant","media","header","body","footer","target","size","progress","done","color","bg","closeable","message","position"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.27.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"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,~~qCAAqC~~,~~CAACC~~,~~SAAC~~,IAAAC,KAAA,~~YAAAC~~,MAAA,~~OAAAC~~,OAAA,KAAAC,WAAA,kCAAAC,SAAA,IAAAC,MAAA,~~IAAAJ~~,MAAA,~~IAAAK~~,OAAA,2EAAAD,MAAA,IAAAE,MAAA,IAAAC,QAAA,IAAAJ,SAAA,uBAAAI,QAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAC,KAAA,IAAAC,OAAA,~~4CAAApB~~,KAAA,~~IAAAqB~~,OAAA,IAAAT,SAAA,IAAAU,KAAA,IAAAN,QAAA,qCAAAO,SAAA,WAAAA,SAAA,2DAAAC,KAAA,~~sBAAAF~~,KAAA,~~IAAAG~~,MAAA,IAAAC,GAAA,~~IAAAd~~,SAAA,~~IAAAe~~,UAAA,0BAAAC,QAAA,IAAAC,SAAA,~~kDAAAzB~~,EAAA","ignoreList":[]}
1	+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","selectionName","partial","checked","cols","expandable","expanded","value","prevRowExpanded","expandId","id","setExpandRelation","toggleExpand","multiple","xvId","opened","toggleItem","disabled","label","isOpen","block","variant","media","header","body","footer","target","size","progress","done","description","colorSchema","selectable","selectedRows","color","bg","closeable","message","position","indeterminate","name","required","error","hasFocus"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.27.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"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,0CAAuC,4CAAAC,cAAA,uBAAAC,QAAA,MAAAC,QAAA,OAAAC,KAAA,6BAAAC,WAAA,OAAAC,SAAA,OAAAL,cAAA,uBAAAM,MAAA,MAAAJ,QAAA,OAAAK,gBAAA,KAAAC,SAAA,KAAAC,GAAA,KAAAN,KAAA,KAAAO,kBAAA,KAAAC,aAAA,YAAAP,WAAA,wDAAAQ,SAAA,IAAAC,KAAA,YAAAP,MAAA,OAAAQ,OAAA,KAAAC,WAAA,kCAAAC,SAAA,IAAAC,MAAA,IAAAX,MAAA,IAAAY,OAAA,2EAAAD,MAAA,IAAAE,MAAA,IAAAC,QAAA,IAAAJ,SAAA,uBAAAI,QAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAC,KAAA,IAAAC,OAAA,uBAAA/B,KAAA,IAAAgC,OAAA,IAAAT,SAAA,IAAAU,KAAA,IAAAN,QAAA,qCAAAO,SAAA,WAAAA,SAAA,2DAAAC,KAAA,wBAAAC,YAAA,IAAAC,YAAA,mBAAA1B,WAAA,IAAAsB,KAAA,IAAAK,WAAA,IAAAC,aAAA,YAAAF,YAAA,+DAAAJ,KAAA,IAAAO,MAAA,IAAAC,GAAA,IAAAlB,SAAA,IAAAmB,UAAA,0BAAAC,QAAA,IAAAC,SAAA,4BAAAnC,QAAA,OAAAoC,cAAA,MAAAtB,SAAA,MAAAuB,KAAA,MAAAjC,MAAA,MAAAkC,SAAA,MAAAvC,QAAA,MAAAgB,MAAA,IAAAS,KAAA,MAAAe,MAAA,MAAAC,SAAA,YAAAxC,QAAA,yBAAAL,EAAA","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "xv-webcomponents",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "Reusable Web Components for XV Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",