wcs-core 2.6.0 → 2.10.0
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 +115 -7
- package/README.md +18 -0
- package/dist/cjs/{helpers-d9aaa8c4.js → helpers-6abce594.js} +5 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/popper-5777994b.js +1732 -0
- package/dist/cjs/wcs-button.cjs.entry.js +1 -1
- package/dist/cjs/wcs-checkbox.cjs.entry.js +6 -2
- package/dist/cjs/wcs-dropdown-divider.cjs.entry.js +19 -0
- package/dist/cjs/wcs-dropdown-header.cjs.entry.js +19 -0
- package/dist/cjs/wcs-dropdown.cjs.entry.js +43 -10
- package/dist/cjs/wcs-error_2.cjs.entry.js +7 -10
- package/dist/cjs/wcs-galactic-menu.cjs.entry.js +3 -1730
- package/dist/cjs/wcs-grid-column.cjs.entry.js +6 -2
- package/dist/cjs/wcs-grid.cjs.entry.js +28 -5
- package/dist/cjs/wcs-input.cjs.entry.js +3 -3
- package/dist/cjs/wcs-mat-icon.cjs.entry.js +1 -1
- package/dist/cjs/wcs-modal.cjs.entry.js +8 -3
- package/dist/cjs/wcs-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/wcs-radio.cjs.entry.js +2 -2
- package/dist/cjs/wcs-select_2.cjs.entry.js +1 -1
- package/dist/cjs/wcs-switch.cjs.entry.js +10 -2
- package/dist/cjs/wcs-textarea.cjs.entry.js +2 -2
- package/dist/cjs/wcs-tooltip.cjs.entry.js +1605 -99
- package/dist/cjs/wcs.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/badge/badge-interface.js +1 -0
- package/dist/collection/components/badge/badge.js +14 -4
- package/dist/collection/components/card/card-interface.js +1 -0
- package/dist/collection/components/card/card.js +7 -2
- package/dist/collection/components/checkbox/checkbox.css +18 -7
- package/dist/collection/components/checkbox/checkbox.js +24 -2
- package/dist/collection/components/dropdown/dropdown-interface.js +1 -0
- package/dist/collection/components/dropdown/dropdown.css +46 -38
- package/dist/collection/components/dropdown/dropdown.js +90 -29
- package/dist/collection/components/dropdown-divider/dropdown-divider.css +7 -0
- package/dist/collection/components/dropdown-divider/dropdown-divider.js +14 -0
- package/dist/collection/components/dropdown-header/dropdown-header.css +8 -0
- package/dist/collection/components/dropdown-header/dropdown-header.js +15 -0
- package/dist/collection/components/editable-field/editable-field.js +7 -2
- package/dist/collection/components/form-field/form-field.css +1 -2
- package/dist/collection/components/form-field/form-field.js +6 -26
- package/dist/collection/components/grid/grid.js +28 -5
- package/dist/collection/components/grid-column/grid-column.js +9 -3
- package/dist/collection/components/horizontal-stepper/horizontal-stepper.js +7 -2
- package/dist/collection/components/input/input.css +48 -0
- package/dist/collection/components/input/input.js +38 -2
- package/dist/collection/components/mat-icon/mat-icon.css +1 -1
- package/dist/collection/components/mat-icon/mat-icon.js +7 -2
- package/dist/collection/components/modal/modal-interface.js +1 -0
- package/dist/collection/components/modal/modal.css +26 -7
- package/dist/collection/components/modal/modal.js +35 -7
- package/dist/collection/components/nav-item/nav-item.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +4 -4
- package/dist/collection/components/radio/radio.component.js +9 -4
- package/dist/collection/components/radio/radio.css +44 -19
- package/dist/collection/components/radio-group/radio-group.css +5 -1
- package/dist/collection/components/radio-group/radio-group.js +10 -5
- package/dist/collection/components/spinner/spinner-interface.js +1 -0
- package/dist/collection/components/spinner/spinner.js +8 -3
- package/dist/collection/components/switch/switch.css +53 -16
- package/dist/collection/components/switch/switch.js +55 -6
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/textarea/textarea.css +4 -0
- package/dist/collection/components/tooltip/tooltip.css +3 -0
- package/dist/collection/components/tooltip/tooltip.js +308 -90
- package/dist/collection/utils/helpers.js +4 -0
- package/dist/esm/{helpers-50436c51.js → helpers-e2993152.js} +5 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/popper-5f42e560.js +1729 -0
- package/dist/esm/wcs-button.entry.js +1 -1
- package/dist/esm/wcs-checkbox.entry.js +6 -2
- package/dist/esm/wcs-dropdown-divider.entry.js +15 -0
- package/dist/esm/wcs-dropdown-header.entry.js +15 -0
- package/dist/esm/wcs-dropdown.entry.js +43 -10
- package/dist/esm/wcs-error_2.entry.js +7 -10
- package/dist/esm/wcs-galactic-menu.entry.js +2 -1729
- package/dist/esm/wcs-grid-column.entry.js +6 -2
- package/dist/esm/wcs-grid.entry.js +28 -5
- package/dist/esm/wcs-input.entry.js +3 -3
- package/dist/esm/wcs-mat-icon.entry.js +1 -1
- package/dist/esm/wcs-modal.entry.js +8 -3
- package/dist/esm/wcs-radio-group.entry.js +3 -3
- package/dist/esm/wcs-radio.entry.js +2 -2
- package/dist/esm/wcs-select_2.entry.js +1 -1
- package/dist/esm/wcs-switch.entry.js +10 -2
- package/dist/esm/wcs-textarea.entry.js +2 -2
- package/dist/esm/wcs-tooltip.entry.js +1605 -99
- package/dist/esm/wcs.js +2 -2
- package/dist/types/components/badge/badge-interface.d.ts +2 -0
- package/dist/types/components/badge/badge.d.ts +3 -2
- package/dist/types/components/card/card-interface.d.ts +1 -0
- package/dist/types/components/card/card.d.ts +2 -1
- package/dist/types/components/checkbox/checkbox.d.ts +4 -0
- package/dist/types/components/dropdown/dropdown-interface.d.ts +1 -0
- package/dist/types/components/dropdown/dropdown.d.ts +13 -16
- package/dist/types/components/dropdown-divider/dropdown-divider.d.ts +3 -0
- package/dist/types/components/dropdown-header/dropdown-header.d.ts +3 -0
- package/dist/types/components/editable-field/editable-field-interface.d.ts +1 -0
- package/dist/types/components/editable-field/editable-field.d.ts +2 -2
- package/dist/types/components/form-field/form-field.d.ts +0 -4
- package/dist/types/components/grid/grid.d.ts +11 -0
- package/dist/types/components/grid-column/grid-column.d.ts +2 -1
- package/dist/types/components/horizontal-stepper/horizontal-stepper-interface.d.ts +1 -0
- package/dist/types/components/horizontal-stepper/horizontal-stepper.d.ts +2 -2
- package/dist/types/components/input/input.d.ts +8 -0
- package/dist/types/components/mat-icon/mat-icon-interface.d.ts +1 -0
- package/dist/types/components/mat-icon/mat-icon.d.ts +2 -2
- package/dist/types/components/modal/modal-interface.d.ts +1 -0
- package/dist/types/components/modal/modal.d.ts +7 -1
- package/dist/types/components/radio/radio.component.d.ts +2 -1
- package/dist/types/components/radio-group/radio-group-interface.d.ts +1 -0
- package/dist/types/components/radio-group/radio-group.d.ts +2 -2
- package/dist/types/components/spinner/spinner-interface.d.ts +1 -0
- package/dist/types/components/spinner/spinner.d.ts +2 -1
- package/dist/types/components/switch/switch-interface.d.ts +1 -0
- package/dist/types/components/switch/switch.d.ts +10 -2
- package/dist/types/components/tooltip/tooltip.d.ts +70 -6
- package/dist/types/components.d.ts +210 -41
- package/dist/types/interfaces.d.ts +22 -0
- package/dist/types/stencil-public-runtime.d.ts +6 -4
- package/dist/types/utils/helpers.d.ts +1 -0
- package/dist/wcs/{p-64523291.entry.js → p-22813c8e.entry.js} +1 -1
- package/dist/wcs/{p-356a8e3b.entry.js → p-384068f7.entry.js} +1 -1
- package/dist/wcs/p-41037455.entry.js +1 -0
- package/dist/wcs/p-4e9e226d.entry.js +1 -0
- package/dist/wcs/p-7206e492.entry.js +1 -0
- package/dist/wcs/p-7c26f650.entry.js +1 -0
- package/dist/wcs/p-8c8740e3.entry.js +1 -0
- package/dist/wcs/p-9619f77a.entry.js +1 -0
- package/dist/wcs/p-a92d369e.entry.js +1 -0
- package/dist/wcs/p-a978c1e3.entry.js +1 -0
- package/dist/wcs/p-b5ffbea8.entry.js +1 -0
- package/dist/wcs/p-bbf1ef42.entry.js +1 -0
- package/dist/wcs/p-bcf381a2.entry.js +1 -0
- package/dist/wcs/{p-3d10b02a.entry.js → p-c7d6d3e1.entry.js} +1 -1
- package/dist/wcs/p-cf4d7a83.js +1 -0
- package/dist/wcs/p-d3c9a644.js +1 -0
- package/dist/wcs/p-ecbe5165.entry.js +6 -0
- package/dist/wcs/p-f430a227.entry.js +1 -0
- package/dist/wcs/p-f96bb0bf.entry.js +1 -0
- package/dist/wcs/{p-4338f140.entry.js → p-ff6d0dfd.entry.js} +1 -1
- package/dist/wcs/wcs.css +1 -1
- package/dist/wcs/wcs.esm.js +1 -1
- package/package.json +5 -4
- package/dist/types/interface.d.ts +0 -3
- package/dist/wcs/p-0fbe574e.entry.js +0 -1
- package/dist/wcs/p-15008e35.entry.js +0 -1
- package/dist/wcs/p-17c6db7f.entry.js +0 -1
- package/dist/wcs/p-62f7ab6d.entry.js +0 -1
- package/dist/wcs/p-83f1ad32.js +0 -1
- package/dist/wcs/p-8f0f9868.entry.js +0 -1
- package/dist/wcs/p-a5a1b27c.entry.js +0 -1
- package/dist/wcs/p-af1a5e52.entry.js +0 -1
- package/dist/wcs/p-bef44630.entry.js +0 -1
- package/dist/wcs/p-d59b4495.entry.js +0 -1
- package/dist/wcs/p-dd300dea.entry.js +0 -1
- package/dist/wcs/p-e486647c.entry.js +0 -1
- package/dist/wcs/p-ed6e8541.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as c,c as e,h as t,H as r,g as s}from"./p-f46e6c3c.js";let o=class{constructor(t){c(this,t),this.wcsChange=e(this,"wcsChange",7),this.checkboxId="wcs-checkbox-"+i++,this.name=this.checkboxId,this.indeterminate=!1,this.checked=!1,this.labelAlignment="center",this.disabled=!1}handleChange(c){this.indeterminate=!1,this.checked=!this.checked,this.wcsChange.emit({checked:this.checked})}render(){return t(r,null,t("label",{htmlFor:this.name,class:"wcs-container","aria-disabled":this.disabled},t("input",{onChange:c=>this.handleChange(c),checked:this.checked,class:"wcs-checkbox",type:"checkbox",name:this.name,disabled:this.disabled,id:this.name}),t("span",{class:"wcs-checkmark"}),t("span",{class:"text"},t("slot",null))))}get el(){return s(this)}},i=0;o.style=':host{--wcs-checkbox-border-color:var(--wcs-text-medium);--wcs-checkbox-text-color:var(--wcs-text-medium);display:flex}:host([disabled]){--wcs-checkbox-border-color:var(--wcs-light);--wcs-checkbox-text-color:var(--wcs-text-disabled)}.wcs-checkmark{transition:background-color 225ms cubic-bezier(0.17, 0.84, 0.44, 1), color 225ms cubic-bezier(0.17, 0.84, 0.44, 1)}.wcs-container{position:relative;font-size:1rem;user-select:none;font-weight:500;display:flex}.wcs-container:not([aria-disabled]){cursor:pointer}:host([label-alignment=top]) .wcs-container{align-items:start}:host([label-alignment=center]) .wcs-container{align-items:center}:host([label-alignment=bottom]) .wcs-container{align-items:flex-end}.wcs-container input{position:absolute;opacity:0;height:0;width:0}.wcs-container:hover:not([aria-disabled]),input:focus{--wcs-checkbox-border-color:var(--wcs-primary);--wcs-checkbox-text-color:var(--wcs-primary)}.wcs-checkmark{width:1.125rem;height:1.125rem;border:2px solid var(--wcs-checkbox-border-color);border-radius:3px}:host([indeterminate]) .wcs-checkmark{--wcs-checkbox-border-color:var(--wcs-primary);background:var(--wcs-primary)}.wcs-container:not([aria-disabled]) input:checked~.wcs-checkmark{background-color:var(--wcs-primary);--wcs-checkbox-border-color:var(--wcs-primary)}.wcs-container[aria-disabled] input:checked~.wcs-checkmark{background-color:var(--wcs-light);--wcs-checkbox-border-color:var(--wcs-light)}.wcs-checkmark:after{content:"";position:absolute;display:none}.wcs-container input:checked~.wcs-checkmark:after{display:flex}.wcs-container .wcs-checkmark:after{left:7px;width:5px;height:10px;border:solid var(--wcs-white, white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.wcs-container:not([aria-disabled]) input:checked~.text{--wcs-checkbox-text-color:var(--wcs-primary)}.text{color:var(--wcs-checkbox-text-color);margin-left:6px;font-weight:500;line-height:1.375}';export{o as wcs_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as e,h as t,H as r,g as a}from"./p-f46e6c3c.js";let i=class{constructor(t){o(this,t),this.wcsRadioClick=e(this,"wcsRadioClick",7),this.inputId="wcs-rb-"+s++,this.mode="radio",this.checked=!1,this.disabled=!1}componentWillLoad(){void 0===this.value&&(this.value=this.el.innerText||"")}componentDidLoad(){this.inputEl=this.el.shadowRoot.querySelector("input"),this.inputEl.addEventListener("change",(()=>{this.wcsRadioClick.emit({label:this.label,source:this.el,value:this.value}),this.checked=!0}))}render(){return t(r,{slot:"option"},t("input",{id:this.inputId,type:"radio",value:this.value,checked:this.checked,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,"aria-checked":`${this.checked}`}),t("label",{htmlFor:`${this.inputId}`},this.label))}get el(){return a(this)}},s=0;i.style=':host([mode=radio]) input,:host([mode=horizontal]) input{display:none}:host([mode=radio]) label,:host([mode=horizontal]) label{margin-bottom:0;color:var(--wcs-text-medium);background-color:transparent;font-weight:500 !important}:host([mode=radio]) label:before,:host([mode=horizontal]) label:before{border-radius:50%;border:2px solid var(--wcs-text-disabled);position:relative;width:1.125rem;height:1.125rem;pointer-events:none;content:"";background-color:var(--wcs-white)}:host([mode=radio]) label:after,:host([mode=horizontal]) label:after{transition:0.175s ease-in-out;position:relative;width:1.125rem;height:1.125rem;content:"";background:no-repeat 50%/50% 50%}:host([disabled]) label{color:var(--wcs-text-disabled)}:host(:not([disabled])) label{cursor:pointer}:host([mode=radio][checked]) label,:host([mode=horizontal][checked]) label{color:var(--wcs-primary)}:host([mode=radio][checked]) label:before,:host([mode=horizontal][checked]) label:before{border-color:var(--wcs-primary);background-color:var(--wcs-primary)}:host([mode=radio]:hover):not([disabled]) label,:host([mode=horizontal]:hover):not([disabled]) label{color:var(--wcs-primary)}:host([mode=radio]:hover):not([disabled]) label:before,:host([mode=horizontal]:hover):not([disabled]) label:before{border-color:var(--wcs-primary)}:host([mode=radio]) label{padding:0.125rem 0 0;border:none;transition:0.175s ease-in-out}:host([mode=radio]) label:before{transition:0.175s ease-in-out;margin-right:var(--wcs-base-margin);display:inline-block;top:3px;box-sizing:border-box}:host([mode=horizontal]) label:before{transition:background-color 0.175s ease-in-out;margin:auto auto var(--wcs-base-margin);display:block}:host([mode=option]){padding:var(--wcs-base-margin) calc(var(--wcs-base-margin) / 2);font-weight:500 !important}:host([mode=option]) input{position:absolute;z-index:-1;opacity:0;box-sizing:border-box;padding:0}:host([mode=option]) label{padding:5px calc(2 * var(--wcs-base-margin));margin-bottom:0;color:var(--wcs-white);white-space:nowrap;border-radius:0.4375rem}:host([mode=option][checked]) label{font-weight:500 !important;color:var(--wcs-primary);background-color:var(--wcs-white)}';export{i as wcs_radio}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,f as i,h as e,H as n,g as o}from"./p-f46e6c3c.js";import{l as r}from"./p-adef7aaf.js";function h(t){switch(t){case"asc":return 1;case"desc":return-1}}var a,l=new Uint8Array(16);function c(){if(!a&&!(a="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(l)}const d=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function u(t){return"string"==typeof t&&d.test(t)}for(var g=[],p=0;p<256;++p)g.push((p+256).toString(16).substr(1));function f(t,s,i){var e=(t=t||{}).random||(t.rng||c)();if(e[6]=15&e[6]|64,e[8]=63&e[8]|128,s){i=i||0;for(var n=0;n<16;++n)s[i+n]=e[n];return s}return function(t){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(g[t[s+0]]+g[t[s+1]]+g[t[s+2]]+g[t[s+3]]+"-"+g[t[s+4]]+g[t[s+5]]+"-"+g[t[s+6]]+g[t[s+7]]+"-"+g[t[s+8]]+g[t[s+9]]+"-"+g[t[s+10]]+g[t[s+11]]+g[t[s+12]]+g[t[s+13]]+g[t[s+14]]+g[t[s+15]]).toLowerCase();if(!u(i))throw TypeError("Stringified UUID is invalid");return i}(e)}let m=class{constructor(i){t(this,i),this.wcsGridSelectionChange=s(this,"wcsGridSelectionChange",7),this.wcsGridAllSelectionChange=s(this,"wcsGridAllSelectionChange",7),this.selectionConfig="none",this.selectedItems=[],this.rows=[]}onDataChange(t){this.updateGridRows(t)}onSelectedItemsPropertyChange(t){this.updateSelectionWithValues(t)}onHiddenColumnChange(){i(this)}updateSelectionWithValues(t){if("single"===this.selectionConfig){this.rows.map((t=>t.selected=!1));for(const s of this.rows)if(r.isEqual(s.data,t)){s.selected=!0;break}}else if("multiple"===this.selectionConfig){this.rows.map((t=>t.selected=!1));for(const s of this.rows)t.find((t=>r.isEqual(t,s.data)))&&(s.selected=!0)}this.rows=r.cloneDeep(this.rows)}wcsGridRowToWcsGridRowData(t){return{selected:t.selected,page:t.page,data:t.data}}updateGridRows(t){const s=[];if(t&&this.columns){for(let i=0;i<t.length;i++){const e={uuid:f(),data:t[i],selected:!1,cells:[]};for(const s of this.columns)e.cells.push({content:r.get(t[i],s.path),column:s,formatter:s.formatter});s.push(e)}this.rows=s,this.updatePageIndex()}}componentDidLoad(){this.columns=this.getGridColumnsFromTemplate(),this.paginationEl=this.wcsGridPaginationId?document.getElementById(this.wcsGridPaginationId):this.getGridPaginationsFromTemplate()[0],this.updateGridRows(this.data),this.selectedItems&&this.updateSelectionWithValues(this.selectedItems),this.applyInitialSortConfig()}applyInitialSortConfig(){const[t,...s]=this.columns.filter((t=>"none"!==t.sortOrder));null==s||s.forEach((t=>t.sortOrder="none")),t&&!this.serverMode&&this.sortBy(t)}getGridColumnsFromTemplate(){return this.el.shadowRoot.querySelector('slot[name="grid-column"]').assignedElements()}getGridPaginationsFromTemplate(){return this.el.shadowRoot.querySelector('slot[name="grid-pagination"]').assignedElements()}sortChangeEventHandler(t){"none"!==t.detail.order&&(this.columns.filter((s=>s!==t.detail.column)).forEach((t=>t.sortOrder="none")),this.serverMode||(this.sortBy(t.detail.column),this.updatePageIndex()))}sortBy(t){this.rows=t.sortFn?r.cloneDeep(this.rows).sort(((s,i)=>t.sortFn(s.data,i.data,t)*h(t.sortOrder))):r.cloneDeep(this.rows).sort(((s,i)=>{const e=t.path;return(r.get(s.data,e)<r.get(i.data,e)?-1:r.get(s.data,e)>r.get(i.data,e)?1:0)*h(t.sortOrder)}))}updatePageIndex(){if(!this.serverMode&&this.paginationEl){this.paginationEl.currentPage+1>this.paginationEl.pageCount&&(this.paginationEl.currentPage=this.paginationEl.pageCount-1),this.paginationEl.itemsCount=this.data.length,this.paginationEl.pageCount=Math.ceil(this.data.length/this.paginationEl.pageSize);const t=r.cloneDeep(this.rows);t.forEach(((t,s)=>t.page=Math.floor(s/this.paginationEl.pageSize))),this.rows=[...t]}}paginationChangeEventHandler(){this.onPaginationChange()}paginationChangeEventHandlerOutside(t){this.wcsGridPaginationId&&this.wcsGridPaginationId===t.target.id&&this.onPaginationChange()}onPaginationChange(){this.serverMode||this.updatePageIndex()}onRowSelection(t){"single"===this.selectionConfig&&this.rows.filter((s=>s.uuid!==t.uuid)).map((t=>t.selected=!1)),t.selected=!t.selected,("single"!==this.selectionConfig||t.selected)&&this.wcsGridSelectionChange.emit({row:this.wcsGridRowToWcsGridRowData(t)}),this.rows=r.cloneDeep(this.rows)}selectAllRows(){const t=this.getRowsForCurrentPage(),s=!this.allRowsAreSelected();t.map((t=>t.selected=s)),this.wcsGridAllSelectionChange.emit({rows:s?t.map((t=>this.wcsGridRowToWcsGridRowData(t))):[]}),this.rows=r.cloneDeep(this.rows)}allRowsAreSelected(){const t=this.getRowsForCurrentPage();return t.length>0&&t.filter((t=>t.selected)).length===t.length}getRowsForCurrentPage(){return this.paginationEl?this.rows.filter((t=>t.page===this.paginationEl.currentPage)):this.rows}renderSelectionColumn(t){switch(this.selectionConfig){case"none":return;case"single":return e("td",null,e("wcs-radio",{checked:t.selected,onClick:this.onRowSelection.bind(this,t)}));case"multiple":return e("td",null,e("wcs-checkbox",{checked:t.selected,onWcsChange:this.onRowSelection.bind(this,t)}))}}getCellContent(t,s){return s.formatter?s.formatter(e,s.column,this.wcsGridRowToWcsGridRowData(t)):s.content}totalColumnCount(){return this.columns?this.columns.length+("none"===this.selectionConfig?0:1):0}render(){var t;return e(n,null,e("table",null,e("thead",null,"none"===this.selectionConfig?"":e("th",{class:"wcs-grid-selection-column"},"single"===this.selectionConfig?"":e("wcs-checkbox",{checked:this.allRowsAreSelected(),onWcsChange:this.selectAllRows.bind(this)})),e("slot",{name:"grid-column"})),e("tbody",null,this.loading?e("tr",null,e("td",{colSpan:this.totalColumnCount(),class:"loading"},e("wcs-spinner",null))):null===(t=this.rows)||void 0===t?void 0:t.filter((t=>this.serverMode||!this.paginationEl||t.page===this.paginationEl.currentPage)).map((t=>this.renderRow(t))))),e("slot",{name:"grid-pagination"}))}renderRow(t){var s;return e("tr",{class:t.selected?"selected":""},this.renderSelectionColumn(t),null===(s=t.cells)||void 0===s?void 0:s.map((s=>{if(!s.column.hidden)return s.column.customCells?e("td",null,e("slot",{name:s.column.id+"-"+t.data[this.rowIdPath]})):e("td",{part:s.column.path+"-column"},this.getCellContent(t,s))})))}get el(){return o(this)}static get watchers(){return{data:["onDataChange"],selectedItems:["onSelectedItemsPropertyChange"]}}};m.style=":host{display:block;--wcs-grid-highlight-color:var(--wcs-light)}:host th{background-color:var(--wcs-light)}:host th:not(:first-child){border-left:solid 1px var(--wcs-text-light)}:host ::slotted([slot=grid-column]:first-child){--wcs-grid-column-border-left:none}:host table{width:100%;border-spacing:0}:host td{color:var(--wcs-gray-light);margin:0;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding)}:host tr:not(:last-child) td{border-bottom:solid 1px var(--wcs-text-light)}:host .wcs-grid-selection-column{padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);width:40px}:host tr.selected{background-color:var(--wcs-grid-highlight-color)}:host .loading{text-align:center}:host([selection]) ::slotted([slot=grid-column]:first-child){--wcs-grid-column-border-left:solid 1px var(--wcs-text-light) !important}";export{m as wcs_grid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as r,g as a}from"./p-f46e6c3c.js";import{d as e,i as o,f as h}from"./p-cf4d7a83.js";let n=class{constructor(s){t(this,s),this.wcsInput=i(this,"wcsInput",7),this.wcsChange=i(this,"wcsChange",7),this.wcsBlur=i(this,"wcsBlur",7),this.wcsFocus=i(this,"wcsFocus",7),this.inputId="wcs-input-"+d++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.clearInput=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.type="text",this.value="",this.onInput=t=>{const i=t.target;i&&(this.value=i.value||""),this.wcsInput.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChanged(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChanged(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onKeydown=t=>{this.shouldClearOnEdit()&&(this.didBlurAfterEdit&&this.hasValue()&&"Enter"!==t.key&&this.clearTextInput(),this.didBlurAfterEdit=!1)},this.clearTextInput=t=>{this.clearInput&&!this.readonly&&!this.disabled&&t&&(t.preventDefault(),t.stopPropagation(),this.setFocus()),this.value="",this.nativeInput&&(this.nativeInput.value="")}}debounceChanged(){this.wcsChange=e(this.wcsChange,this.debounce)}valueChanged(){var t;this.wcsChange.emit({value:null===(t=this.value)||void 0===t?void 0:t.toString()})}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title"])}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}shouldClearOnEdit(){const{type:t,clearOnEdit:i}=this;return void 0===i?"password"===t:i}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}focusChanged(){!this.hasFocus&&this.shouldClearOnEdit()&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return this.getValue().length>0}render(){const t=this.getValue(),i=this.inputId+"-lbl",a=h(this.el);return a&&(a.id=i),s(r,{"aria-disabled":this.disabled?"true":null,"data-has-prefix":!!this.prefixLabel,"data-has-suffix":!!this.suffixLabel},this.prefixLabel?s("span",{class:"prefix"},this.prefixLabel):null,this.icon?s("wcs-mat-icon",{icon:this.icon,size:"m"}):null,s("input",Object.assign({class:"native-input",ref:t=>this.nativeInput=t,"aria-labelledby":a?i:null,disabled:this.disabled,accept:this.accept,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown},this.inheritedAttributes)),this.suffixLabel?s("span",{class:"suffix"},this.suffixLabel):null)}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},d=0;n.style=":host{--wcs-input-icon-color:var(--wcs-text-medium);--wcs-internal-input-border-radius-left:var(--wcs-input-border-radius-left, var(--wcs-border-radius));--wcs-internal-input-border-radius-right:var(--wcs-input-border-radius-right, var(--wcs-border-radius));display:flex;width:100%;border-radius:var(--wcs-internal-input-border-radius-left) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host input{overflow:hidden;box-sizing:border-box;min-height:24px;width:100%;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host input:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:8px;margin-left:8px;margin-right:-8px}:host .prefix,:host .suffix{color:var(--wcs-white);display:flex;white-space:nowrap;align-items:center;padding:0 calc(var(--wcs-padding) / 2);font-weight:var(--wcs-font-weight-form-value) !important;background-color:var(--wcs-text-disabled)}:host .prefix{border-radius:var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);margin:-1px 0 -1px -1px;border-left:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent}:host .suffix{border-radius:0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;margin:-1px -1px -1px 0px;border-right:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent}:host([state=error]){border-color:var(--wcs-red) !important}:host([data-has-prefix]) input{padding-left:calc(var(--wcs-padding) / 2)}:host([data-has-suffix]) input{padding-left:calc(var(--wcs-padding) / 2)}:host([disabled]) input{color:var(--wcs-text-disabled)}:host([disabled]) .prefix,:host([disabled]) .suffix{color:var(--wcs-light)}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) .prefix{border-left:solid 1px var(--wcs-primary);border-top:solid 1px var(--wcs-primary);border-bottom:solid 1px var(--wcs-primary)}:host(:focus-within) .suffix{border-right:solid 1px var(--wcs-primary);border-top:solid 1px var(--wcs-primary);border-bottom:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{n as wcs_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as s,g as i}from"./p-f46e6c3c.js";import{S as r}from"./p-7219c04b.js";import{c as e}from"./p-cf4d7a83.js";import{c as p}from"./p-d3c9a644.js";let a=class{constructor(o){t(this,o),this.noArrow=!1,this.mode="stroked",this.shape="normal",this.disabled=!1,this.placement="bottom-end",this.expanded=!1}placementChange(){this.popper.setOptions(Object.assign(Object.assign({},this.popper.state.options),{placement:this.placement})).then((()=>this.popper.update()))}componentDidLoad(){const t=this.el.shadowRoot.querySelector("wcs-button"),o=t.shadowRoot.querySelector("button");this.buttonTextColor=window.getComputedStyle(o).color;const s=this.el.shadowRoot.querySelector(".popover");this.popper=p(t,s,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]}),this.el.shadowRoot.querySelector(".arrow").style.fill=this.buttonTextColor,this.fixForFirefoxBelow63()}fixForFirefoxBelow63(){const t=this.el.querySelectorAll("wcs-dropdown-item"),o=this.el.querySelector(".container");t.length>0&&o&&t.forEach((t=>{this.el.removeChild(t),o.appendChild(t)}))}onButtonClick(t){this.expanded=!this.expanded}onWindowClickEvent(t){const o=e(t,this.el);this.expanded&&!o&&(this.expanded=!1)}dropdownItemClick(t){this.expanded=!1}componentDidRender(){this.popper&&this.popper.update(),this.noArrow||(this.el.shadowRoot.querySelector(".arrow").style.fill=this.buttonTextColor)}render(){return o(s,null,o("wcs-button",{mode:this.mode,shape:this.shape,disabled:this.disabled,onClick:t=>this.onButtonClick(t)},o("div",{class:"wcs-button-content-wrapper"},o("slot",{name:"placeholder"}),this.noArrow?null:o(r,{up:this.expanded}))),o("div",{class:(this.expanded?"show ":"")+"popover"},o("div",{id:"arrow","data-popper-arrow":!0}),o("div",{class:"container"},o("slot",{name:"item"}))))}get el(){return i(this)}static get watchers(){return{placement:["placementChange"]}}};a.style=':host{display:flex}wcs-button{--wcs-button-padding:8px 10px 8px 16px !important}:host([no-arrow]) wcs-button{--wcs-button-padding:8px 16px 8px 16px !important}:host([shape=small]) wcs-button{--wcs-button-padding:2px 10px 2px 16px !important}:host([shape=small][no-arrow]) wcs-button{--wcs-button-padding:2px 16px 2px 16px !important}.wcs-button-content-wrapper{display:flex}.popover{display:none;border:1px solid #d7d7d7;border-radius:var(--wcs-border-radius);background-color:var(--wcs-white);z-index:9999}.show{display:block}.container{border-radius:inherit;overflow:hidden;padding:calc(var(--wcs-padding) / 2) 0;background-color:var(--wcs-white)}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit;border:solid 1px #d7d7d7}#arrow{visibility:hidden;z-index:-1}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.popover[data-popper-placement^=top]>#arrow{bottom:-5px}.popover[data-popper-placement^=bottom]>#arrow{top:-6px}.popover[data-popper-placement^=left]>#arrow{right:-4px}.popover[data-popper-placement^=right]>#arrow{left:-6px}';export{a as wcs_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as s,H as a}from"./p-f46e6c3c.js";let c=class{constructor(s){r(this,s)}render(){return s(a,{slot:"item"})}};c.style=":host{display:block;margin:var(--wcs-base-margin) calc(var(--wcs-base-margin) * 2);overflow:hidden;border-top:1px solid var(--wcs-text-light);width:calc(100% - var(--wcs-base-margin) * 4)}";export{c as wcs_dropdown_divider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as t,H as r,g as e}from"./p-f46e6c3c.js";let i=class{constructor(t){s(this,t)}render(){return t(r,{slot:"error"},t("slot",null))}};i.style=":host{margin-top:0.25rem;color:var(--wcs-red)}";let o=class{constructor(t){s(this,t),this.isError=!1,this.hasPrefix=!1,this.hasSuffix=!1}componentWillLoad(){this.hasSuffix=null!==this.el.querySelector("wcs-button"),this.hasPrefix=null!==this.el.querySelector("wcs-select")}componentDidLoad(){this.initSpiedElement(),this.addRequiredMarkerToLabel(),this.updateErrorStateOnInput(this.isError)}isErrorChange(s){this.updateErrorStateOnInput(s)}updateErrorStateOnInput(s){this.spiedElementIsOfType("wcs-input","wcs-textarea")&&this.spiedElement.setAttribute("state",s?"error":"initial")}spiedElementIsOfType(...s){var t;for(const r of s)if((null===(t=this.spiedElement)||void 0===t?void 0:t.tagName)===r.toUpperCase())return!0;return!1}addRequiredMarkerToLabel(){var s;const t=this.el.querySelector("wcs-label");this.observer=new MutationObserver((s=>{var r;s.filter((s=>"required"===s.attributeName))[0]&&this.updateLabelRequiredFlag(null===(r=this.spiedElement)||void 0===r?void 0:r.hasAttribute("required"),t)})),this.spiedElement&&this.observer.observe(this.spiedElement,{attributes:!0});const r=null===(s=this.spiedElement)||void 0===s?void 0:s.hasAttribute("required");this.updateLabelRequiredFlag(r,t)}initSpiedElement(){var s,t;const r=["wcs-input","wcs-select","wcs-textarea","wcs-radio-group","wcs-switch","wcs-checkbox"];this.spiedElement=null===(s=this.el.shadowRoot.querySelector("slot:not([name])"))||void 0===s?void 0:s.assignedElements().filter((s=>-1!==[...r,"SLOT"].map((s=>s.toUpperCase())).indexOf(s.nodeName)))[0],"SLOT"===(null===(t=this.spiedElement)||void 0===t?void 0:t.tagName)&&(this.spiedElement=this.spiedElement.assignedElements().filter((s=>-1!==r.map((s=>s.toUpperCase())).indexOf(s.nodeName)))[0]),this.spiedElement||console.warn("Form-field component support only "+r.toString()+". Some features may not work with the provided component.")}updateLabelRequiredFlag(s,t){s&&t?t.setAttribute("required","true"):!s&&t&&t.removeAttribute("required")}disconnectedCallback(){this.observer.disconnect()}render(){let s="";const e=this.isError;return this.hasSuffix&&(s+=" has-suffix"),this.hasPrefix&&(s+=" has-prefix"),t(r,{class:s},t("slot",{name:"label"}),t("div",{class:"input-container"},t("slot",{name:"prefix"}),t("slot",{onSlotchange:()=>this.onFormInputSlotChange()}),t("slot",{name:"suffix"})),e?t("slot",{name:"error"}):"",t("slot",{name:"messages"}))}onFormInputSlotChange(){this.initSpiedElement(),this.addRequiredMarkerToLabel(),this.updateErrorStateOnInput(this.isError)}get el(){return e(this)}static get watchers(){return{isError:["isErrorChange"]}}};o.style=":host{--wcs-form-field-border-radius-left:var(--wcs-border-radius);--wcs-form-field-border-radius-right:var(--wcs-border-radius);display:flex;flex-direction:column}.input-container{display:flex}::slotted(wcs-radio-group){margin-left:var(--wcs-base-margin)}::slotted(wcs-radio-group[mode=option]){margin-left:0}::slotted(wcs-select:not([slot=prefix])){width:100%}::slotted(label){font-weight:500;margin-bottom:8px}:host(.has-prefix){--wcs-input-border-radius-left:0}:host(.has-suffix){--wcs-input-border-radius-right:0}::slotted([slot=prefix]){--wcs-select-border-radius:var(--wcs-border-radius) 0 0 var(--wcs-border-radius);--wcs-select-background-color:var(--wcs-gray-light);--wcs-select-value-color:var(--wcs-white);--wcs-select-placeholder-color:var(--wcs-white);--wcs-select-border-color:var(--wcs-gray-light)}::slotted([slot=suffix]){--wcs-button-border-radius:0 var(--wcs-border-radius) var(--wcs-border-radius) 0}";export{i as wcs_error,o as wcs_form_field}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as t,r,c as i,H as e,g as n}from"./p-f46e6c3c.js";import{l as o}from"./p-adef7aaf.js";import{S as s}from"./p-7219c04b.js";import{
|
|
1
|
+
import{h as t,r,c as i,H as e,g as n}from"./p-f46e6c3c.js";import{l as o}from"./p-adef7aaf.js";import{S as s}from"./p-7219c04b.js";import{b as c}from"./p-cf4d7a83.js";import{M as a}from"./p-16dfbae8.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e){return"clientWidth"in e&&"clientHeight"in e}function n(e){return!!e.shadowRoot&&!!e.attachShadow}const t=(e,n)=>{const t=e._original||e;return{_original:e,emit:i(t.emit.bind(t),n)}},i=(e,n=0)=>{let t;return(...i)=>{clearTimeout(t),t=setTimeout(e,n,...i)}},o=(e,n=[])=>{const t={};return n.forEach((n=>{e.hasAttribute(n)&&(null!==e.getAttribute(n)&&(t[n]=e.getAttribute(n)),e.removeAttribute(n))})),t},r=e=>{const n=e.closest("wcs-form-field");return n?n.querySelector("wcs-label"):null},s=e=>"function"==typeof __zone_symbol__requestAnimationFrame?__zone_symbol__requestAnimationFrame(e):"function"==typeof requestAnimationFrame?requestAnimationFrame(e):setTimeout(e),a=(e,n)=>e.x>=n.getBoundingClientRect().x&&e.x<=n.getBoundingClientRect().x+n.getBoundingClientRect().width&&e.y>=n.getBoundingClientRect().y&&e.y<=n.getBoundingClientRect().y+n.getBoundingClientRect().height,u=(e,n)=>e.target instanceof Node&&n.contains(e.target);export{a,e as b,u as c,t as d,r as f,n as h,o as i,s as r}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t="top",n="bottom",e="right",r="left",o=[t,n,e,r],i=o.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),a=[].concat(o,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),u=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function f(t){return t?(t.nodeName||"").toLowerCase():null}function c(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function p(t){return t instanceof c(t).Element||t instanceof Element}function d(t){return t instanceof c(t).HTMLElement||t instanceof HTMLElement}function s(t){return"undefined"!=typeof ShadowRoot&&(t instanceof c(t).ShadowRoot||t instanceof ShadowRoot)}const l={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];d(o)&&f(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});d(r)&&f(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]};function v(t){return t.split("-")[0]}var b=Math.round;function h(t,n){void 0===n&&(n=!1);var e=t.getBoundingClientRect(),r=1,o=1;return d(t)&&n&&(r=e.width/t.offsetWidth||1,o=e.height/t.offsetHeight||1),{width:b(e.width/r),height:b(e.height/o),top:b(e.top/o),right:b(e.right/r),bottom:b(e.bottom/o),left:b(e.left/r),x:b(e.left/r),y:b(e.top/o)}}function m(t){var n=h(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function y(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&s(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function w(t){return c(t).getComputedStyle(t)}function O(t){return["table","td","th"].indexOf(f(t))>=0}function g(t){return((p(t)?t.ownerDocument:t.document)||window.document).documentElement}function x(t){return"html"===f(t)?t:t.assignedSlot||t.parentNode||(s(t)?t.host:null)||g(t)}function j(t){return d(t)&&"fixed"!==w(t).position?t.offsetParent:null}function M(t){for(var n=c(t),e=j(t);e&&O(e)&&"static"===w(e).position;)e=j(e);return e&&("html"===f(e)||"body"===f(e)&&"static"===w(e).position)?n:e||function(t){var n=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&d(t)&&"fixed"===w(t).position)return null;for(var e=x(t);d(e)&&["html","body"].indexOf(f(e))<0;){var r=w(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function k(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var E=Math.max,q=Math.min,B=Math.round;function P(t,n,e){return E(t,q(n,e))}function R(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function S(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function L(o){var i,a=o.popper,u=o.popperRect,f=o.placement,p=o.offsets,d=o.position,s=o.gpuAcceleration,l=o.adaptive,v=o.roundOffsets,b=!0===v?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:B(B(t.x*e)/e)||0,y:B(B(n*e)/e)||0}}(p):"function"==typeof v?v(p):p,h=b.x,m=void 0===h?0:h,y=b.y,O=void 0===y?0:y,x=p.hasOwnProperty("x"),j=p.hasOwnProperty("y"),k=r,E=t,q=window;if(l){var P=M(a),R="clientHeight",S="clientWidth";P===c(a)&&"static"!==w(P=g(a)).position&&(R="scrollHeight",S="scrollWidth"),P=P,f===t&&(E=n,O-=P[R]-u.height,O*=s?1:-1),f===r&&(k=e,m-=P[S]-u.width,m*=s?1:-1)}var L,T=Object.assign({position:d},l&&W);return Object.assign({},T,s?((L={})[E]=j?"0":"",L[k]=x?"0":"",L.transform=(q.devicePixelRatio||1)<2?"translate("+m+"px, "+O+"px)":"translate3d("+m+"px, "+O+"px, 0)",L):((i={})[E]=j?O+"px":"",i[k]=x?m+"px":"",i.transform="",i))}var T={passive:!0},H={left:"right",right:"left",bottom:"top",top:"bottom"};function I(t){return t.replace(/left|right|bottom|top/g,(function(t){return H[t]}))}var A={start:"end",end:"start"};function z(t){return t.replace(/start|end/g,(function(t){return A[t]}))}function C(t){var n=c(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function D(t){return h(g(t)).left+C(t).scrollLeft}function U(t){var n=w(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function V(t){return["html","body","#document"].indexOf(f(t))>=0?t.ownerDocument.body:d(t)&&U(t)?t:V(x(t))}function _(t,n){var e;void 0===n&&(n=[]);var r=V(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=c(r),a=o?[i].concat(i.visualViewport||[],U(r)?r:[]):r,u=n.concat(a);return o?u:u.concat(_(x(a)))}function F(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function G(t,n){return"viewport"===n?F(function(t){var n=c(t),e=g(t),r=n.visualViewport,o=e.clientWidth,i=e.clientHeight,a=0,u=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,u=r.offsetTop)),{width:o,height:i,x:a+D(t),y:u}}(t)):d(n)?function(t){var n=h(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):F(function(t){var n,e=g(t),r=C(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=E(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=E(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),u=-r.scrollLeft+D(t),f=-r.scrollTop;return"rtl"===w(o||e).direction&&(u+=E(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:u,y:f}}(g(t)))}function J(t){return t.split("-")[1]}function K(o){var i,a=o.reference,u=o.element,f=o.placement,c=f?v(f):null,p=f?J(f):null,d=a.x+a.width/2-u.width/2,s=a.y+a.height/2-u.height/2;switch(c){case t:i={x:d,y:a.y-u.height};break;case n:i={x:d,y:a.y+a.height};break;case e:i={x:a.x+a.width,y:s};break;case r:i={x:a.x-u.width,y:s};break;default:i={x:a.x,y:a.y}}var l=c?k(c):null;if(null!=l){var b="y"===l?"height":"width";switch(p){case"start":i[l]=i[l]-(a[b]/2-u[b]/2);break;case"end":i[l]=i[l]+(a[b]/2-u[b]/2)}}return i}function N(r,i){void 0===i&&(i={});var a=i.placement,u=void 0===a?r.placement:a,c=i.boundary,s=void 0===c?"clippingParents":c,l=i.rootBoundary,v=void 0===l?"viewport":l,b=i.elementContext,m=void 0===b?"popper":b,O=i.altBoundary,j=void 0!==O&&O,k=i.padding,B=void 0===k?0:k,P=R("number"!=typeof B?B:S(B,o)),W=r.elements.reference,L=r.rects.popper,T=r.elements[j?"popper"===m?"reference":"popper":m],H=function(t,n,e){var r="clippingParents"===n?function(t){var n=_(x(t)),e=["absolute","fixed"].indexOf(w(t).position)>=0&&d(t)?M(t):t;return p(e)?n.filter((function(t){return p(t)&&y(t,e)&&"body"!==f(t)})):[]}(t):[].concat(n),o=[].concat(r,[e]),i=o.reduce((function(n,e){var r=G(t,e);return n.top=E(r.top,n.top),n.right=q(r.right,n.right),n.bottom=q(r.bottom,n.bottom),n.left=E(r.left,n.left),n}),G(t,o[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(p(T)?T:T.contextElement||g(r.elements.popper),s,v),I=h(W),A=K({reference:I,element:L,strategy:"absolute",placement:u}),z=F(Object.assign({},L,A)),C="popper"===m?z:I,D={top:H.top-C.top+P.top,bottom:C.bottom-H.bottom+P.bottom,left:H.left-C.left+P.left,right:C.right-H.right+P.right},U=r.modifiersData.offset;if("popper"===m&&U){var V=U[u];Object.keys(D).forEach((function(r){var o=[e,n].indexOf(r)>=0?1:-1,i=[t,n].indexOf(r)>=0?"y":"x";D[r]+=V[i]*o}))}return D}function Q(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,u=n.padding,f=n.flipVariations,c=n.allowedAutoPlacements,p=void 0===c?a:c,d=J(n.placement),s=d?f?i:i.filter((function(t){return J(t)===d})):o,l=s.filter((function(t){return p.indexOf(t)>=0}));0===l.length&&(l=s);var b=l.reduce((function(n,o){return n[o]=N(t,{placement:o,boundary:e,rootBoundary:r,padding:u})[v(o)],n}),{});return Object.keys(b).sort((function(t,n){return b[t]-b[n]}))}function X(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Y(o){return[t,e,n,r].some((function(t){return o[t]>=0}))}function Z(t,n,e){void 0===e&&(e=!1);var r,o,i=d(n),a=d(n)&&function(t){var n=t.getBoundingClientRect();return 1!==(n.width/t.offsetWidth||1)||1!==(n.height/t.offsetHeight||1)}(n),u=g(n),p=h(t,a),s={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!e)&&(("body"!==f(n)||U(u))&&(s=(r=n)!==c(r)&&d(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:C(r)),d(n)?((l=h(n,!0)).x+=n.clientLeft,l.y+=n.clientTop):u&&(l.x=D(u))),{x:p.left+s.scrollLeft-l.x,y:p.top+s.scrollTop-l.y,width:p.width,height:p.height}}function $(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}var tt={placement:"bottom",modifiers:[],strategy:"absolute"};function nt(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function et(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?tt:r;return function(t,n,r){void 0===r&&(r=o);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},tt,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},c=[],d=!1,s={state:f,setOptions:function(r){l(),f.options=Object.assign({},o,f.options,r),f.scrollParents={reference:p(t)?_(t):t.contextElement?_(t.contextElement):[],popper:_(n)};var i,a,d=function(t){var n=$(t);return u.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((i=[].concat(e,f.options.modifiers),a=i.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(a).map((function(t){return a[t]}))));return f.orderedModifiers=d.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:f,name:t.name,instance:s,options:void 0===n?{}:n});c.push(r||function(){})}})),s.update()},forceUpdate:function(){if(!d){var t=f.elements,n=t.reference,e=t.popper;if(nt(n,e)){f.rects={reference:Z(n,M(e),"fixed"===f.options.strategy),popper:m(e)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<f.orderedModifiers.length;r++)if(!0!==f.reset){var o=f.orderedModifiers[r],i=o.fn,a=o.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:o.name,instance:s})||f)}else f.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){s.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){l(),d=!0}};if(!nt(t,n))return s;function l(){c.forEach((function(t){return t()})),c=[]}return s.setOptions(r).then((function(t){!d&&r.onFirstUpdate&&r.onFirstUpdate(t)})),s}}var rt=et({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,a=r.resize,u=void 0===a||a,f=c(n.elements.popper),p=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&p.forEach((function(t){t.addEventListener("scroll",e.update,T)})),u&&f.addEventListener("resize",e.update,T),function(){i&&p.forEach((function(t){t.removeEventListener("scroll",e.update,T)})),u&&f.removeEventListener("resize",e.update,T)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=K({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,a=void 0===i||i,u=e.roundOffsets,f=void 0===u||u,c={placement:v(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,L(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,L(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},l,{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var o=n.state,i=n.name,u=n.options.offset,f=void 0===u?[0,0]:u,c=a.reduce((function(n,i){return n[i]=function(n,o,i){var a=v(n),u=[r,t].indexOf(a)>=0?-1:1,f="function"==typeof i?i(Object.assign({},o,{placement:n})):i,c=f[0],p=f[1];return c=c||0,p=(p||0)*u,[r,e].indexOf(a)>=0?{x:p,y:c}:{x:c,y:p}}(i,o.rects,f),n}),{}),p=c[o.placement],d=p.y;null!=o.modifiersData.popperOffsets&&(o.modifiersData.popperOffsets.x+=p.x,o.modifiersData.popperOffsets.y+=d),o.modifiersData[i]=c}},{name:"flip",enabled:!0,phase:"main",fn:function(o){var i=o.state,a=o.options,u=o.name;if(!i.modifiersData[u]._skip){for(var f=a.mainAxis,c=void 0===f||f,p=a.altAxis,d=void 0===p||p,s=a.fallbackPlacements,l=a.padding,b=a.boundary,h=a.rootBoundary,m=a.altBoundary,y=a.flipVariations,w=void 0===y||y,O=a.allowedAutoPlacements,g=i.options.placement,x=v(g),j=s||(x!==g&&w?function(t){if("auto"===v(t))return[];var n=I(t);return[z(t),n,z(n)]}(g):[I(g)]),M=[g].concat(j).reduce((function(t,n){return t.concat("auto"===v(n)?Q(i,{placement:n,boundary:b,rootBoundary:h,padding:l,flipVariations:w,allowedAutoPlacements:O}):n)}),[]),k=i.rects.reference,E=i.rects.popper,q=new Map,B=!0,P=M[0],R=0;R<M.length;R++){var S=M[R],W=v(S),L="start"===J(S),T=[t,n].indexOf(W)>=0,H=T?"width":"height",A=N(i,{placement:S,boundary:b,rootBoundary:h,altBoundary:m,padding:l}),C=T?L?e:r:L?n:t;k[H]>E[H]&&(C=I(C));var D=I(C),U=[];if(c&&U.push(A[W]<=0),d&&U.push(A[C]<=0,A[D]<=0),U.every((function(t){return t}))){P=S,B=!1;break}q.set(S,U)}if(B)for(var V=function(t){var n=M.find((function(n){var e=q.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return P=n,"break"},_=w?3:1;_>0&&"break"!==V(_);_--);i.placement!==P&&(i.modifiersData[u]._skip=!0,i.placement=P,i.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(o){var i=o.state,a=o.options,u=o.name,f=a.mainAxis,c=void 0===f||f,p=a.altAxis,d=void 0!==p&&p,s=a.tether,l=void 0===s||s,b=a.tetherOffset,h=void 0===b?0:b,y=N(i,{boundary:a.boundary,rootBoundary:a.rootBoundary,padding:a.padding,altBoundary:a.altBoundary}),w=v(i.placement),O=J(i.placement),g=!O,x=k(w),j="x"===x?"y":"x",B=i.modifiersData.popperOffsets,R=i.rects.reference,S=i.rects.popper,W="function"==typeof h?h(Object.assign({},i.rects,{placement:i.placement})):h,L={x:0,y:0};if(B){if(c||d){var T="y"===x?t:r,H="y"===x?n:e,I="y"===x?"height":"width",A=B[x],z=B[x]+y[T],C=B[x]-y[H],D=l?-S[I]/2:0,U="start"===O?R[I]:S[I],V="start"===O?-S[I]:-R[I],_=i.elements.arrow,F=l&&_?m(_):{width:0,height:0},G=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},K=G[T],Q=G[H],X=P(0,R[I],F[I]),Y=g?R[I]/2-D-X-K-W:U-X-K-W,Z=g?-R[I]/2+D+X+Q+W:V+X+Q+W,$=i.elements.arrow&&M(i.elements.arrow),tt=i.modifiersData.offset?i.modifiersData.offset[i.placement][x]:0,nt=B[x]+Y-tt-($?"y"===x?$.clientTop||0:$.clientLeft||0:0),et=B[x]+Z-tt;if(c){var rt=P(l?q(z,nt):z,A,l?E(C,et):C);B[x]=rt,L[x]=rt-A}if(d){var ot=B[j],it=ot+y["x"===x?t:r],at=ot-y["x"===x?n:e],ut=P(l?q(it,nt):it,ot,l?E(at,et):at);B[j]=ut,L[j]=ut-ot}}i.modifiersData[u]=L}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(i){var a,u=i.state,f=i.name,c=i.options,p=u.elements.arrow,d=u.modifiersData.popperOffsets,s=v(u.placement),l=k(s),b=[r,e].indexOf(s)>=0?"height":"width";if(p&&d){var h=function(t,n){return R("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:S(t,o))}(c.padding,u),y=m(p),w="y"===l?t:r,O="y"===l?n:e,g=u.rects.reference[b]+u.rects.reference[l]-d[l]-u.rects.popper[b],x=d[l]-u.rects.reference[l],j=M(p),E=j?"y"===l?j.clientHeight||0:j.clientWidth||0:0,q=E/2-y[b]/2+(g/2-x/2),B=P(h[w],q,E-y[b]-h[O]);u.modifiersData[f]=((a={})[l]=B,a.centerOffset=B-q,a)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&y(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,a=N(n,{elementContext:"reference"}),u=N(n,{altBoundary:!0}),f=X(a,r),c=X(u,o,i),p=Y(f),d=Y(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]});export{l as a,rt as c}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{r as n,h as t,H as e,g as o}from"./p-f46e6c3c.js";import{a as i,c as r}from"./p-d3c9a644.js";
|
|
2
|
+
/**!
|
|
3
|
+
* tippy.js v6.3.7
|
|
4
|
+
* (c) 2017-2021 atomiks
|
|
5
|
+
* MIT License
|
|
6
|
+
*/var u={passive:!0,capture:!0},a=function(){return document.body};function c(n,t,e){if(Array.isArray(n)){var o=n[t];return null==o?Array.isArray(e)?e[t]:e:o}return n}function f(n,t){var e={}.toString.call(n);return 0===e.indexOf("[object")&&e.indexOf(t+"]")>-1}function s(n,t){return"function"==typeof n?n.apply(void 0,t):n}function d(n,t){return 0===t?n:function(o){clearTimeout(e),e=setTimeout((function(){n(o)}),t)};var e}function p(n){return[].concat(n)}function l(n,t){-1===n.indexOf(t)&&n.push(t)}function v(n){return[].slice.call(n)}function m(n){return Object.keys(n).reduce((function(t,e){return void 0!==n[e]&&(t[e]=n[e]),t}),{})}function h(){return document.createElement("div")}function b(n){return["Element","Fragment"].some((function(t){return f(n,t)}))}function y(n,t){n.forEach((function(n){n&&(n.style.transitionDuration=t+"ms")}))}function g(n,t){n.forEach((function(n){n&&n.setAttribute("data-state",t)}))}function w(n,t,e){var o=t+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(t){n[o](t,e)}))}function O(n,t){for(var e=t;e;){var o;if(n.contains(e))return!0;e=null==e.getRootNode||null==(o=e.getRootNode())?void 0:o.host}return!1}var j={isTouch:!1},T=0;function x(){j.isTouch||(j.isTouch=!0,window.performance&&document.addEventListener("mousemove",k))}function k(){var n=performance.now();n-T<20&&(j.isTouch=!1,document.removeEventListener("mousemove",k)),T=n}function C(){var n,t=document.activeElement;(n=t)&&n._tippy&&n._tippy.reference===n&&t.blur&&!t._tippy.state.isVisible&&t.blur()}var A=!("undefined"==typeof window||"undefined"==typeof document||!window.msCrypto),P=Object.assign({appendTo:a,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},{animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),S=Object.keys(P);function U(n){var t=(n.plugins||[]).reduce((function(t,e){var o,i=e.name;return i&&(t[i]=void 0!==n[i]?n[i]:null!=(o=P[i])?o:e.defaultValue),t}),{});return Object.assign({},n,t)}function H(n,t){var e=Object.assign({},t,{content:s(t.content,[n])},t.ignoreAttributes?{}:function(n,t){return(t?Object.keys(U(Object.assign({},P,{plugins:t}))):S).reduce((function(t,e){var o=(n.getAttribute("data-tippy-"+e)||"").trim();if(!o)return t;if("content"===e)t[e]=o;else try{t[e]=JSON.parse(o)}catch(n){t[e]=o}return t}),{})}(n,t.plugins));return e.aria=Object.assign({},P.aria,e.aria),e.aria={expanded:"auto"===e.aria.expanded?t.interactive:e.aria.expanded,content:"auto"===e.aria.content?t.interactive?null:"describedby":e.aria.content},e}function W(n,t){n.innerHTML=t}function B(n){var t=h();return!0===n?t.className="tippy-arrow":(t.className="tippy-svg-arrow",b(n)?t.appendChild(n):W(t,n)),t}function E(n,t){b(t.content)?(W(n,""),n.appendChild(t.content)):"function"!=typeof t.content&&(t.allowHTML?W(n,t.content):n.textContent=t.content)}function F(n){var t=n.firstElementChild,e=v(t.children);return{box:t,content:e.find((function(n){return n.classList.contains("tippy-content")})),arrow:e.find((function(n){return n.classList.contains("tippy-arrow")||n.classList.contains("tippy-svg-arrow")})),backdrop:e.find((function(n){return n.classList.contains("tippy-backdrop")}))}}function M(n){var t=h(),e=h();e.className="tippy-box",e.setAttribute("data-state","hidden"),e.setAttribute("tabindex","-1");var o=h();function i(e,o){var i=F(t),r=i.box,u=i.content,a=i.arrow;o.theme?r.setAttribute("data-theme",o.theme):r.removeAttribute("data-theme"),"string"==typeof o.animation?r.setAttribute("data-animation",o.animation):r.removeAttribute("data-animation"),o.inertia?r.setAttribute("data-inertia",""):r.removeAttribute("data-inertia"),r.style.maxWidth="number"==typeof o.maxWidth?o.maxWidth+"px":o.maxWidth,o.role?r.setAttribute("role",o.role):r.removeAttribute("role"),e.content===o.content&&e.allowHTML===o.allowHTML||E(u,n.props),o.arrow?a?e.arrow!==o.arrow&&(r.removeChild(a),r.appendChild(B(o.arrow))):r.appendChild(B(o.arrow)):a&&r.removeChild(a)}return o.className="tippy-content",o.setAttribute("data-state","hidden"),E(o,n.props),t.appendChild(e),e.appendChild(o),i(n.props,n.props),{popper:t,onUpdate:i}}M.$$tippy=!0;var D=1,L=[],R=[];function q(n,t){var e,o,i,b,T,x,k,C,S=H(n,Object.assign({},P,U(m(t)))),W=!1,B=!1,E=!1,M=!1,q=[],I=d(gn,S.interactiveDebounce),N=D++,$=(C=S.plugins).filter((function(n,t){return C.indexOf(n)===t})),z={id:N,reference:n,popper:h(),popperInstance:null,props:S,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:$,clearDelayTimeouts:function(){clearTimeout(e),clearTimeout(o),cancelAnimationFrame(i)},setProps:function(t){if(!z.state.isDestroyed){rn("onBeforeUpdate",[z,t]),bn();var e=z.props,o=H(n,Object.assign({},e,m(t),{ignoreAttributes:!0}));z.props=o,hn(),e.interactiveDebounce!==o.interactiveDebounce&&(cn(),I=d(gn,o.interactiveDebounce)),e.triggerTarget&&!o.triggerTarget?p(e.triggerTarget).forEach((function(n){n.removeAttribute("aria-expanded")})):o.triggerTarget&&n.removeAttribute("aria-expanded"),an(),on(),_&&_(e,o),z.popperInstance&&(Tn(),kn().forEach((function(n){requestAnimationFrame(n._tippy.popperInstance.forceUpdate)}))),rn("onAfterUpdate",[z,t])}},setContent:function(n){z.setProps({content:n})},show:function(){var n=z.state.isVisible,t=z.state.isDestroyed,e=!z.state.isEnabled,o=j.isTouch&&!z.props.touch,i=c(z.props.duration,0,P.duration);if(!(n||t||e||o||Z().hasAttribute("disabled")||(rn("onShow",[z],!1),!1===z.props.onShow(z)))){if(z.state.isVisible=!0,Y()&&(V.style.visibility="visible"),on(),pn(),z.state.isMounted||(V.style.transition="none"),Y()){var r=tn();y([r.box,r.content],0)}var u,f,d;x=function(){var n;if(z.state.isVisible&&!M){if(M=!0,V.style.transition=z.props.moveTransition,Y()&&z.props.animation){var t=tn(),e=t.box,o=t.content;y([e,o],i),g([e,o],"visible")}un(),an(),l(R,z),null==(n=z.popperInstance)||n.forceUpdate(),rn("onMount",[z]),z.props.animation&&Y()&&function(n){vn(n,(function(){z.state.isShown=!0,rn("onShown",[z])}))}(i)}},f=z.props.appendTo,d=Z(),(u=z.props.interactive&&f===a||"parent"===f?d.parentNode:s(f,[d])).contains(V)||u.appendChild(V),z.state.isMounted=!0,Tn()}},hide:function(){var n=!z.state.isVisible,t=z.state.isDestroyed,e=!z.state.isEnabled,o=c(z.props.duration,1,P.duration);if(!(n||t||e)&&(rn("onHide",[z],!1),!1!==z.props.onHide(z))){if(z.state.isVisible=!1,z.state.isShown=!1,M=!1,W=!1,Y()&&(V.style.visibility="hidden"),cn(),ln(),on(!0),Y()){var i=tn(),r=i.box,u=i.content;z.props.animation&&(y([r,u],o),g([r,u],"hidden"))}un(),an(),z.props.animation?Y()&&function(n,t){vn(n,(function(){!z.state.isVisible&&V.parentNode&&V.parentNode.contains(V)&&t()}))}(o,z.unmount):z.unmount()}},hideWithInteractivity:function(n){nn().addEventListener("mousemove",I),l(L,I),I(n)},enable:function(){z.state.isEnabled=!0},disable:function(){z.hide(),z.state.isEnabled=!1},unmount:function(){z.state.isVisible&&z.hide(),z.state.isMounted&&(xn(),kn().forEach((function(n){n._tippy.unmount()})),V.parentNode&&V.parentNode.removeChild(V),R=R.filter((function(n){return n!==z})),z.state.isMounted=!1,rn("onHidden",[z]))},destroy:function(){z.state.isDestroyed||(z.clearDelayTimeouts(),z.unmount(),bn(),delete n._tippy,z.state.isDestroyed=!0,rn("onDestroy",[z]))}};if(!S.render)return z;var J=S.render(z),V=J.popper,_=J.onUpdate;V.setAttribute("data-tippy-root",""),V.id="tippy-"+z.id,z.popper=V,n._tippy=z,V._tippy=z;var G=$.map((function(n){return n.fn(z)})),K=n.hasAttribute("aria-expanded");return hn(),an(),on(),rn("onCreate",[z]),S.showOnCreate&&Cn(),V.addEventListener("mouseenter",(function(){z.props.interactive&&z.state.isVisible&&z.clearDelayTimeouts()})),V.addEventListener("mouseleave",(function(){z.props.interactive&&z.props.trigger.indexOf("mouseenter")>=0&&nn().addEventListener("mousemove",I)})),z;function Q(){var n=z.props.touch;return Array.isArray(n)?n:[n,0]}function X(){return"hold"===Q()[0]}function Y(){var n;return!(null==(n=z.props.render)||!n.$$tippy)}function Z(){return k||n}function nn(){var n,t,e=Z().parentNode;return e&&null!=(t=p(e)[0])&&null!=(n=t.ownerDocument)&&n.body?t.ownerDocument:document}function tn(){return F(V)}function en(n){return z.state.isMounted&&!z.state.isVisible||j.isTouch||b&&"focus"===b.type?0:c(z.props.delay,n?0:1,P.delay)}function on(n){void 0===n&&(n=!1),V.style.pointerEvents=z.props.interactive&&!n?"":"none",V.style.zIndex=""+z.props.zIndex}function rn(n,t,e){var o;void 0===e&&(e=!0),G.forEach((function(e){e[n]&&e[n].apply(e,t)})),e&&(o=z.props)[n].apply(o,t)}function un(){var t=z.props.aria;if(t.content){var e="aria-"+t.content,o=V.id;p(z.props.triggerTarget||n).forEach((function(n){var t=n.getAttribute(e);if(z.state.isVisible)n.setAttribute(e,t?t+" "+o:o);else{var i=t&&t.replace(o,"").trim();i?n.setAttribute(e,i):n.removeAttribute(e)}}))}}function an(){!K&&z.props.aria.expanded&&p(z.props.triggerTarget||n).forEach((function(n){z.props.interactive?n.setAttribute("aria-expanded",z.state.isVisible&&n===Z()?"true":"false"):n.removeAttribute("aria-expanded")}))}function cn(){nn().removeEventListener("mousemove",I),L=L.filter((function(n){return n!==I}))}function fn(t){if(!j.isTouch||!E&&"mousedown"!==t.type){var e=t.composedPath&&t.composedPath()[0]||t.target;if(!z.props.interactive||!O(V,e)){if(p(z.props.triggerTarget||n).some((function(n){return O(n,e)}))){if(j.isTouch)return;if(z.state.isVisible&&z.props.trigger.indexOf("click")>=0)return}else rn("onClickOutside",[z,t]);!0===z.props.hideOnClick&&(z.clearDelayTimeouts(),z.hide(),B=!0,setTimeout((function(){B=!1})),z.state.isMounted||ln())}}}function sn(){E=!0}function dn(){E=!1}function pn(){var n=nn();n.addEventListener("mousedown",fn,!0),n.addEventListener("touchend",fn,u),n.addEventListener("touchstart",dn,u),n.addEventListener("touchmove",sn,u)}function ln(){var n=nn();n.removeEventListener("mousedown",fn,!0),n.removeEventListener("touchend",fn,u),n.removeEventListener("touchstart",dn,u),n.removeEventListener("touchmove",sn,u)}function vn(n,t){var e=tn().box;function o(n){n.target===e&&(w(e,"remove",o),t())}if(0===n)return t();w(e,"remove",T),w(e,"add",o),T=o}function mn(t,e,o){void 0===o&&(o=!1),p(z.props.triggerTarget||n).forEach((function(n){n.addEventListener(t,e,o),q.push({node:n,eventType:t,handler:e,options:o})}))}function hn(){var n;X()&&(mn("touchstart",yn,{passive:!0}),mn("touchend",wn,{passive:!0})),(n=z.props.trigger,n.split(/\s+/).filter(Boolean)).forEach((function(n){if("manual"!==n)switch(mn(n,yn),n){case"mouseenter":mn("mouseleave",wn);break;case"focus":mn(A?"focusout":"blur",On);break;case"focusin":mn("focusout",On)}}))}function bn(){q.forEach((function(n){n.node.removeEventListener(n.eventType,n.handler,n.options)})),q=[]}function yn(n){var t,e=!1;if(z.state.isEnabled&&!jn(n)&&!B){var o="focus"===(null==(t=b)?void 0:t.type);b=n,k=n.currentTarget,an(),!z.state.isVisible&&f(n,"MouseEvent")&&L.forEach((function(t){return t(n)})),"click"===n.type&&(z.props.trigger.indexOf("mouseenter")<0||W)&&!1!==z.props.hideOnClick&&z.state.isVisible?e=!0:Cn(n),"click"===n.type&&(W=!e),e&&!o&&An(n)}}function gn(n){var t=n.target,e=Z().contains(t)||V.contains(t);"mousemove"===n.type&&e||function(n,t){var e=t.clientX,o=t.clientY;return n.every((function(n){var t=n.popperRect,i=n.popperState,r=n.props.interactiveBorder,u=i.placement.split("-")[0],a=i.modifiersData.offset;return!a||t.top-o+("bottom"===u?a.top.y:0)>r||o-t.bottom-("top"===u?a.bottom.y:0)>r||t.left-e+("right"===u?a.left.x:0)>r||e-t.right-("left"===u?a.right.x:0)>r}))}(kn().concat(V).map((function(n){var t,e=null==(t=n._tippy.popperInstance)?void 0:t.state;return e?{popperRect:n.getBoundingClientRect(),popperState:e,props:S}:null})).filter(Boolean),n)&&(cn(),An(n))}function wn(n){jn(n)||z.props.trigger.indexOf("click")>=0&&W||(z.props.interactive?z.hideWithInteractivity(n):An(n))}function On(n){z.props.trigger.indexOf("focusin")<0&&n.target!==Z()||z.props.interactive&&n.relatedTarget&&V.contains(n.relatedTarget)||An(n)}function jn(n){return!!j.isTouch&&X()!==n.type.indexOf("touch")>=0}function Tn(){xn();var t=z.props,e=t.popperOptions,o=t.placement,i=t.offset,u=t.getReferenceClientRect,a=t.moveTransition,c=Y()?F(V).arrow:null,f=u?{getBoundingClientRect:u,contextElement:u.contextElement||Z()}:n,s=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!a}},{name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(n){var t=n.state;if(Y()){var e=tn().box;["placement","reference-hidden","escaped"].forEach((function(n){"placement"===n?e.setAttribute("data-placement",t.placement):t.attributes.popper["data-popper-"+n]?e.setAttribute("data-"+n,""):e.removeAttribute("data-"+n)})),t.attributes.popper={}}}}];Y()&&c&&s.push({name:"arrow",options:{element:c,padding:3}}),s.push.apply(s,(null==e?void 0:e.modifiers)||[]),z.popperInstance=r(f,V,Object.assign({},e,{placement:o,onFirstUpdate:x,modifiers:s}))}function xn(){z.popperInstance&&(z.popperInstance.destroy(),z.popperInstance=null)}function kn(){return v(V.querySelectorAll("[data-tippy-root]"))}function Cn(n){z.clearDelayTimeouts(),n&&rn("onTrigger",[z,n]),pn();var t=en(!0),o=Q(),i=o[1];j.isTouch&&"hold"===o[0]&&i&&(t=i),t?e=setTimeout((function(){z.show()}),t):z.show()}function An(n){if(z.clearDelayTimeouts(),rn("onUntrigger",[z,n]),z.state.isVisible){if(!(z.props.trigger.indexOf("mouseenter")>=0&&z.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(n.type)>=0&&W)){var t=en(!1);t?o=setTimeout((function(){z.state.isVisible&&z.hide()}),t):i=requestAnimationFrame((function(){z.hide()}))}}else ln()}}function I(n,t){void 0===t&&(t={});var e=P.plugins.concat(t.plugins||[]);document.addEventListener("touchstart",x,u),window.addEventListener("blur",C);var o,i=Object.assign({},t,{plugins:e}),r=(o=n,b(o)?[o]:function(n){return f(n,"NodeList")}(o)?v(o):Array.isArray(o)?o:v(document.querySelectorAll(o))).reduce((function(n,t){var e=t&&q(t,i);return e&&n.push(e),n}),[]);return b(n)?r[0]:r}I.defaultProps=P,I.setDefaultProps=function(n){Object.keys(n).forEach((function(t){P[t]=n[t]}))},I.currentInput=j,Object.assign({},i,{effect:function(n){var t=n.state,e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper),t.styles=e,t.elements.arrow&&Object.assign(t.elements.arrow.style,e.arrow)}}),I.setDefaultProps({render:M});let N=class{constructor(t){n(this,t),this.position="bottom",this.interactive=!1,this.maxWidth=350,this.delay=0,this.duration=[300,250],this.trigger="mouseenter focus",this.theme="wcs"}componentWillLoad(){this.tippyInstance=I(document.getElementById(this.for),{theme:this.theme,allowHTML:!0,content:this.el.innerHTML,maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger})}updateProps(){this.tippyInstance.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){this.tippyInstance.setProps({content:this.el.innerHTML})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){this.tippyInstance.destroy()}render(){return t(e,null,t("slot",{onSlotchange:()=>this.updateTippyContent()}))}get el(){return o(this)}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"]}}};N.style=":host{display:none}";export{N as wcs_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,r as s,c as r,H as n,g as o}from"./p-f46e6c3c.js";const e=({state:s})=>t("svg",{style:{marginLeft:"auto"},xmlns:"http://www.w3.org/2000/svg",width:"24",height:"20",viewBox:"0 0 24 20"},t("style",{type:"text/css"},"\n .arrow-group {\n transform-origin: 50% 51%;\n transition: transform 175ms ease-in-out;\n }\n .arrow{\n transition: fill 175ms ease-in-out;\n fill: var(--wcs-text-light);\n }\n .asc {\n transform: scaleY(1) translateY(-6px);\n }\n .desc {\n transform: scaleY(-1) translateY(-6px);\n }\n .active {\n fill: var(--wcs-primary);\n }\n\n "),t("g",{fill:"none",class:"asc arrow-group"},t("path",{class:("asc"===s?"active":"")+" arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),t("path",{d:"M0 0h24v24H0z",fill:"none"})),t("g",{fill:"none",class:"desc arrow-group"},t("path",{class:("desc"===s?"active":"")+" arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),t("path",{d:"M0 0h24v24H0z",fill:"none"})));let i=class{constructor(t){s(this,t),this.wcsSortChange=r(this,"wcsSortChange",7),this.wcsHiddenChange=r(this,"wcsHiddenChange",7),this.sort=!1,this.sortOrder="none",this.customCells=!1,this.hidden=!1}parseMyObjectProp(t){this.wcsHiddenChange.emit(t)}sortOrderChange(t){this.emitSortConfig()}emitSortConfig(){this.sort&&this.wcsSortChange.emit({column:this.el,order:this.sortOrder,sortFn:this.sortFn})}render(){return t(n,{onClick:this.onSortClick.bind(this),slot:"grid-column"},t("th",{style:{width:this.width},class:this.sort?"pointer":""},t("div",{class:"grid-column-th-content"},t("span",null,this.name),this.sort?t(e,{state:this.sortOrder}):"")))}onSortClick(){this.sortOrder="none"===this.sortOrder||"desc"===this.sortOrder?"asc":"desc"}get el(){return o(this)}static get watchers(){return{hidden:["parseMyObjectProp"],sortOrder:["sortOrderChange"]}}};i.style=":host{--wcs-grid-column-border-left:solid 1px var(--wcs-text-light);display:contents}:host th{color:var(--wcs-gray-dark);background-color:var(--wcs-light);border-left:var(--wcs-grid-column-border-left);padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);text-align:left}:host th .grid-column-th-content{display:inline-flex;flex-direction:row}:host th .grid-column-th-content span{user-select:none}:host .pointer{cursor:pointer}:host([sort-order=asc]) img{transform:scaleY(1)}:host([sort-order=desc]) img{transform:scaleY(-1)}:host([sort-order=none]) img{display:none}:host([sort-order=none]) th:hover img{display:inline-block}:host([hidden]){display:none !important}";export{i as wcs_grid_column}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as s,H as e,g as i}from"./p-f46e6c3c.js";let a=class{constructor(s){t(this,s),this.wcsChange=o(this,"wcsChange",7),this.mode="radio"}onValueChangeHandler(t){this.updateOptionsState(t,!0)}componentDidLoad(){if(this.value&&this.updateOptionsState(this.value,!0),"option"===this.mode||"horizontal"===this.mode)for(const t of this.options)t.mode=this.mode}get options(){const t=this.el.querySelectorAll("wcs-radio"),o=this.el.querySelector("slot");return 0!==t.length?t:null!==o?o.assignedElements():[]}selectedOptionChanged(t){this.updateOptionsState(t.detail.value,!1),this.wcsChange.emit({value:t.detail.value})}updateOptionsState(t,o){for(const s of this.options)s.value!==t?s.removeAttribute("checked"):o&&s.setAttribute("checked","")}render(){return s(e,null,s("slot",{name:"option"}))}get el(){return i(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};a.style=":host{display:flex}:host([mode=radio]){flex-direction:column}:host([mode=radio]) ::slotted([slot=option]:first-child){margin-top:0}:host([mode=radio]) ::slotted([slot=option]:last-child){margin-bottom:0}:host([mode=radio]) ::slotted([slot=options]){margin-top:calc(var(--wcs-base-margin) / 2);margin-bottom:calc(var(--wcs-base-margin) / 2)}:host([mode=option]){display:inline-flex;flex-direction:row;padding:calc(var(--wcs-base-margin) / 4);background-color:#4d4f53;border-radius:0.6875rem}:host([mode=horizontal]){justify-content:space-between}";export{a as wcs_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as r,g as t}from"./p-f46e6c3c.js";import{h as i}from"./p-83f1ad32.js";import{M as a}from"./p-16dfbae8.js";let o=class{constructor(r){e(this,r),this.type="button",this.disabled=!1,this.ripple=!0,this.shape="normal",this.mode="plain"}onClick(e){if(this.disabled&&e.stopImmediatePropagation(),"button"!==this.type&&i(this.el)){const r=this.el.closest("form");if(r){e.preventDefault();const t=window.document.createElement("button");t.type=this.type,t.style.display="none",r.appendChild(t),t.click(),t.remove()}}}componentDidLoad(){this.mdcRipple=new a(this.el.shadowRoot.querySelector(".wcs-inner-button"))}enabledRippleEffect(){this.mdcRipple.disabled=!1}disabledRippleEffect(){this.mdcRipple.disabled=!0}onRippleChange(){this.ripple?this.enabledRippleEffect():this.disabledRippleEffect()}render(){return r(void 0!==this.href?"a":"button",Object.assign({},void 0!==this.href?{href:this.href,role:"button"}:{type:this.type},{class:"wcs-inner-button"},!0===this.disabled?{disabled:!0}:null),r("slot",null))}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};o.style='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);--wcs-button-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-background-color:var(--wcs-base, var(--wcs-primary, #0088CE));--wcs-button-ripple-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-border-radius:var(--wcs-border-radius);--wcs-button-border-color:var(--wcs-base)}:host([mode=clear]){--wcs-button-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=clear]),:host([mode=stroked]){--wcs-button-color:var(--wcs-base);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after,:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-base)}:host([shape=small]){--wcs-button-padding:2px 16px}:host([shape=round]){--wcs-button-padding:0;--wcs-button-border-radius:50%}:host([shape=round]) .wcs-inner-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) .wcs-inner-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}:host([shape=normal]){--wcs-button-padding:calc(var(--wcs-padding) / 2 + 1px) calc(var(--wcs-padding))}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 1px var(--wcs-button-border-color)}:host([disabled]){--wcs-button-color:var(--wcs-text-disabled);--wcs-button-background-color:var(--wcs-light)}:host([disabled]) .wcs-inner-button{--wcs-button-border-color:var(--wcs-light);opacity:1;cursor:default;pointer-events:none}:host([disabled]):host([mode=clear]),:host([disabled]):host([disabled]){--wcs-button-background-color:transparent}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;display:flex;align-content:center;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:1rem;line-height:1.5;transition:color 175ms ease-in-out, background-color 175ms ease-in-out, box-shadow 175ms cubic-bezier(0.4, 0, 0.2, 1)}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}.wcs-inner-button:focus{box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)}.wcs-inner-button:hover{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}a{text-decoration:none}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';export{o as wcs_button}
|
|
1
|
+
import{r as e,h as r,g as t}from"./p-f46e6c3c.js";import{h as i}from"./p-cf4d7a83.js";import{M as a}from"./p-16dfbae8.js";let o=class{constructor(r){e(this,r),this.type="button",this.disabled=!1,this.ripple=!0,this.shape="normal",this.mode="plain"}onClick(e){if(this.disabled&&e.stopImmediatePropagation(),"button"!==this.type&&i(this.el)){const r=this.el.closest("form");if(r){e.preventDefault();const t=window.document.createElement("button");t.type=this.type,t.style.display="none",r.appendChild(t),t.click(),t.remove()}}}componentDidLoad(){this.mdcRipple=new a(this.el.shadowRoot.querySelector(".wcs-inner-button"))}enabledRippleEffect(){this.mdcRipple.disabled=!1}disabledRippleEffect(){this.mdcRipple.disabled=!0}onRippleChange(){this.ripple?this.enabledRippleEffect():this.disabledRippleEffect()}render(){return r(void 0!==this.href?"a":"button",Object.assign({},void 0!==this.href?{href:this.href,role:"button"}:{type:this.type},{class:"wcs-inner-button"},!0===this.disabled?{disabled:!0}:null),r("slot",null))}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};o.style='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);--wcs-button-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-background-color:var(--wcs-base, var(--wcs-primary, #0088CE));--wcs-button-ripple-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-border-radius:var(--wcs-border-radius);--wcs-button-border-color:var(--wcs-base)}:host([mode=clear]){--wcs-button-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=clear]),:host([mode=stroked]){--wcs-button-color:var(--wcs-base);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after,:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-base)}:host([shape=small]){--wcs-button-padding:2px 16px}:host([shape=round]){--wcs-button-padding:0;--wcs-button-border-radius:50%}:host([shape=round]) .wcs-inner-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) .wcs-inner-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}:host([shape=normal]){--wcs-button-padding:calc(var(--wcs-padding) / 2 + 1px) calc(var(--wcs-padding))}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 1px var(--wcs-button-border-color)}:host([disabled]){--wcs-button-color:var(--wcs-text-disabled);--wcs-button-background-color:var(--wcs-light)}:host([disabled]) .wcs-inner-button{--wcs-button-border-color:var(--wcs-light);opacity:1;cursor:default;pointer-events:none}:host([disabled]):host([mode=clear]),:host([disabled]):host([disabled]){--wcs-button-background-color:transparent}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;display:flex;align-content:center;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:1rem;line-height:1.5;transition:color 175ms ease-in-out, background-color 175ms ease-in-out, box-shadow 175ms cubic-bezier(0.4, 0, 0.2, 1)}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}.wcs-inner-button:focus{box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)}.wcs-inner-button:hover{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}a{text-decoration:none}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';export{o as wcs_button}
|
package/dist/wcs/wcs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wcs-primary{--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white)}.wcs-secondary{--wcs-base:var(--wcs-gray-light);--wcs-contrast:var(--wcs-white)}.wcs-success{--wcs-base:var(--wcs-green);--wcs-contrast:var(--wcs-gray-darker)}.wcs-warning{--wcs-base:var(--wcs-yellow);--wcs-contrast:var(--wcs-gray-darker)}.wcs-info{--wcs-base:var(--wcs-cyan);--wcs-contrast:var(--wcs-white)}.wcs-danger{--wcs-base:var(--wcs-red);--wcs-contrast:var(--wcs-white)}.wcs-dark{--wcs-base:var(--wcs-gray-dark);--wcs-contrast:var(--wcs-white)}.wcs-light{--wcs-base:var(--wcs-light);--wcs-contrast:var(--wcs-gray-darker)}.wcs-
|
|
1
|
+
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.wcs-primary{--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white)}.wcs-secondary{--wcs-base:var(--wcs-gray-light);--wcs-contrast:var(--wcs-white)}.wcs-success{--wcs-base:var(--wcs-green);--wcs-contrast:var(--wcs-gray-darker)}.wcs-warning{--wcs-base:var(--wcs-yellow);--wcs-contrast:var(--wcs-gray-darker)}.wcs-info{--wcs-base:var(--wcs-cyan);--wcs-contrast:var(--wcs-white)}.wcs-danger{--wcs-base:var(--wcs-red);--wcs-contrast:var(--wcs-white)}.wcs-dark{--wcs-base:var(--wcs-gray-dark);--wcs-contrast:var(--wcs-white)}.wcs-light{--wcs-base:var(--wcs-light);--wcs-contrast:var(--wcs-gray-darker)}.wcs-overlay{height:100vh;width:100vw;pointer-events:none;top:0;position:absolute;z-index:9999999}.tippy-box[data-theme~=wcs]{background-color:var(--wcs-black);color:var(--wcs-white)}.tippy-box[data-theme~=wcs][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--wcs-black)}.tippy-box[data-theme~=wcs][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--wcs-black)}.tippy-box[data-theme~=wcs][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--wcs-black)}.tippy-box[data-theme~=wcs][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--wcs-black)}:root{--wcs-white:#ffffff;--wcs-light:#f2f2f2;--wcs-gray-light:#4d4f53;--wcs-gray:#333;--wcs-gray-dark:#343a40;--wcs-gray-darker:#212529;--wcs-black:black;--wcs-text-light:#d7d7d7;--wcs-text-disabled:#b9b9b9;--wcs-text-medium:#747678;--wcs-blue:#0088CE;--wcs-purple:#6e1e78;--wcs-pink:#a1006b;--wcs-red:#cd0037;--wcs-orange:#e05206;--wcs-yellow:#ffb612;--wcs-green:#82be00;--wcs-teal:#d2e100;--wcs-cyan:#009aa6;--wcs-primary:var(--wcs-blue);--wcs-base:var(--wcs-primary);--wcs-contrast:var(--wcs-white);--wcs-font-sans-serif:Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--wcs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--wcs-font-weight-form-value:500;--wcs-border-radius:8px;--wcs-padding:16px;--wcs-base-margin:8px;--wcs-text-padding:8px;--wcs-com-content-max-width:1024px;--wcs-tabs-headers-border-bottom:1px solid #ebebeb}body{font-weight:400;font-family:var(--wcs-font-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea,select{font:inherit}::placeholder{color:var(--wcs-text-medium);opacity:1;font-weight:normal;font-style:italic}
|
package/dist/wcs/wcs.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as c}from"./p-f46e6c3c.js";(()=>{const c=import.meta.url,o={};return""!==c&&(o.resourcesUrl=new URL(".",c).href),e(o)})().then((e=>c([["p-fb1577b5",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-
|
|
1
|
+
import{p as e,b as c}from"./p-f46e6c3c.js";(()=>{const c=import.meta.url,o={};return""!==c&&(o.resourcesUrl=new URL(".",c).href),e(o)})().then((e=>c([["p-fb1577b5",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-a92d369e",[[1,"wcs-grid",{serverMode:[4,"server-mode"],data:[16],loading:[4],selectionConfig:[1,"selection-config"],selectedItems:[8,"selected-items"],wcsGridPaginationId:[1,"wcs-grid-pagination-id"],rowIdPath:[1,"row-id-path"],columns:[32],paginationEl:[32],rows:[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["p-214236db",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-94a31f64",[[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[4,"check-on-complete"],buttonMode:[32],internalCurrentStep:[32],previous:[64],next:[64]}]]],["p-b5ffbea8",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["p-4e9e226d",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-a978c1e3",[[1,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[4,"clear-on-edit"],debounce:[2],prefixLabel:[1,"prefix-label"],suffixLabel:[1,"suffix-label"],disabled:[4],enterkeyhint:[1],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],step:[1],size:[2],type:[1],value:[1032],hasFocus:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-7c26f650",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"],size:[1]},[[4,"keydown","onKeyDown"]]]]],["p-384068f7",[[1,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],hasFocus:[32],fitContent:[64],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-474d6601",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-b7184d59",[[1,"wcs-app"]]],["p-9ba52bc4",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-f9944bde",[[1,"wcs-card",{mode:[1537]}]]],["p-e0163de8",[[1,"wcs-card-body"]]],["p-db68379f",[[1,"wcs-com-nav",{appName:[1,"app-name"]}]]],["p-1f5aed36",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-8864a491",[[1,"wcs-com-nav-submenu",{label:[1],panelTitle:[1,"panel-title"],panelDescription:[1,"panel-description"],menuOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["p-fa173947",[[1,"wcs-divider"]]],["p-bbf1ef42",[[1,"wcs-dropdown-divider"]]],["p-41037455",[[1,"wcs-dropdown-header"]]],["p-1dce7e63",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["p-60b51967",[[1,"wcs-field"]]],["p-26b5c0a3",[[1,"wcs-field-content"]]],["p-dc817204",[[1,"wcs-field-label"]]],["p-e9ce507c",[[1,"wcs-footer"]]],["p-e4236d32",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-f430a227",[[1,"wcs-grid-column",{path:[1],name:[1],sort:[4],sortFn:[16],formatter:[16],sortOrder:[1025,"sort-order"],width:[1],customCells:[4,"custom-cells"],hidden:[4]}]]],["p-688fea65",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-dbbc3f58",[[1,"wcs-header"]]],["p-979dfd78",[[1,"wcs-hint",{small:[1540]}]]],["p-65c5ccc5",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-600a9cc0",[[1,"wcs-label",{required:[516]}]]],["p-2e6265dc",[[1,"wcs-list-item",{activated:[1028]}]]],["p-a1ee1551",[[1,"wcs-list-item-properties"]]],["p-716d5921",[[1,"wcs-list-item-property"]]],["p-febe9ccc",[[1,"wcs-nav"]]],["p-e43358e4",[[4,"wcs-nav-item",{text:[513],href:[513]}]]],["p-55fdc284",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-f96bb0bf",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-7206e492",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-5b35b232",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-03b2e238",[[1,"wcs-tabs",{align:[513],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[4,"headers-only"],gutter:[4],headers:[32],currentActiveTabIndex:[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["p-ecbe5165",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-8137f075",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-9619f77a",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]}]]],["p-c7d6d3e1",[[4,"wcs-select-option",{disabled:[1540],selected:[1540],value:[8],chipColor:[1,"chip-color"],chipBackgroundColor:[1,"chip-background-color"],multiple:[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{value:[1032],placeholder:[1537],disabled:[1028],multiple:[516],chips:[516],name:[1],compareWith:[16],expanded:[32],hasLoaded:[32],displayText:[32],focused:[32],overlayDirection:[32],open:[64],close:[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["p-bcf381a2",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-91a2de07",[[1,"wcs-spinner",{mode:[513]}]]],["p-ff6d0dfd",[[1,"wcs-button",{type:[1025],href:[1],disabled:[516],ripple:[4],shape:[513],mode:[513]},[[0,"click","onClick"]]]]],["p-8c8740e3",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-22813c8e",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1],familyFile:[32],familyClass:[32]}]]]],e)));
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wcs-core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.10.0",
|
|
4
4
|
"description": "Web components SNCF",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"es2015": "dist/esm/index.mjs",
|
|
8
8
|
"es2017": "dist/esm/index.mjs",
|
|
9
|
-
"types": "dist/types/
|
|
9
|
+
"types": "dist/types/interfaces.d.ts",
|
|
10
10
|
"collection": "dist/collection/collection-manifest.json",
|
|
11
11
|
"collection:main": "dist/collection/index.js",
|
|
12
12
|
"unpkg": "dist/wcs/wcs.js",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"@angular/cli": "^10.1.1",
|
|
31
31
|
"@babel/core": "^7.16.0",
|
|
32
32
|
"@material/ripple": "13.0.0",
|
|
33
|
-
"@stencil/angular-output-target": "0.
|
|
34
|
-
"@stencil/core": "2.
|
|
33
|
+
"@stencil/angular-output-target": "^0.4.0",
|
|
34
|
+
"@stencil/core": "2.13.0",
|
|
35
35
|
"@stencil/sass": "1.5.2",
|
|
36
36
|
"@storybook/addon-actions": "^6.3.12",
|
|
37
37
|
"@storybook/addon-docs": "^6.3.12",
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"@popperjs/core": "^2.9.3",
|
|
66
66
|
"chalk": "^4.1.0",
|
|
67
67
|
"lodash": "^4.17.21",
|
|
68
|
+
"tippy.js": "^6.3.7",
|
|
68
69
|
"uuid": "^8.3.2",
|
|
69
70
|
"xstate": "^4.11.0"
|
|
70
71
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,H as r,g as e}from"./p-f46e6c3c.js";import{S as s}from"./p-7219c04b.js";let i=class{constructor(t){o(this,t),this.mode="stroked",this.shape="normal",this.disabled=!1,this.expanded=!1}componentDidLoad(){const o=this.el.shadowRoot.querySelector("wcs-button").shadowRoot.querySelector("button"),t=window.getComputedStyle(o).color;this.el.shadowRoot.querySelector(".arrow").style.fill=t,this.fixForFirefoxBelow63()}fixForFirefoxBelow63(){const o=this.el.querySelectorAll("wcs-dropdown-item"),t=this.el.querySelector(".container");o.length>0&&t&&o.forEach((o=>{this.el.removeChild(o),t.appendChild(o)}))}onButtonClick(o){o.stopPropagation(),this.expanded=!this.expanded}onWindowClickEvent(o){const t=o.target instanceof Node&&this.el.contains(o.target);this.expanded&&!t&&(this.expanded=!1)}dropdownItemClick(o){this.expanded=!1}render(){return t(r,null,t("wcs-button",{mode:this.mode,shape:this.shape,onClick:o=>this.onButtonClick(o)},t("div",{class:"wcs-button-content-wrapper"},t("slot",{name:"placeholder"}),t(s,{up:this.expanded}))),t("div",{class:(this.expanded?"show ":"")+"popover"},t("div",{class:"container"},t("slot",{name:"item"}))))}get el(){return e(this)}};i.style=':host{display:inline-flex;flex-direction:row;position:relative;flex-flow:row-reverse}wcs-button{--wcs-button-padding:8px 10px 8px 16px !important}:host([shape=small]) .show{top:48px !important}:host([shape=small]) wcs-button{--wcs-button-padding:2px 10px 2px 16px !important}.wcs-button-content-wrapper{display:flex}.popover{display:none;border:1px solid #d7d7d7;border-radius:var(--wcs-border-radius);white-space:nowrap}.popover::before,.popover::after{position:absolute;width:0;height:0;pointer-events:none;content:" ";border:solid transparent;z-index:1000}.popover::before{border-color:rgba(216, 216, 216, 0);border-width:0.625rem;right:1.0625rem;margin-left:-0.625rem;bottom:100%;border-bottom-color:#d7d7d7}.popover::after{border-color:rgba(255, 255, 255, 0);border-width:9px;right:1.125rem;margin-left:-0.5625rem;bottom:100%;border-bottom-color:#fff}.show{z-index:1000;display:block;flex-direction:column;position:absolute;background-color:var(--wcs-white);top:58px}.container{border-radius:inherit;overflow:hidden}';export{i as wcs_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as s,H as i,g as e}from"./p-f46e6c3c.js";let a=class{constructor(s){o(this,s),this.wcsChange=t(this,"wcsChange",7),this.mode="radio"}onValueChangeHandler(o){this.updateOptionsState(o,!0)}componentDidLoad(){if(this.value&&this.updateOptionsState(this.value,!0),"option"===this.mode)for(const o of this.options)o.mode="option"}get options(){const o=this.el.querySelectorAll("wcs-radio"),t=this.el.querySelector("slot");return 0!==o.length?o:null!==t?t.assignedElements():[]}selectedOptionChanged(o){this.updateOptionsState(o.detail.value,!1),this.wcsChange.emit({value:o.detail.value})}updateOptionsState(o,t){for(const s of this.options)s.value!==o?s.removeAttribute("checked"):t&&s.setAttribute("checked","")}render(){return s(i,null,s("slot",{name:"option"}))}get el(){return e(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};a.style=":host{display:flex}:host([mode=radio]){flex-direction:column}:host([mode=radio]) ::slotted([slot=option]:first-child){margin-top:0}:host([mode=radio]) ::slotted([slot=option]:last-child){margin-bottom:0}:host([mode=radio]) ::slotted([slot=options]){margin-top:calc(var(--wcs-base-margin) / 2);margin-bottom:calc(var(--wcs-base-margin) / 2)}:host([mode=option]){display:inline-flex;flex-direction:row;padding:calc(var(--wcs-base-margin) / 2);background-color:#4d4f53;border-radius:0.6875rem}";export{a as wcs_radio_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as i,g as o}from"./p-f46e6c3c.js";let h;let e=class{constructor(s){t(this,s),this.position="bottom"}componentWillLoad(){const t=document.getElementById(this.for);if(null===t)throw new Error(`Cannot find element with corresponding id: ${this.for}`);this.target=t,this.listen("mouseenter","show"),this.listen("focus","show"),this.listen("mouseleave","hide"),this.listen("blur","hide"),this.listen("tap","hide")}listen(t,s){this.target.addEventListener(t,(()=>{"hide"===s?this.content.classList.replace("show","hide"):this.content.classList.replace("hide","show"),this.updatePosition()}))}componentDidRender(){const t=(h||function(){const t=document.querySelector(".wcs-overlay");h=t||document.createElement("div"),h.classList.add("wcs-overlay"),document.body.appendChild(h)}(),h);this.content=this.el.shadowRoot.querySelector(".wcs-tooltip-content"),(this.el.shadowRoot.querySelector("slot")?this.el.shadowRoot.querySelector("slot").assignedNodes():this.content.querySelectorAll("*")).forEach((t=>this.content.appendChild(t.cloneNode(!0)))),this.content.remove(),t.appendChild(this.content),this.updatePosition()}updatePosition(){if(!this.target||!this.content.offsetParent)return;const t=this.content.offsetParent.getBoundingClientRect(),s=this.target.getBoundingClientRect(),i=this.content.getBoundingClientRect(),o=(s.width-i.width)/2,h=(s.height-i.height)/2,e=s.left-t.left,n=s.top-t.top;let c,l;switch(this.position){case"top":c=e+o,l=n-i.height-6;break;case"bottom":c=e+o,l=n+s.height+6;break;case"left":c=e-i.width-6,l=n+h;break;case"right":c=e+s.width+6,l=n+h}t.left+c+i.width>window.innerWidth?(this.content.style.right="0px",this.content.style.left="auto"):(this.content.style.left=Math.max(0,c)+"px",this.content.style.right="auto"),t.top+l+i.height>window.innerHeight?(this.content.style.bottom=t.height-n+"px",this.content.style.top="auto"):(this.content.style.top=Math.max(-t.top,l)+"px",this.content.style.bottom="auto")}disconnectedCallback(){}render(){return s(i,null,s("div",{class:"wcs-tooltip-content hide"},s("slot",null)))}get el(){return o(this)}};export{e as wcs_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as c,c as e,h as t,H as r,g as s}from"./p-f46e6c3c.js";let o=class{constructor(t){c(this,t),this.wcsChange=e(this,"wcsChange",7),this.checkboxId="wcs-checkbox-"+i++,this.name=this.checkboxId,this.indeterminate=!1,this.checked=!1,this.labelAlignment="center"}handleChange(c){this.indeterminate=!1,this.checked=!this.checked,this.wcsChange.emit({checked:this.checked})}render(){return t(r,null,t("label",{htmlFor:this.name,class:"wcs-container"},t("input",{onChange:c=>this.handleChange(c),checked:this.checked,class:"wcs-checkbox",type:"checkbox",name:this.name,id:this.name}),t("span",{class:"wcs-checkmark"}),t("span",{class:"text"},t("slot",null))))}get el(){return s(this)}},i=0;o.style=':host{--wcs-checkbox-border-color:var(--wcs-text-medium);--wcs-checkbox-text-color:var(--wcs-black);display:flex}.wcs-checkmark{transition:background-color 225ms cubic-bezier(0.17, 0.84, 0.44, 1), color 225ms cubic-bezier(0.17, 0.84, 0.44, 1)}.wcs-container{position:relative;cursor:pointer;font-size:1rem;user-select:none;font-weight:500;display:flex}:host([label-alignment=top]) .wcs-container{align-items:start}:host([label-alignment=center]) .wcs-container{align-items:center}:host([label-alignment=bottom]) .wcs-container{align-items:flex-end}.wcs-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.wcs-container:hover,input:focus{--wcs-checkbox-border-color:var(--wcs-primary);--wcs-checkbox-text-color:var(--wcs-primary)}.wcs-checkmark{width:1.125rem;height:1.125rem;border:2px solid var(--wcs-checkbox-border-color);border-radius:3px}:host([indeterminate]) .wcs-checkmark{--wcs-checkbox-border-color:var(--wcs-primary);background:var(--wcs-primary)}.wcs-container input:checked~.wcs-checkmark{background-color:var(--wcs-primary);--wcs-checkbox-border-color:var(--wcs-primary)}.wcs-checkmark:after{content:"";position:absolute;display:none}.wcs-container input:checked~.wcs-checkmark:after{display:flex}.wcs-container .wcs-checkmark:after{left:7px;width:5px;height:10px;border:solid var(--wcs-white, white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.wcs-container input:checked~.text{--wcs-checkbox-text-color:var(--wcs-primary)}.text{color:var(--wcs-checkbox-text-color);margin-left:6px;font-weight:500;line-height:1.375}';export{o as wcs_checkbox}
|
package/dist/wcs/p-83f1ad32.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function e(e){return"clientWidth"in e&&"clientHeight"in e}function t(e){return!!e.shadowRoot&&!!e.attachShadow}const n=(e,t)=>{const n=e._original||e;return{_original:e,emit:i(n.emit.bind(n),t)}},i=(e,t=0)=>{let n;return(...i)=>{clearTimeout(n),n=setTimeout(e,t,...i)}},r=(e,t=[])=>{const n={};return t.forEach((t=>{e.hasAttribute(t)&&(null!==e.getAttribute(t)&&(n[t]=e.getAttribute(t)),e.removeAttribute(t))})),n},o=e=>{const t=e.closest("wcs-form-field");return t?t.querySelector("wcs-label"):null},s=e=>"function"==typeof __zone_symbol__requestAnimationFrame?__zone_symbol__requestAnimationFrame(e):"function"==typeof requestAnimationFrame?requestAnimationFrame(e):setTimeout(e),a=(e,t)=>e.x>=t.getBoundingClientRect().x&&e.x<=t.getBoundingClientRect().x+t.getBoundingClientRect().width&&e.y>=t.getBoundingClientRect().y&&e.y<=t.getBoundingClientRect().y+t.getBoundingClientRect().height;export{e as a,a as c,n as d,o as f,t as h,r as i,s as r}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as c,c as t,h as s,H as i,g as e}from"./p-f46e6c3c.js";let o=class{constructor(s){c(this,s),this.wcsChange=t(this,"wcsChange",7),this.switchId="wcs-switch-"+r++,this.name=this.switchId,this.checked=!1}toggleChange(c){this.checked=!this.checked,this.wcsChange.emit({checked:this.checked})}render(){return s(i,null,s("label",{htmlFor:this.name,class:"wcs-container"},s("span",{class:"text"},s("slot",null)),s("input",{onChange:c=>this.toggleChange(c),checked:this.checked,class:"wcs-switch",type:"checkbox",name:this.name,id:this.name}),s("span",{class:"wcs-checkmark"})))}get el(){return e(this)}},r=0;o.style=':host{--wcs-switch-background-color-initial:var(--wcs-text-light);--wcs-switch-background-color-final:var(--wcs-primary);--wcs-switch-bullet-color-initial:var(--wcs-switch-background-color-final);--wcs-switch-bullet-color-final:var(--wcs-switch-background-color-initial);display:flex}.wcs-container{position:relative;display:inline-block;width:3rem;height:1.5rem;margin-bottom:0}.wcs-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.wcs-switch,.text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.wcs-checkmark::before,.wcs-checkmark{position:absolute;transition:all 0.15s ease-out}.wcs-checkmark::before{bottom:0.3125rem;left:0.3125rem;width:0.875rem;height:0.875rem;content:"";border-radius:50%;background-color:var(--wcs-switch-bullet-color-initial)}.wcs-checkmark{top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:0.75rem;background-color:var(--wcs-switch-background-color-initial)}input:not([disabled]):checked+.wcs-checkmark::before,.wcs-container:hover input:not([disabled])+.wcs-checkmark::before,.wcs-container:focus input:not([disabled])+.wcs-checkmark::before{background-color:var(--wcs-switch-bullet-color-final)}input:checked+.wcs-checkmark::before{transform:translateX(24px)}input:not([disabled]):checked+.wcs-checkmark,.wcs-container:hover input:not([disabled])+.wcs-checkmark,.wcs-container:focus input:not([disabled])+.wcs-checkmark{background-color:var(--wcs-switch-background-color-final)}';export{o as wcs_switch}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as r,g as e}from"./p-f46e6c3c.js";let i=class{constructor(s){t(this,s)}render(){return s(r,{slot:"error"},s("slot",null))}};i.style=":host{margin-top:0.25rem;color:var(--wcs-red)}";let o=class{constructor(s){t(this,s),this.isError=!1,this.hasPrefix=!1,this.hasSuffix=!1}componentWillLoad(){this.hasSuffix=null!==this.el.querySelector("wcs-button"),this.hasPrefix=null!==this.el.querySelector("wcs-select")}componentDidLoad(){this.initSpiedElement(),this.addRequiredMarkerToLabel(),this.updateErrorStateOnInput(this.isError)}isErrorChange(t){this.updateErrorStateOnInput(t)}updateErrorStateOnInput(t){this.spiedElementIsOfType("wcs-input","wcs-textarea")&&this.spiedElement.setAttribute("state",t?"error":"initial")}spiedElementIsOfType(...t){var s;for(const r of t)if((null===(s=this.spiedElement)||void 0===s?void 0:s.tagName)===r.toUpperCase())return!0;return!1}addRequiredMarkerToLabel(){var t;const s=this.el.querySelector("wcs-label");this.observer=new MutationObserver((t=>{var r;t.filter((t=>"required"===t.attributeName))[0]&&this.updateLabelRequiredFlag(null===(r=this.spiedElement)||void 0===r?void 0:r.hasAttribute("required"),s)})),this.spiedElement&&this.observer.observe(this.spiedElement,{attributes:!0});const r=null===(t=this.spiedElement)||void 0===t?void 0:t.hasAttribute("required");this.updateLabelRequiredFlag(r,s)}initSpiedElement(){var t;const s=["wcs-input","wcs-select","wcs-textarea","wcs-radio-group","wcs-switch","wcs-checkbox"];if(this.spiedElement=null===(t=this.el.shadowRoot.querySelector("slot:not([name])"))||void 0===t?void 0:t.assignedElements()[0],"SLOT"===this.spiedElement.tagName&&(this.spiedElement=this.spiedElement.assignedElements().filter((t=>-1!==s.map((t=>t.toUpperCase())).indexOf(t.nodeName)))[0]),!this.spiedElement)throw new Error("You must provide a slotted element in form field");-1===s.map((t=>t.toUpperCase())).indexOf(this.spiedElement.tagName)&&console.warn("form-field component support "+s.toString()+". Some features may not work with the provided component (component "+this.spiedElement.tagName+" not natively supported).")}updateLabelRequiredFlag(t,s){t&&s?s.setAttribute("required","true"):!t&&s&&s.removeAttribute("required")}disconnectedCallback(){this.observer.disconnect()}render(){let t="";const e=this.isError;return this.hasSuffix&&(t+=" has-suffix"),this.hasPrefix&&(t+=" has-prefix"),s(r,{class:t},s("slot",{name:"label"}),s("div",{class:"input-container"},s("slot",{name:"prefix"}),s("slot",{onSlotchange:()=>this.onFormInputSlotChange()}),s("slot",{name:"suffix"})),e?s("slot",{name:"error"}):"",s("slot",{name:"messages"}))}onFormInputSlotChange(){this.initSpiedElement(),this.addRequiredMarkerToLabel(),this.updateErrorStateOnInput(this.isError)}get el(){return e(this)}static get watchers(){return{isError:["isErrorChange"]}}};o.style=":host{--wcs-form-field-icon-color:var(--wcs-text-medium);--wcs-form-field-border-radius-left:var(--wcs-border-radius);--wcs-form-field-border-radius-right:var(--wcs-border-radius);display:inline-flex;flex-direction:column}.input-container{display:flex}::slotted(wcs-radio-group){margin-left:var(--wcs-base-margin)}::slotted(wcs-radio-group[mode=option]){margin-left:0}::slotted(wcs-select:not([slot=prefix])){width:100%}::slotted(label){font-weight:500;margin-bottom:8px}:host(.has-prefix){--wcs-input-border-radius-left:0}:host(.has-suffix){--wcs-input-border-radius-right:0}::slotted([slot=prefix]){--wcs-select-border-radius:var(--wcs-border-radius) 0 0 var(--wcs-border-radius);--wcs-select-background-color:var(--wcs-gray-light);--wcs-select-value-color:var(--wcs-white);--wcs-select-placeholder-color:var(--wcs-white);--wcs-select-border-color:var(--wcs-gray-light)}::slotted([slot=suffix]){--wcs-button-border-radius:0 var(--wcs-border-radius) var(--wcs-border-radius) 0}";export{i as wcs_error,o as wcs_form_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as n,H as e,g as r}from"./p-f46e6c3c.js";import{c as o}from"./p-83f1ad32.js";var i="top",a="bottom",u="right",f="left",c=[i,a,u,f],s=c.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),p=[].concat(c,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),d=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function l(t){return t?(t.nodeName||"").toLowerCase():null}function v(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function h(t){return t instanceof v(t).Element||t instanceof Element}function b(t){return t instanceof v(t).HTMLElement||t instanceof HTMLElement}function m(t){return"undefined"!=typeof ShadowRoot&&(t instanceof v(t).ShadowRoot||t instanceof ShadowRoot)}function y(t){return t.split("-")[0]}var g=Math.round;function w(t,n){void 0===n&&(n=!1);var e=t.getBoundingClientRect(),r=1,o=1;return b(t)&&n&&(r=e.width/t.offsetWidth||1,o=e.height/t.offsetHeight||1),{width:g(e.width/r),height:g(e.height/o),top:g(e.top/o),right:g(e.right/r),bottom:g(e.bottom/o),left:g(e.left/r),x:g(e.left/r),y:g(e.top/o)}}function x(t){var n=w(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function O(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&m(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function j(t){return v(t).getComputedStyle(t)}function k(t){return["table","td","th"].indexOf(l(t))>=0}function M(t){return((h(t)?t.ownerDocument:t.document)||window.document).documentElement}function E(t){return"html"===l(t)?t:t.assignedSlot||t.parentNode||(m(t)?t.host:null)||M(t)}function q(t){return b(t)&&"fixed"!==j(t).position?t.offsetParent:null}function B(t){for(var n=v(t),e=q(t);e&&k(e)&&"static"===j(e).position;)e=q(e);return e&&("html"===l(e)||"body"===l(e)&&"static"===j(e).position)?n:e||function(t){var n=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(t)&&"fixed"===j(t).position)return null;for(var e=E(t);b(e)&&["html","body"].indexOf(l(e))<0;){var r=j(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function P(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var R=Math.max,W=Math.min,L=Math.round;function S(t,n,e){return R(t,W(n,e))}function z(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function H(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}var T={top:"auto",right:"auto",bottom:"auto",left:"auto"};function C(t){var n,e=t.popper,r=t.popperRect,o=t.placement,c=t.offsets,s=t.position,p=t.gpuAcceleration,d=t.adaptive,l=t.roundOffsets,h=!0===l?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:L(L(t.x*e)/e)||0,y:L(L(n*e)/e)||0}}(c):"function"==typeof l?l(c):c,b=h.x,m=void 0===b?0:b,y=h.y,g=void 0===y?0:y,w=c.hasOwnProperty("x"),x=c.hasOwnProperty("y"),O=f,k=i,E=window;if(d){var q=B(e),P="clientHeight",R="clientWidth";q===v(e)&&"static"!==j(q=M(e)).position&&(P="scrollHeight",R="scrollWidth"),q=q,o===i&&(k=a,g-=q[P]-r.height,g*=p?1:-1),o===f&&(O=u,m-=q[R]-r.width,m*=p?1:-1)}var W,S=Object.assign({position:s},d&&T);return Object.assign({},S,p?((W={})[k]=x?"0":"",W[O]=w?"0":"",W.transform=(E.devicePixelRatio||1)<2?"translate("+m+"px, "+g+"px)":"translate3d("+m+"px, "+g+"px, 0)",W):((n={})[k]=x?g+"px":"",n[O]=w?m+"px":"",n.transform="",n))}var I={passive:!0},_={left:"right",right:"left",bottom:"top",top:"bottom"};function A(t){return t.replace(/left|right|bottom|top/g,(function(t){return _[t]}))}var D={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(function(t){return D[t]}))}function V(t){var n=v(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function F(t){return w(M(t)).left+V(t).scrollLeft}function G(t){var n=j(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function J(t){return["html","body","#document"].indexOf(l(t))>=0?t.ownerDocument.body:b(t)&&G(t)?t:J(E(t))}function K(t,n){var e;void 0===n&&(n=[]);var r=J(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=v(r),a=o?[i].concat(i.visualViewport||[],G(r)?r:[]):r,u=n.concat(a);return o?u:u.concat(K(E(a)))}function N(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Q(t,n){return"viewport"===n?N(function(t){var n=v(t),e=M(t),r=n.visualViewport,o=e.clientWidth,i=e.clientHeight,a=0,u=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,u=r.offsetTop)),{width:o,height:i,x:a+F(t),y:u}}(t)):b(n)?function(t){var n=w(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):N(function(t){var n,e=M(t),r=V(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=R(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=R(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),u=-r.scrollLeft+F(t),f=-r.scrollTop;return"rtl"===j(o||e).direction&&(u+=R(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:u,y:f}}(M(t)))}function X(t){return t.split("-")[1]}function Y(t){var n,e=t.reference,r=t.element,o=t.placement,c=o?y(o):null,s=o?X(o):null,p=e.x+e.width/2-r.width/2,d=e.y+e.height/2-r.height/2;switch(c){case i:n={x:p,y:e.y-r.height};break;case a:n={x:p,y:e.y+e.height};break;case u:n={x:e.x+e.width,y:d};break;case f:n={x:e.x-r.width,y:d};break;default:n={x:e.x,y:e.y}}var l=c?P(c):null;if(null!=l){var v="y"===l?"height":"width";switch(s){case"start":n[l]=n[l]-(e[v]/2-r[v]/2);break;case"end":n[l]=n[l]+(e[v]/2-r[v]/2)}}return n}function Z(t,n){void 0===n&&(n={});var e=n.placement,r=void 0===e?t.placement:e,o=n.boundary,f=void 0===o?"clippingParents":o,s=n.rootBoundary,p=void 0===s?"viewport":s,d=n.elementContext,v=void 0===d?"popper":d,m=n.altBoundary,y=void 0!==m&&m,g=n.padding,x=void 0===g?0:g,k=z("number"!=typeof x?x:H(x,c)),q=t.elements.reference,P=t.rects.popper,L=t.elements[y?"popper"===v?"reference":"popper":v],S=function(t,n,e){var r="clippingParents"===n?function(t){var n=K(E(t)),e=["absolute","fixed"].indexOf(j(t).position)>=0&&b(t)?B(t):t;return h(e)?n.filter((function(t){return h(t)&&O(t,e)&&"body"!==l(t)})):[]}(t):[].concat(n),o=[].concat(r,[e]),i=o.reduce((function(n,e){var r=Q(t,e);return n.top=R(r.top,n.top),n.right=W(r.right,n.right),n.bottom=W(r.bottom,n.bottom),n.left=R(r.left,n.left),n}),Q(t,o[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(h(L)?L:L.contextElement||M(t.elements.popper),f,p),T=w(q),C=Y({reference:T,element:P,strategy:"absolute",placement:r}),I=N(Object.assign({},P,C)),_="popper"===v?I:T,A={top:S.top-_.top+k.top,bottom:_.bottom-S.bottom+k.bottom,left:S.left-_.left+k.left,right:_.right-S.right+k.right},D=t.modifiersData.offset;if("popper"===v&&D){var U=D[r];Object.keys(A).forEach((function(t){var n=[u,a].indexOf(t)>=0?1:-1,e=[i,a].indexOf(t)>=0?"y":"x";A[t]+=U[e]*n}))}return A}function $(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,o=n.padding,i=n.flipVariations,a=n.allowedAutoPlacements,u=void 0===a?p:a,f=X(n.placement),d=f?i?s:s.filter((function(t){return X(t)===f})):c,l=d.filter((function(t){return u.indexOf(t)>=0}));0===l.length&&(l=d);var v=l.reduce((function(n,i){return n[i]=Z(t,{placement:i,boundary:e,rootBoundary:r,padding:o})[y(i)],n}),{});return Object.keys(v).sort((function(t,n){return v[t]-v[n]}))}function tt(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function nt(t){return[i,u,a,f].some((function(n){return t[n]>=0}))}function et(t,n,e){void 0===e&&(e=!1);var r,o,i=b(n),a=b(n)&&function(t){var n=t.getBoundingClientRect();return 1!==(n.width/t.offsetWidth||1)||1!==(n.height/t.offsetHeight||1)}(n),u=M(n),f=w(t,a),c={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!e)&&(("body"!==l(n)||G(u))&&(c=(r=n)!==v(r)&&b(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:V(r)),b(n)?((s=w(n,!0)).x+=n.clientLeft,s.y+=n.clientTop):u&&(s.x=F(u))),{x:f.left+c.scrollLeft-s.x,y:f.top+c.scrollTop-s.y,width:f.width,height:f.height}}function rt(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function it(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function at(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?ot:r;return function(t,n,r){void 0===r&&(r=o);var i,a,u={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],c=!1,s={state:u,setOptions:function(r){p(),u.options=Object.assign({},o,u.options,r),u.scrollParents={reference:h(t)?K(t):t.contextElement?K(t.contextElement):[],popper:K(n)};var i,a,c=function(t){var n=rt(t);return d.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((i=[].concat(e,u.options.modifiers),a=i.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(a).map((function(t){return a[t]}))));return u.orderedModifiers=c.filter((function(t){return t.enabled})),u.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:u,name:t.name,instance:s,options:void 0===n?{}:n});f.push(r||function(){})}})),s.update()},forceUpdate:function(){if(!c){var t=u.elements,n=t.reference,e=t.popper;if(it(n,e)){u.rects={reference:et(n,B(e),"fixed"===u.options.strategy),popper:x(e)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach((function(t){return u.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<u.orderedModifiers.length;r++)if(!0!==u.reset){var o=u.orderedModifiers[r],i=o.fn,a=o.options;"function"==typeof i&&(u=i({state:u,options:void 0===a?{}:a,name:o.name,instance:s})||u)}else u.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){s.forceUpdate(),t(u)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){p(),c=!0}};if(!it(t,n))return s;function p(){f.forEach((function(t){return t()})),f=[]}return s.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),s}}var ut=at({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,a=r.resize,u=void 0===a||a,f=v(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",e.update,I)})),u&&f.addEventListener("resize",e.update,I),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",e.update,I)})),u&&f.removeEventListener("resize",e.update,I)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=Y({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,a=void 0===i||i,u=e.roundOffsets,f=void 0===u||u,c={placement:y(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,C(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,C(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];b(o)&&l(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});b(r)&&l(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,r=t.options.offset,o=void 0===r?[0,0]:r,a=p.reduce((function(t,e){return t[e]=function(t,n,e){var r=y(t),o=[f,i].indexOf(r)>=0?-1:1,a="function"==typeof e?e(Object.assign({},n,{placement:t})):e,c=a[0],s=a[1];return c=c||0,s=(s||0)*o,[f,u].indexOf(r)>=0?{x:s,y:c}:{x:c,y:s}}(e,n.rects,o),t}),{}),c=a[n.placement],s=c.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=c.x,n.modifiersData.popperOffsets.y+=s),n.modifiersData[e]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name;if(!n.modifiersData[r]._skip){for(var o=e.mainAxis,c=void 0===o||o,s=e.altAxis,p=void 0===s||s,d=e.fallbackPlacements,l=e.padding,v=e.boundary,h=e.rootBoundary,b=e.altBoundary,m=e.flipVariations,g=void 0===m||m,w=e.allowedAutoPlacements,x=n.options.placement,O=y(x),j=d||(O!==x&&g?function(t){if("auto"===y(t))return[];var n=A(t);return[U(t),n,U(n)]}(x):[A(x)]),k=[x].concat(j).reduce((function(t,e){return t.concat("auto"===y(e)?$(n,{placement:e,boundary:v,rootBoundary:h,padding:l,flipVariations:g,allowedAutoPlacements:w}):e)}),[]),M=n.rects.reference,E=n.rects.popper,q=new Map,B=!0,P=k[0],R=0;R<k.length;R++){var W=k[R],L=y(W),S="start"===X(W),z=[i,a].indexOf(L)>=0,H=z?"width":"height",T=Z(n,{placement:W,boundary:v,rootBoundary:h,altBoundary:b,padding:l}),C=z?S?u:f:S?a:i;M[H]>E[H]&&(C=A(C));var I=A(C),_=[];if(c&&_.push(T[L]<=0),p&&_.push(T[C]<=0,T[I]<=0),_.every((function(t){return t}))){P=W,B=!1;break}q.set(W,_)}if(B)for(var D=function(t){var n=k.find((function(n){var e=q.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return P=n,"break"},V=g?3:1;V>0&&"break"!==D(V);V--);n.placement!==P&&(n.modifiersData[r]._skip=!0,n.placement=P,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name,o=e.mainAxis,c=void 0===o||o,s=e.altAxis,p=void 0!==s&&s,d=e.tether,l=void 0===d||d,v=e.tetherOffset,h=void 0===v?0:v,b=Z(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),m=y(n.placement),g=X(n.placement),w=!g,O=P(m),j="x"===O?"y":"x",k=n.modifiersData.popperOffsets,M=n.rects.reference,E=n.rects.popper,q="function"==typeof h?h(Object.assign({},n.rects,{placement:n.placement})):h,L={x:0,y:0};if(k){if(c||p){var z="y"===O?i:f,H="y"===O?a:u,T="y"===O?"height":"width",C=k[O],I=k[O]+b[z],_=k[O]-b[H],A=l?-E[T]/2:0,D="start"===g?M[T]:E[T],U="start"===g?-E[T]:-M[T],V=n.elements.arrow,F=l&&V?x(V):{width:0,height:0},G=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},J=G[z],K=G[H],N=S(0,M[T],F[T]),Q=w?M[T]/2-A-N-J-q:D-N-J-q,Y=w?-M[T]/2+A+N+K+q:U+N+K+q,$=n.elements.arrow&&B(n.elements.arrow),tt=n.modifiersData.offset?n.modifiersData.offset[n.placement][O]:0,nt=k[O]+Q-tt-($?"y"===O?$.clientTop||0:$.clientLeft||0:0),et=k[O]+Y-tt;if(c){var rt=S(l?W(I,nt):I,C,l?R(_,et):_);k[O]=rt,L[O]=rt-C}if(p){var ot=k[j],it=ot+b["x"===O?i:f],at=ot-b["x"===O?a:u],ut=S(l?W(it,nt):it,ot,l?R(at,et):at);k[j]=ut,L[j]=ut-ot}}n.modifiersData[r]=L}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,r=t.name,o=t.options,s=e.elements.arrow,p=e.modifiersData.popperOffsets,d=y(e.placement),l=P(d),v=[f,u].indexOf(d)>=0?"height":"width";if(s&&p){var h=function(t,n){return z("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:H(t,c))}(o.padding,e),b=x(s),m="y"===l?i:f,g="y"===l?a:u,w=e.rects.reference[v]+e.rects.reference[l]-p[l]-e.rects.popper[v],O=p[l]-e.rects.reference[l],j=B(s),k=j?"y"===l?j.clientHeight||0:j.clientWidth||0:0,M=k/2-b[v]/2+(w/2-O/2),E=S(h[m],M,k-b[v]-h[g]);e.modifiersData[r]=((n={})[l]=E,n.centerOffset=E-M,n)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&O(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,a=Z(n,{elementContext:"reference"}),u=Z(n,{altBoundary:!0}),f=tt(a,r),c=tt(u,o,i),s=nt(f),p=nt(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:s,hasPopperEscaped:p},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":p})}}]});let ft=class{constructor(n){t(this,n),this.showPopoverMenu=!1}componentDidLoad(){this.menu=this.el.shadowRoot.getElementById("toggle-menu-icon"),this.tooltip=this.el.shadowRoot.getElementById("menu"),this.popper=ut(this.menu,this.tooltip,{placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}onWindowClickEvent(t){o(t,this.tooltip)||o(t,this.menu)||this.showPopoverMenu&&this.toogleMenu()}toogleMenu(){this.showPopoverMenu=!this.showPopoverMenu}componentDidRender(){this.popper&&this.popper.update()}render(){return n(e,null,n("span",null,this.text),n("wcs-mat-icon",{id:"toggle-menu-icon",icon:"more_horiz",size:"m",onClick:()=>{this.toogleMenu()}}),n("span",{id:"menu","data-show":this.showPopoverMenu},n("div",{id:"arrow","data-popper-arrow":!0}),n("slot",null)))}get el(){return r(this)}};ft.style='#menu{background-color:var(--wcs-gray);color:white;display:none;padding:var(--wcs-padding)}#menu[data-show]{display:block;z-index:9999}#menu[data-popper-placement^=top]>#arrow{bottom:-4px}#menu[data-popper-placement^=bottom]>#arrow{top:-4px}#menu[data-popper-placement^=left]>#arrow{right:-4px}#menu[data-popper-placement^=right]>#arrow{left:-4px}:host{display:flex;align-items:center;height:32px;padding-left:var(--wcs-padding);background-color:var(--wcs-gray-light)}#toggle-menu-icon{cursor:pointer;padding:0 var(--wcs-padding);user-select:none}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit}#arrow{visibility:hidden}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}';export{ft as wcs_galactic_menu}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as t,r as s,c as r,H as n,g as o}from"./p-f46e6c3c.js";const i=({state:s})=>t("svg",{style:{marginLeft:"auto"},xmlns:"http://www.w3.org/2000/svg",width:"24",height:"20",viewBox:"0 0 24 20"},t("style",{type:"text/css"},"\n .arrow-group {\n transform-origin: 50% 51%;\n transition: transform 175ms ease-in-out;\n }\n .arrow{\n transition: fill 175ms ease-in-out;\n fill: var(--wcs-text-light);\n }\n .asc {\n transform: scaleY(1) translateY(-6px);\n }\n .desc {\n transform: scaleY(-1) translateY(-6px);\n }\n .active {\n fill: var(--wcs-primary);\n }\n\n "),t("g",{fill:"none",class:"asc arrow-group"},t("path",{class:("asc"===s?"active":"")+" arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),t("path",{d:"M0 0h24v24H0z",fill:"none"})),t("g",{fill:"none",class:"desc arrow-group"},t("path",{class:("desc"===s?"active":"")+" arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),t("path",{d:"M0 0h24v24H0z",fill:"none"})));let e=class{constructor(t){s(this,t),this.wcsSortChange=r(this,"wcsSortChange",7),this.wcsHiddenChange=r(this,"wcsHiddenChange",7),this.sort=!1,this.sortOrder="none",this.customCells=!1,this.hidden=!1}parseMyObjectProp(t){this.wcsHiddenChange.emit(t)}emitSortConfig(){this.sort&&this.wcsSortChange.emit({column:this.el,order:this.sortOrder,sortFn:this.sortFn})}render(){return t(n,{onClick:this.onSortClick.bind(this),slot:"grid-column"},t("th",{style:{width:this.width},class:this.sort?"pointer":""},t("div",{class:"grid-column-th-content"},t("span",null,this.name),this.sort?t(i,{state:this.sortOrder}):"")))}onSortClick(){this.sortOrder="none"===this.sortOrder||"desc"===this.sortOrder?"asc":"desc",this.emitSortConfig()}get el(){return o(this)}static get watchers(){return{hidden:["parseMyObjectProp"]}}};e.style=":host{--wcs-grid-column-border-left:solid 1px var(--wcs-text-light);display:contents}:host th{color:var(--wcs-gray-dark);background-color:var(--wcs-light);border-left:var(--wcs-grid-column-border-left);padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);text-align:left}:host th .grid-column-th-content{display:inline-flex;flex-direction:row}:host th .grid-column-th-content span{user-select:none}:host .pointer{cursor:pointer}:host([sort-order=asc]) img{transform:scaleY(1)}:host([sort-order=desc]) img{transform:scaleY(-1)}:host([sort-order=none]) img{display:none}:host([sort-order=none]) th:hover img{display:inline-block}:host([hidden]){display:none !important}";export{e as wcs_grid_column}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,f as i,h as e,H as n,g as o}from"./p-f46e6c3c.js";import{l as r}from"./p-adef7aaf.js";function h(t){switch(t){case"asc":return 1;case"desc":return-1}}var a,l=new Uint8Array(16);function c(){if(!a&&!(a="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(l)}const d=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function u(t){return"string"==typeof t&&d.test(t)}for(var g=[],p=0;p<256;++p)g.push((p+256).toString(16).substr(1));function f(t,s,i){var e=(t=t||{}).random||(t.rng||c)();if(e[6]=15&e[6]|64,e[8]=63&e[8]|128,s){i=i||0;for(var n=0;n<16;++n)s[i+n]=e[n];return s}return function(t){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(g[t[s+0]]+g[t[s+1]]+g[t[s+2]]+g[t[s+3]]+"-"+g[t[s+4]]+g[t[s+5]]+"-"+g[t[s+6]]+g[t[s+7]]+"-"+g[t[s+8]]+g[t[s+9]]+"-"+g[t[s+10]]+g[t[s+11]]+g[t[s+12]]+g[t[s+13]]+g[t[s+14]]+g[t[s+15]]).toLowerCase();if(!u(i))throw TypeError("Stringified UUID is invalid");return i}(e)}let m=class{constructor(i){t(this,i),this.wcsGridSelectionChange=s(this,"wcsGridSelectionChange",7),this.wcsGridAllSelectionChange=s(this,"wcsGridAllSelectionChange",7),this.selectionConfig="none",this.selectedItems=[],this.rows=[]}onDataChange(t){this.updateGridRows(t)}onSelectedItemsPropertyChange(t){this.updateSelectionWithValues(t)}onHiddenColumnChange(){i(this)}updateSelectionWithValues(t){if("single"===this.selectionConfig){this.rows.map((t=>t.selected=!1));for(const s of this.rows)if(r.isEqual(s.data,t)){s.selected=!0;break}}else if("multiple"===this.selectionConfig){this.rows.map((t=>t.selected=!1));for(const s of this.rows)t.find((t=>r.isEqual(t,s.data)))&&(s.selected=!0)}this.rows=r.cloneDeep(this.rows)}wcsGridRowToWcsGridRowData(t){return{selected:t.selected,page:t.page,data:t.data}}updateGridRows(t){const s=[];if(t&&this.columns){for(let i=0;i<t.length;i++){const e={uuid:f(),data:t[i],selected:!1,cells:[]};for(const s of this.columns)e.cells.push({content:r.get(t[i],s.path),column:s,formatter:s.formatter});s.push(e)}this.rows=s,this.updatePageIndex()}}componentDidLoad(){this.columns=this.getGridColumnsFromTemplate(),this.paginationEl=this.wcsGridPaginationId?document.getElementById(this.wcsGridPaginationId):this.getGridPaginationsFromTemplate()[0],this.updateGridRows(this.data),this.selectedItems&&this.updateSelectionWithValues(this.selectedItems)}getGridColumnsFromTemplate(){return this.el.shadowRoot.querySelector('slot[name="grid-column"]').assignedElements()}getGridPaginationsFromTemplate(){return this.el.shadowRoot.querySelector('slot[name="grid-pagination"]').assignedElements()}sortChangeEventHandler(t){this.columns.filter((s=>s!==t.detail.column)).forEach((t=>t.sortOrder="none")),this.serverMode||(this.rows=t.detail.sortFn?r.cloneDeep(this.rows).sort(((s,i)=>t.detail.sortFn(s.data,i.data,t.detail.column)*h(t.detail.order))):r.cloneDeep(this.rows).sort(((s,i)=>{const e=t.detail.column.path;return(r.get(s.data,e)<r.get(i.data,e)?-1:r.get(s.data,e)>r.get(i.data,e)?1:0)*h(t.detail.order)})),this.updatePageIndex())}updatePageIndex(){if(!this.serverMode&&this.paginationEl){this.paginationEl.currentPage+1>this.paginationEl.pageCount&&(this.paginationEl.currentPage=this.paginationEl.pageCount-1),this.paginationEl.itemsCount=this.data.length,this.paginationEl.pageCount=Math.ceil(this.data.length/this.paginationEl.pageSize);const t=r.cloneDeep(this.rows);t.forEach(((t,s)=>t.page=Math.floor(s/this.paginationEl.pageSize))),this.rows=[...t]}}paginationChangeEventHandler(){this.onPaginationChange()}paginationChangeEventHandlerOutside(t){this.wcsGridPaginationId&&this.wcsGridPaginationId===t.target.id&&this.onPaginationChange()}onPaginationChange(){this.serverMode||this.updatePageIndex()}onRowSelection(t){"single"===this.selectionConfig&&this.rows.filter((s=>s.uuid!==t.uuid)).map((t=>t.selected=!1)),t.selected=!t.selected,("single"!==this.selectionConfig||t.selected)&&this.wcsGridSelectionChange.emit({row:this.wcsGridRowToWcsGridRowData(t)}),this.rows=r.cloneDeep(this.rows)}selectAllRows(){const t=this.getRowsForCurrentPage(),s=!this.allRowsAreSelected();t.map((t=>t.selected=s)),this.wcsGridAllSelectionChange.emit({rows:s?t.map((t=>this.wcsGridRowToWcsGridRowData(t))):[]}),this.rows=r.cloneDeep(this.rows)}allRowsAreSelected(){const t=this.getRowsForCurrentPage();return t.length>0&&t.filter((t=>t.selected)).length===t.length}getRowsForCurrentPage(){return this.paginationEl?this.rows.filter((t=>t.page===this.paginationEl.currentPage)):this.rows}renderSelectionColumn(t){switch(this.selectionConfig){case"none":return;case"single":return e("td",null,e("wcs-radio",{checked:t.selected,onClick:this.onRowSelection.bind(this,t)}));case"multiple":return e("td",null,e("wcs-checkbox",{checked:t.selected,onWcsChange:this.onRowSelection.bind(this,t)}))}}getCellContent(t,s){return s.formatter?s.formatter(e,s.column,this.wcsGridRowToWcsGridRowData(t)):s.content}totalColumnCount(){return this.columns?this.columns.length+("none"===this.selectionConfig?0:1):0}render(){var t;return e(n,null,e("table",null,e("thead",null,"none"===this.selectionConfig?"":e("th",{class:"wcs-grid-selection-column"},"single"===this.selectionConfig?"":e("wcs-checkbox",{checked:this.allRowsAreSelected(),onWcsChange:this.selectAllRows.bind(this)})),e("slot",{name:"grid-column"})),e("tbody",null,this.loading?e("tr",null,e("td",{colSpan:this.totalColumnCount(),class:"loading"},e("wcs-spinner",null))):null===(t=this.rows)||void 0===t?void 0:t.filter((t=>this.serverMode||!this.paginationEl||t.page===this.paginationEl.currentPage)).map((t=>this.renderRow(t))))),e("slot",{name:"grid-pagination"}))}renderRow(t){var s;return e("tr",{class:t.selected?"selected":""},this.renderSelectionColumn(t),null===(s=t.cells)||void 0===s?void 0:s.map((s=>{if(!s.column.hidden)return s.column.customCells?e("td",null,e("slot",{name:s.column.id+"-"+t.data[this.rowIdPath]})):e("td",{part:s.column.path+"-column"},this.getCellContent(t,s))})))}get el(){return o(this)}static get watchers(){return{data:["onDataChange"],selectedItems:["onSelectedItemsPropertyChange"]}}};m.style=":host{display:block;--wcs-grid-highlight-color:var(--wcs-light)}:host th{background-color:var(--wcs-light)}:host th:not(:first-child){border-left:solid 1px var(--wcs-text-light)}:host ::slotted([slot=grid-column]:first-child){--wcs-grid-column-border-left:none}:host table{width:100%;border-spacing:0}:host td{color:var(--wcs-gray-light);margin:0;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding)}:host tr:not(:last-child) td{border-bottom:solid 1px var(--wcs-text-light)}:host .wcs-grid-selection-column{padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);width:40px}:host tr.selected{background-color:var(--wcs-grid-highlight-color)}:host .loading{text-align:center}:host([selection]) ::slotted([slot=grid-column]:first-child){--wcs-grid-column-border-left:solid 1px var(--wcs-text-light) !important}";export{m as wcs_grid}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as h,g as e}from"./p-f46e6c3c.js";import{d as r,i as a,f as n}from"./p-83f1ad32.js";let o=class{constructor(s){t(this,s),this.wcsInput=i(this,"wcsInput",7),this.wcsChange=i(this,"wcsChange",7),this.wcsBlur=i(this,"wcsBlur",7),this.wcsFocus=i(this,"wcsFocus",7),this.inputId="wcs-input-"+c++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.clearInput=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.type="text",this.value="",this.onInput=t=>{const i=t.target;i&&(this.value=i.value||""),this.wcsInput.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChanged(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChanged(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onKeydown=t=>{this.shouldClearOnEdit()&&(this.didBlurAfterEdit&&this.hasValue()&&"Enter"!==t.key&&this.clearTextInput(),this.didBlurAfterEdit=!1)},this.clearTextInput=t=>{this.clearInput&&!this.readonly&&!this.disabled&&t&&(t.preventDefault(),t.stopPropagation(),this.setFocus()),this.value="",this.nativeInput&&(this.nativeInput.value="")}}debounceChanged(){this.wcsChange=r(this.wcsChange,this.debounce)}valueChanged(){var t;this.wcsChange.emit({value:null===(t=this.value)||void 0===t?void 0:t.toString()})}componentWillLoad(){this.inheritedAttributes=a(this.el,["aria-label","tabindex","title"])}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}shouldClearOnEdit(){const{type:t,clearOnEdit:i}=this;return void 0===i?"password"===t:i}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}focusChanged(){!this.hasFocus&&this.shouldClearOnEdit()&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return this.getValue().length>0}render(){const t=this.getValue(),i=this.inputId+"-lbl",e=n(this.el);return e&&(e.id=i),s(h,{"aria-disabled":this.disabled?"true":null},this.icon?s("wcs-mat-icon",{icon:this.icon,size:"m"}):null,s("input",Object.assign({class:"native-input",ref:t=>this.nativeInput=t,"aria-labelledby":e?i:null,disabled:this.disabled,accept:this.accept,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown},this.inheritedAttributes)))}get el(){return e(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},c=0;o.style=":host{--wcs-input-icon-color:var(--wcs-text-medium);--wcs-internal-input-border-radius-left:var(--wcs-input-border-radius-left, var(--wcs-border-radius));--wcs-internal-input-border-radius-right:var(--wcs-input-border-radius-right, var(--wcs-border-radius));display:flex;width:100%;border-radius:var(--wcs-internal-input-border-radius-left) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host input{overflow:hidden;box-sizing:border-box;min-height:24px;width:100%;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host input:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:8px;margin-left:8px;margin-right:-8px}:host([state=error]){border-color:var(--wcs-red) !important}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{o as wcs_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as r,h as i,H as e,g as t}from"./p-f46e6c3c.js";let a=class{constructor(i){o(this,i),this.wcsRadioClick=r(this,"wcsRadioClick",7),this.inputId="wcs-rb-"+s++,this.mode="radio",this.checked=!1,this.disabled=!1}componentWillLoad(){void 0===this.value&&(this.value=this.el.innerText||"")}componentDidLoad(){this.inputEl=this.el.shadowRoot.querySelector("input"),this.inputEl.addEventListener("change",(()=>{this.wcsRadioClick.emit({label:this.label,source:this.el,value:this.value}),this.checked=!0}))}render(){return i(e,{slot:"option"},i("input",{id:this.inputId,type:"radio",value:this.value,checked:this.checked,"aria-disabled":this.disabled?"true":null,"aria-checked":`${this.checked}`}),i("label",{htmlFor:`${this.inputId}`},this.label))}get el(){return t(this)}},s=0;a.style=':host([mode=radio]) input{display:none}:host([mode=radio]) label{padding:0.125rem 0 0;margin-bottom:0;color:var(--wcs-text-medium);cursor:pointer;background-color:transparent;border:none;font-weight:500 !important;transition:0.175s ease-in-out}:host([mode=radio]) label:before{transition:0.175s ease-in-out;border-radius:50%;margin-right:var(--wcs-base-margin);border:2px solid var(--wcs-text-disabled);position:relative;display:inline-block;top:3px;width:1.125rem;height:1.125rem;pointer-events:none;content:"";background-color:var(--wcs-white);box-sizing:border-box}:host([mode=radio]) label:after{transition:0.175s ease-in-out;position:relative;width:1.125rem;height:1.125rem;content:"";background:no-repeat 50%/50% 50%}:host([mode=radio][checked]) label{color:var(--wcs-primary)}:host([mode=radio][checked]) label:before{border-color:var(--wcs-primary);background-color:var(--wcs-primary)}:host([mode=radio]:hover) label{color:var(--wcs-primary)}:host([mode=radio]:hover) label:before{border-color:var(--wcs-primary)}:host([mode=option]){padding:var(--wcs-base-margin) calc(var(--wcs-base-margin) / 2);font-weight:500 !important}:host([mode=option]) input{position:absolute;z-index:-1;opacity:0;box-sizing:border-box;padding:0}:host([mode=option]) label{padding:0.375rem 1.25rem 0.3125rem;margin-bottom:0;color:var(--wcs-white);white-space:nowrap;cursor:pointer;border-radius:0.4375rem}:host([mode=option][checked]) label{font-weight:500 !important;color:var(--wcs-primary);background-color:var(--wcs-white)}';export{a as wcs_radio}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as s,h as a,H as t}from"./p-f46e6c3c.js";let i=class{constructor(a){o(this,a),this.wcsDialogClosed=s(this,"wcsDialogClosed",7),this.backdrop=!0,this.show=!1,this.showCloseButton=!1}render(){return a(t,null,a("div",{class:"wcs-modal-backdrop"}),a("div",{class:"wcs-modal-container"},a("div",{class:"wcs-modal-header"},a("h5",null,a("slot",{name:"header"})),this.showCloseButton&&a("wcs-button",{shape:"round",mode:"stroked",class:"wcs-dark",onClick:o=>this.onCloseButtonClick(o)},a("i",{class:"material-icons"},"close"))),a("div",{class:"wcs-modal-content"},a("slot",null)),a("div",{class:"wcs-modal-actions"},a("slot",{name:"actions"}))))}onKeyDown(o){this.showCloseButton&&"Escape"===o.key&&this.close()}onCloseButtonClick(o){this.close()}close(){this.show=!1,this.wcsDialogClosed.emit()}};i.style="wcs-modal{--saas-fix-modal:rgba(var(--wcs-black), 0.5);z-index:999;position:fixed;top:0;bottom:0;left:0;right:0;display:none}wcs-modal[show]{display:block;width:100%;height:100%;opacity:1;display:block}wcs-modal[backdrop] .wcs-modal-backdrop{display:block;position:fixed;top:0;left:0;bottom:0;right:0;opacity:0.4;background-color:var(--wcs-black)}.wcs-modal-backdrop{display:none}.wcs-modal-container{position:fixed;top:50%;left:50%;min-width:400px;max-width:480px;transform:translate(-50%, -50%);pointer-events:auto;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0, 0, 0, 0.2);border-radius:0.4375rem;outline:0;z-index:20000;display:block;padding:1.375rem 1.875rem 1.875rem 1.875rem}.wcs-modal-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.wcs-modal-header h5{font-size:24px;font-weight:400;margin:0}.wcs-modal-content{font-weight:400;font-size:16px}.wcs-modal-actions{margin-top:20px;float:right}";export{i as wcs_modal}
|