@xplortech/xhb-embed 0.1.0 → 0.1.2
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.
- package/CHANGELOG.md +35 -0
- package/README.md +2 -1
- package/dist/api/api-error.d.ts +9 -0
- package/dist/api/conditions-api-transport.d.ts +17 -0
- package/dist/api/transport-registry.d.ts +3 -0
- package/dist/index.d.ts +13 -0
- package/dist/public-api.d.ts +10 -0
- package/dist/types/index.d.ts +240 -0
- package/dist/xcs-horizontal-builder.css +1 -1
- package/dist/xcs-horizontal-builder.js +2055 -2012
- package/package.json +5 -3
- package/dist/assets/index-BW0vTqWZ.css +0 -1
- package/dist/assets/index-CH4yJ6Qx-JPSi2Mez.js +0 -5
- package/dist/assets/index-CXE8y519.js +0 -6
- package/dist/assets/v4-Cqlsd6nf-FWzwXvEe.js +0 -1
- package/dist/assets/xpl-accordion.entry-CklHeklT.js +0 -1
- package/dist/assets/xpl-application-shell.entry-CU_p-O_o.js +0 -1
- package/dist/assets/xpl-avatar_41.entry-CpXYdFV8.js +0 -17
- package/dist/assets/xpl-button-row.entry-Cyrs4EzQ.js +0 -1
- package/dist/assets/xpl-calendar.entry-DC1wjg3D.js +0 -1
- package/dist/assets/xpl-dynamic-table-cell.entry-DZJsR6Ji.js +0 -1
- package/dist/assets/xpl-dynamic-table-row.entry-Dup1iwzl.js +0 -3
- package/dist/assets/xpl-dynamic-table.entry-BKKazQ4b.js +0 -1
- package/dist/assets/xpl-grid-item.entry-BfHNvDgl.js +0 -1
- package/dist/assets/xpl-grid.entry-B38JIOVy.js +0 -1
- package/dist/assets/xpl-large-card.entry-BRIJKCB8.js +0 -1
- package/dist/assets/xpl-list.entry-D0drUftu.js +0 -1
- package/dist/assets/xpl-main-nav.entry-Dqi0mJ7W.js +0 -1
- package/dist/assets/xpl-table-header-cell.entry-C4OX8hca.js +0 -1
- package/dist/assets/xpl-table-header.entry-CdJb0M-V.js +0 -1
- package/dist/assets/xpl-toggle.entry-WXhdczaM.js +0 -1
- package/dist/assets/xpl-toolbar.entry-Dc-Nu8qS.js +0 -1
- package/dist/index.html +0 -14
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as a,h as t,H as r}from"./index-CXE8y519.js";const s=class{constructor(e){i(this,e),this.clickPrimary=a(this,"clickPrimary",7),this.clickSecondary=a(this,"clickSecondary",7),this.clickTertiary=a(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return t(r,{key:"c1d468abe10991fb2de71dd01daba53b00ad088d",class:"xpl-button-row"},t("div",{key:"102e327fea3824fffb0f04bd7d91e5615aca86e3",class:"xpl-button-row-inner"},t("div",{key:"745044b4b26b0a368ca5aec8b440ebdaa9677e2b",class:"xpl-button-row__left"},this.secondary&&t("xpl-button",{key:"e895967af49c96eb3a3e98b24c0d10b30951bb7b",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),t("div",{key:"d35ad947185a638f2f03530ae50a349cebbe5855",class:"xpl-button-row__right"},this.tertiary&&t("xpl-button",{key:"f25895afa16581325345f619085adee0cf092ee5",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&t("xpl-button",{key:"8f606ced48a532bb1abaf20a7bc9dc570feb7d21",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&t("xpl-button",{key:"b6837c20a4adc3af10d4fd6724e226efd1d307ff",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{s as xpl_button_row};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as r,h as i,H as d}from"./index-CXE8y519.js";import{f as l}from"./index-CH4yJ6Qx-JPSi2Mez.js";import{v as o}from"./v4-Cqlsd6nf-FWzwXvEe.js";const a=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,p=class{constructor(t){s(this,t),this.dateSelected=r(this,"dateSelected",7),this.inputId=o(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){this.flatpickrInstance!==void 0&&(this.mode==="single"&&typeof t=="string"?this.flatpickrInstance.setDate(t):this.mode==="range"&&Array.isArray(t)&&this.flatpickrInstance.setDate(t))}componentWillLoad(){this.calendarInputId=this.inputId}componentDidLoad(){this.flatpickrInstance=l(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:a(),prevArrow:a(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{var e;this.mode==="single"?this.dateSelected.emit((e=t[0])===null||e===void 0?void 0:e.toISOString()):this.dateSelected.emit(t.map(n=>n.toISOString()))}})}disconnectedCallback(){this.flatpickrInstance!==void 0&&this.flatpickrInstance.destroy()}render(){return i(d,{key:"fb4c58e9ddbf919c96d99b2f9433f1e9ffb9f4df",class:"xpl-calendar"},i("input",{key:"764bc9e43533f1bf921e586ff05a11d102b9015a",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{this.inputElement=t}}))}};export{p as xpl_calendar};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as l,H as a,g as n}from"./index-CXE8y519.js";const o=class{constructor(e){s(this,e),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach(t=>{"disabled"in t&&(t.disabled=this.disabled)})}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(a,{key:"639f0a42ea0189fb4c269de1b76c5491729f868c",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:t=>{this.hostElement=t}},l("slot",{key:"29864a738aa7d5e9498195ce0d22bb8d78e39989"}))}get el(){return n(this)}};export{o as xpl_dynamic_table_cell};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{r as l,h as t,H as a}from"./index-CXE8y519.js";const i=class{constructor(e){l(this,e),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach(s=>{s.disabled=this.isDisabled})}render(){const e=`xpl-dynamic-table-row
|
|
2
|
-
${this.isDisabled?"disabled":""}
|
|
3
|
-
${this.selected?"selected":""}`;return t(a,{key:"4969ae6223aa4f6604d20e657d390d8ec43eb9bd",role:"row",class:e,ref:s=>{this.hostElement=s}},t("slot",{key:"244d34612847408ddb9e0d718b1e5916b7e24b2d"}))}};export{i as xpl_dynamic_table_row};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as c,c as s,h as n,g as a}from"./index-CXE8y519.js";const i=class{constructor(e){c(this,e),this.selectedItemCountChange=s(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const o=Array.from(e).map(t=>t.getAttribute("width")!==null?`${t.getAttribute("width")}px`:"1fr");this.el.style.setProperty("--column-widths",o.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),o=Array.from(e).filter(t=>t.checked).map(t=>t.getAttribute("data-id"));this.selectedItemCount=o.length,this.selectedItemCountChange.emit(o)}updateRowGap(){if(!(this.el.querySelector("xpl-header-accordion")!==null))return;[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach(t=>{const l=this.el.querySelector(t);l!==null&&(l.style.rowGap="0.5rem")})}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return n("div",{key:"f49634b51fd6fb49bcb75cc4247f683ff99d6b99",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},n("slot",{key:"e5cd66e212a41ce26dfaccae634ab7ee22ba9910",name:"header"}),n("slot",{key:"07e1fbec46f08e46f728340291510992d21f71a4",name:"body"}))}get el(){return a(this)}};export{i as xpl_dynamic_table};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as t,H as e}from"./index-CXE8y519.js";const m=class{constructor(s){i(this,s),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let s="xpl-grid-item";return s+=` xpl-grid-item-xs-${this.xs}`,s+=` xpl-grid-item-sm-${this.sm}`,s+=` xpl-grid-item-md-${this.md}`,s+=` xpl-grid-item-lg-${this.lg}`,t(e,{key:"4a3a254b51eae0907baf74c383b0d2b60017b69b",class:s},t("slot",{key:"b23f50ff733b9f3009eda4a3569a28b0636e76f4"}))}};export{m as xpl_grid_item};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as d,H as o,g as c}from"./index-CXE8y519.js";const g=class{constructor(s){a(this,s)}componentDidLoad(){const s=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let r=0,e=0,l=0,i=0;s.forEach(t=>{r+=+t.getAttribute("lg")||6,e+=+t.getAttribute("md")||6,l+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,r%6===0&&t.classList.add("xpl-grid-item-lg-last"),e%6===0&&t.classList.add("xpl-grid-item-md-last"),l%6===0&&t.classList.add("xpl-grid-item-sm-last"),i%6===0&&t.classList.add("xpl-grid-item-xs-last")})}render(){return d(o,{key:"b7adecdd36342641869726ffa094578c1272dc1e",class:"xpl-grid"})}get container(){return c(this)}};export{g as xpl_grid};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as e,H as s,g as n}from"./index-CXE8y519.js";const l=class{constructor(a){r(this,a)}componentDidLoad(){if(this.link){const a=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],t=document.createTextNode(this.name),c=document.createElement("span");c.appendChild(t),a.setAttribute("class","xpl-large-card__anchor"),a.appendChild(c)}}render(){const a="graph-content",t=this.el.querySelector(`[slot="${a}"]`);return e(s,{key:"6c7928c9fae502001c8866eaa4b3f858a26eaead",role:"group",class:`xpl-large-card ${this.link?"xpl-large-card__link":""}`,tabindex:"0"},e("dt",{key:"df8e79e59236237ed54d640b544c7a19a850f89b",class:"xpl-large-card__header"},e("header",{key:"6159de81cbcae7021f3a57fa3a800b241e548ca9"},e("slot",{key:"c2aac7c35f67430d0b09f1ad259c5121ef80e02f",name:"title"},this.name),this.link&&e("span",{key:"b292328bfb83340c848a793105df6892e6dd29e6",class:"xpl-data-card__header-arrow"},e("xpl-icon",{key:"e7bf907891716116cf050f7033d02d3822b56062",icon:"chevron-right",size:16}))),this.description&&e("div",{key:"f9bee0304cd33f23a303c4562b0e48ac99f88483",class:"xpl-large-card__description"},this.description)),e("dd",{key:"e5800cc865b61e0a30a2b0dd7c432b630057281e",class:"xpl-large-card__body"},t&&e("slot",{key:"a31d2a18c13340cc82a5b9c1af6963c024ec9a3a",name:a})))}get el(){return n(this)}};export{l as xpl_large_card};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as m,h as t,H as x,F as u}from"./index-CXE8y519.js";const d=({avatar:s,avatars:i,badges:e,href:p,title:n,subtext:r,metadata:a})=>{const o=i||e||r,c=t(u,null,s&&(s.slice(0,1)==="/"||s.slice(0,4)==="http"?t("xpl-avatar",{src:s,name:n}):t("xpl-avatar",{name:n},s)),t("div",{class:"xpl-list-item-content"},t("div",{class:"xpl-list-left"},t("div",null,t("h4",null,n),a&&t("ul",{class:"xpl-list-item-metadata"},a.map(l=>typeof l=="string"?t("li",null,l):t("li",null,t("xpl-icon",{icon:l.icon})," ",l.text))))),o&&t("div",{class:"xpl-list-right"},r&&t("div",{class:"xpl-list-item-subtext"},r),i&&t("div",{class:"xpl-avatar-group xpl-avatar-group--s"},i.map(l=>t("img",{src:l,alt:""}))),e&&e.map(l=>typeof l=="string"?t("xpl-badge",null,l):t("xpl-badge",{dot:l.dot,variant:l.variant},l.text)))));return p?t("a",{class:"xpl-list-item",href:p},c):t("div",{class:"xpl-list-item"},c)},h=class{constructor(s){m(this,s),this.items=[]}render(){return t(x,{key:"3eb471a9d1e64f3da012240b7ebb071efaad334d"},this.items.map(s=>t(d,Object.assign({},s))))}};export{h as xpl_list};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,c as t,h as a,H as n}from"./index-CXE8y519.js";const c=class{constructor(e){d(this,e),this.navWidth=t(this,"navWidth",7),this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return a(n,{key:"4bc985a6fc8533aac4a436bafb38a84e240d84d0",class:`xpl-main-nav xpl-main-nav--${this.width}`,"aria-label":"Sidebar"},a("nav",{key:"37095d22b076a66f32f054dd1bc11487c6bd4927"},a("header",{key:"ed18404dbd24edf1306452d097e5be3efbcc57a0","aria-label":"Sidebar Header"},a("slot",{key:"bfced098b786899701193dff672b30d2f5a1ad39",name:"logo"}),a("slot",{key:"c3be7a15c652539240599743deb02c11f3d1bb45",name:"brand-name"})),a("div",{key:"0aee9797d8b12bb0fc825fedd255d7ba78b52968",class:"xpl-main-nav__main_section"},a("slot",{key:"b5772dce6f67b9ee753f1ea68ad12c46564ba3f7",name:"navigation"})),a("footer",{key:"a2918a192ce73dacc796c3f3a09d180f735a8971",class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},a("slot",{key:"f898b0f5cfd1d4424f573e74a38df5336506ca45",name:"footer"}))))}};export{c as xpl_main_nav};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as i,h as e,H as n,g as c}from"./index-CXE8y519.js";const a=class{constructor(t){o(this,t),this.sortChanged=i(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection==="asc"?this.sortDirection="desc":this.sortDirection==="desc"?this.sortDirection="none":this.sortDirection="asc",this.sortChanged.emit(this.sortDirection)}render(){const t=Array.from(this.el.parentElement.children).indexOf(this.el)+1,s=()=>{switch(this.type){case"label":return e("span",null,this.label);case"checkbox":return e("xpl-checkbox",null);case"icon":return e("xpl-icon",{icon:this.icon,size:20});default:return""}},r=()=>{switch(this.sortDirection){case"none":return e("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}};return e(n,{role:"columnheader","aria-colindex":t,class:`xpl-table-header-cell ${this.sortable?"sortable":"non-sortable"}`,style:{width:`${this.width}px`}},this.sortable?e("button",{onClick:()=>this.toggleSort()},s(),r()):s())}get el(){return c(this)}};export{a as xpl_table_header_cell};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as e,H as c}from"./index-CXE8y519.js";const t=class{constructor(a){r(this,a)}render(){return e(c,{key:"ab15bfcac25fa381989ed3cdaf2b3c5f00db6bdb",role:"row",class:"xpl-table-header"},e("slot",{key:"e0a8ef7c92c44ea84abc182d93040a4c14cd7072"}))}};export{t as xpl_table_header};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as e,H as l}from"./index-CXE8y519.js";import{v as t}from"./v4-Cqlsd6nf-FWzwXvEe.js";const b=class{constructor(s){a(this,s),this.variant="default",this.id=t()}render(){let s="xpl-toggle-container";this.disabled&&(s+=" xpl-toggle-container--disabled");let i="xpl-toggle";return this.variant==="small"&&(i+=" xpl-toggle--small"),e(l,{key:"e5b8f2802e828221c2966fa85bafe7fb6bcf40bc",class:s},(this.heading||this.description)&&e("label",{key:"17aff6b0b12c4815d2848af71a84a808c5b2a356",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&e("small",{key:"c5bf01336e7f02b41f050971b596f718cdc8a87d",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),e("input",{key:"e9426bde8c042f3727fbcac738bd4903c063b2a4",class:i,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name}),this.label&&e("label",{key:"7d1bdfdf3ccc08276d86ffa3beb84a7946f576bb",htmlFor:this.id},this.label))}};export{b as xpl_toggle};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as t,H as s,g as c}from"./index-CXE8y519.js";const l=class{constructor(e){a(this,e),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');e!==null&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return t(s,{key:"097500ed053ff1f15d30fc62e2efa556f8f95ef2",class:{"xpl-toolbar":!0,dark:!0,hidden:this.selectedItemCount===0}},t("div",{key:"c2e73f623f8afe7ca8e9e367b173067992b661fa",class:"toolbar"},t("p",{key:"63c1b1f5edee4abc4fea15bdb6d483a682854403",class:"selected-item-count"},this.selectedItemCount," Selected"),t("div",{key:"bc387680fee35312128aac1e2d2a9e83e78b86af",class:"actions"},t("slot",{key:"a8e3e41f75565cbf9b8fc86665ecabdcf2f674f3",name:"actions-left"}),t("slot",{key:"b3e82f6aabb8279f39248b551570d8937cf35aa6",name:"actions-right"}))))}get el(){return c(this)}};export{l as xpl_toolbar};
|
package/dist/index.html
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" href="/favicon.png" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>XCS Horizontal Builder</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-CXE8y519.js"></script>
|
|
9
|
-
<link rel="stylesheet" crossorigin href="/assets/index-BW0vTqWZ.css">
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<div id="xcs-horizontal-builder"></div>
|
|
13
|
-
</body>
|
|
14
|
-
</html>
|