wcs-core 2.15.0 → 2.17.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/dist/cjs/{helpers-6abce594.js → helpers-3ce2b83e.js} +20 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/wcs-accordion-header.cjs.entry.js +3 -0
- package/dist/cjs/wcs-button.cjs.entry.js +6 -2
- package/dist/cjs/wcs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/wcs-dropdown-item.cjs.entry.js +8 -2
- package/dist/cjs/wcs-dropdown.cjs.entry.js +39 -1
- package/dist/cjs/wcs-galactic-menu.cjs.entry.js +1 -1
- package/dist/cjs/wcs-grid.cjs.entry.js +1 -1
- package/dist/cjs/wcs-input.cjs.entry.js +2 -2
- package/dist/cjs/wcs-label.cjs.entry.js +1 -1
- package/dist/cjs/wcs-select_2.cjs.entry.js +1 -1
- package/dist/cjs/wcs-tabs.cjs.entry.js +6 -6
- package/dist/cjs/wcs-textarea.cjs.entry.js +1 -1
- package/dist/cjs/wcs-tooltip.cjs.entry.js +1 -0
- package/dist/cjs/wcs.cjs.js +1 -1
- package/dist/collection/components/accordion-header/accordion-header.css +3 -0
- package/dist/collection/components/accordion-header/accordion-header.js +6 -0
- package/dist/collection/components/button/button.js +5 -1
- package/dist/collection/components/checkbox/checkbox.css +1 -0
- package/dist/collection/components/dropdown/dropdown.js +42 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +13 -1
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/input/input.js +2 -2
- package/dist/collection/components/label/label.css +2 -3
- package/dist/collection/components/tabs/tabs.js +6 -6
- package/dist/collection/components/tooltip/tooltip.js +23 -0
- package/dist/collection/utils/accessibility.js +3 -0
- package/dist/collection/utils/helpers.js +15 -0
- package/dist/esm/{helpers-e2993152.js → helpers-374df0ea.js} +16 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/wcs-accordion-header.entry.js +3 -0
- package/dist/esm/wcs-button.entry.js +6 -2
- package/dist/esm/wcs-checkbox.entry.js +1 -1
- package/dist/esm/wcs-dropdown-item.entry.js +8 -2
- package/dist/esm/wcs-dropdown.entry.js +39 -1
- package/dist/esm/wcs-galactic-menu.entry.js +1 -1
- package/dist/esm/wcs-grid.entry.js +1 -1
- package/dist/esm/wcs-input.entry.js +2 -2
- package/dist/esm/wcs-label.entry.js +1 -1
- package/dist/esm/wcs-select_2.entry.js +1 -1
- package/dist/esm/wcs-tabs.entry.js +6 -6
- package/dist/esm/wcs-textarea.entry.js +1 -1
- package/dist/esm/wcs-tooltip.entry.js +1 -0
- package/dist/esm/wcs.js +1 -1
- package/dist/types/components/button/button.d.ts +1 -0
- package/dist/types/components/dropdown/dropdown.d.ts +4 -0
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +1 -0
- package/dist/types/components/tooltip/tooltip-interface.d.ts +1 -0
- package/dist/types/components/tooltip/tooltip.d.ts +8 -1
- package/dist/types/components.d.ts +9 -1
- package/dist/types/utils/accessibility.d.ts +1 -0
- package/dist/types/utils/helpers.d.ts +5 -0
- package/dist/wcs/{p-addef5b2.entry.js → p-01f14d14.entry.js} +1 -1
- package/dist/wcs/p-28822f1f.entry.js +1 -0
- package/dist/wcs/p-2a90fd02.entry.js +1 -0
- package/dist/wcs/p-3c2b5f06.entry.js +1 -0
- package/dist/wcs/{p-3891f057.entry.js → p-4bce1a23.entry.js} +1 -1
- package/dist/wcs/{p-5924d21b.entry.js → p-6585b5f3.entry.js} +1 -1
- package/dist/wcs/p-67005182.entry.js +1 -0
- package/dist/wcs/p-716ca1ac.entry.js +1 -0
- package/dist/wcs/{p-a4f8a6b7.entry.js → p-96ee68db.entry.js} +1 -1
- package/dist/wcs/p-9f3976ac.entry.js +1 -0
- package/dist/wcs/p-a0ec21b0.entry.js +1 -0
- package/dist/wcs/{p-18c6e4df.entry.js → p-cfbb66c6.entry.js} +1 -1
- package/dist/wcs/p-ec7f740b.entry.js +1 -0
- package/dist/wcs/p-f5529a4f.js +1 -0
- package/dist/wcs/wcs.esm.js +1 -1
- package/package.json +1 -1
- package/dist/wcs/p-1cc7a22c.entry.js +0 -1
- package/dist/wcs/p-3ede8428.entry.js +0 -1
- package/dist/wcs/p-79feb1b2.entry.js +0 -1
- package/dist/wcs/p-80aafdd9.entry.js +0 -1
- package/dist/wcs/p-83651b14.entry.js +0 -1
- package/dist/wcs/p-b825255d.entry.js +0 -1
- package/dist/wcs/p-ba608aa0.entry.js +0 -1
- package/dist/wcs/p-cf4d7a83.js +0 -1
- package/dist/wcs/p-f79a36b2.entry.js +0 -1
|
@@ -2,5 +2,6 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
export declare class DropdownItem implements ComponentInterface {
|
|
3
3
|
wcsDropdownItemClick: EventEmitter<void>;
|
|
4
4
|
onMouseDown(_: MouseEvent): void;
|
|
5
|
+
onKeyDown(evt: KeyboardEvent): void;
|
|
5
6
|
render(): any;
|
|
6
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentInterface } from '../../stencil-public-runtime';
|
|
2
|
-
import { WcsTooltipPosition } from './tooltip-interface';
|
|
2
|
+
import { WcsTooltipAppendTo, WcsTooltipPosition } from './tooltip-interface';
|
|
3
3
|
import { Instance, Props } from 'tippy.js';
|
|
4
4
|
/**
|
|
5
5
|
* Tooltips are used to provide additional information for features available on the website. These can improve the user
|
|
@@ -76,6 +76,13 @@ export declare class Tooltip implements ComponentInterface {
|
|
|
76
76
|
* display the content of this property and then the slotted elements.
|
|
77
77
|
*/
|
|
78
78
|
content: string;
|
|
79
|
+
/**
|
|
80
|
+
* The element to append the tooltip to. Default behaviour is `() => document.body`. If interactive: true,
|
|
81
|
+
* the default behavior is appendTo: "parent"
|
|
82
|
+
*
|
|
83
|
+
* See: https://atomiks.github.io/tippyjs/v6/all-props/#appendto
|
|
84
|
+
*/
|
|
85
|
+
appendTo: WcsTooltipAppendTo;
|
|
79
86
|
private el;
|
|
80
87
|
tippyInstance: Instance<Props>;
|
|
81
88
|
componentWillLoad(): Promise<void> | void;
|
|
@@ -25,7 +25,7 @@ import { WcsSpinnerMode } from "./components/spinner/spinner-interface";
|
|
|
25
25
|
import { SwitchChangeEventDetail, SwitchLabelAlignment } from "./components/switch/switch-interface";
|
|
26
26
|
import { WcsTabChangeEvent, WcsTabsAlignment } from "./components/tabs/tabs-interface";
|
|
27
27
|
import { TextareaChangeEventDetail } from "./components/textarea/textarea-interface";
|
|
28
|
-
import { WcsTooltipPosition } from "./components/tooltip/tooltip-interface";
|
|
28
|
+
import { WcsTooltipAppendTo, WcsTooltipPosition } from "./components/tooltip/tooltip-interface";
|
|
29
29
|
export namespace Components {
|
|
30
30
|
interface WcsAccordion {
|
|
31
31
|
/**
|
|
@@ -786,6 +786,10 @@ export namespace Components {
|
|
|
786
786
|
"wrap"?: 'hard' | 'soft' | 'off';
|
|
787
787
|
}
|
|
788
788
|
interface WcsTooltip {
|
|
789
|
+
/**
|
|
790
|
+
* The element to append the tooltip to. Default behaviour is `() => document.body`. If interactive: true, the default behavior is appendTo: "parent" See: https://atomiks.github.io/tippyjs/v6/all-props/#appendto
|
|
791
|
+
*/
|
|
792
|
+
"appendTo": WcsTooltipAppendTo;
|
|
789
793
|
/**
|
|
790
794
|
* You can use this property instead of the slot API to affect content in the tooltip. This makes it easier to manage the update if the tooltip contains elements that are not mutated when their content changes. Indeed, if the slot is used, the tooltip is updated only if the structure of the slotted DOM changes (the DOM must be mutated). The two APIs are not mutually exclusive, if both are filled in (the prop + the slot) the rendering will first display the content of this property and then the slotted elements.
|
|
791
795
|
*/
|
|
@@ -2036,6 +2040,10 @@ declare namespace LocalJSX {
|
|
|
2036
2040
|
"wrap"?: 'hard' | 'soft' | 'off';
|
|
2037
2041
|
}
|
|
2038
2042
|
interface WcsTooltip {
|
|
2043
|
+
/**
|
|
2044
|
+
* The element to append the tooltip to. Default behaviour is `() => document.body`. If interactive: true, the default behavior is appendTo: "parent" See: https://atomiks.github.io/tippyjs/v6/all-props/#appendto
|
|
2045
|
+
*/
|
|
2046
|
+
"appendTo"?: WcsTooltipAppendTo;
|
|
2039
2047
|
/**
|
|
2040
2048
|
* You can use this property instead of the slot API to affect content in the tooltip. This makes it easier to manage the update if the tooltip contains elements that are not mutated when their content changes. Indeed, if the slot is used, the tooltip is updated only if the structure of the slotted DOM changes (the DOM must be mutated). The two APIs are not mutually exclusive, if both are filled in (the prop + the slot) the rendering will first display the content of this property and then the slotted elements.
|
|
2041
2049
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function isElementFocused(element: HTMLElement): boolean;
|
|
@@ -27,3 +27,8 @@ export declare const raf: (h: any) => any;
|
|
|
27
27
|
*/
|
|
28
28
|
export declare const clickInsideElement: (event: MouseEvent, element: HTMLElement) => boolean;
|
|
29
29
|
export declare const clickTargetIsElementOrChildren: (mouseEvent: MouseEvent, element: HTMLElement) => boolean;
|
|
30
|
+
export declare function isKeyup(evt: KeyboardEvent): boolean;
|
|
31
|
+
export declare function isKeydown(evt: KeyboardEvent): boolean;
|
|
32
|
+
export declare function isEscapeKey(evt: KeyboardEvent): boolean;
|
|
33
|
+
export declare function isSpaceKey(evt: KeyboardEvent): boolean;
|
|
34
|
+
export declare function isEnterKey(evt: KeyboardEvent): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,c as e,h as t,H as r,g as s}from"./p-255365bc.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}
|
|
1
|
+
import{r as c,c as e,h as t,H as r,g as s}from"./p-255365bc.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{flex:0 0 1.125rem;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 t,c as s,f as i,h as e,H as n,g as o}from"./p-255365bc.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),this.refreshSort(!1)}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.refreshSort(!0)}refreshSort(t){const[s,...i]=this.columns.filter((t=>"none"!==t.sortOrder));s&&!this.serverMode&&this.sortBy(s),t&&this.disableSortOrderForColumns(i)}disableSortOrderForColumns(t){null==t||t.forEach((t=>t.sortOrder="none"))}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.disableSortOrderForColumns(this.columns.filter((s=>s!==t.detail.column))),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.pageCount>0&&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 l,h as t,H as e}from"./p-255365bc.js";let a=class{constructor(t){l(this,t),this.required=!1}render(){return t(e,{slot:"label"},t("label",null,t("slot",null)))}};a.style=':host{font-weight:500;margin-bottom:8px}:host([required])>label::after{font-weight:500;color:var(--wcs-red);content:" *"}label{display:inline-block}label ::slotted(wcs-mat-icon){display:inline;vertical-align:middle;margin-left:calc(var(--wcs-base-margin) / 2)}';export{a as wcs_label}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as t,H as s}from"./p-255365bc.js";let e=class{constructor(t){r(this,t)}render(){return t(s,{slot:"header"},t("slot",null))}};e.style=":host{text-align:left}";export{e as wcs_accordion_header}
|
|
@@ -3,4 +3,4 @@ import{r as n,h as t,H as e,g as o}from"./p-255365bc.js";import{a as i,c as r}fr
|
|
|
3
3
|
* tippy.js v6.3.7
|
|
4
4
|
* (c) 2017-2021 atomiks
|
|
5
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 T={isTouch:!1},j=0;function x(){T.isTouch||(T.isTouch=!0,window.performance&&document.addEventListener("mousemove",k))}function k(){var n=performance.now();n-j<20&&(T.isTouch=!1,document.removeEventListener("mousemove",k)),j=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 F(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 H(n,t){n.innerHTML=t}function W(n){var t=h();return!0===n?t.className="tippy-arrow":(t.className="tippy-svg-arrow",b(n)?t.appendChild(n):H(t,n)),t}function B(n,t){b(t.content)?(H(n,""),n.appendChild(t.content)):"function"!=typeof t.content&&(t.allowHTML?H(n,t.content):n.textContent=t.content)}function E(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=E(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||B(u,n.props),o.arrow?a?e.arrow!==o.arrow&&(r.removeChild(a),r.appendChild(W(o.arrow))):r.appendChild(W(o.arrow)):a&&r.removeChild(a)}return o.className="tippy-content",o.setAttribute("data-state","hidden"),B(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,j,x,k,C,S=F(n,Object.assign({},P,U(m(t)))),H=!1,W=!1,B=!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=F(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&&(jn(),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=T.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,jn()}},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,H=!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 E(V)}function en(n){return z.state.isMounted&&!z.state.isVisible||T.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(!T.isTouch||!B&&"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(T.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(),W=!0,setTimeout((function(){W=!1})),z.state.isMounted||ln())}}}function sn(){B=!0}function dn(){B=!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",j),w(e,"add",o),j=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&&!Tn(n)&&!W){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||H)&&!1!==z.props.hideOnClick&&z.state.isVisible?e=!0:Cn(n),"click"===n.type&&(H=!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){Tn(n)||z.props.trigger.indexOf("click")>=0&&H||(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 Tn(n){return!!T.isTouch&&X()!==n.type.indexOf("touch")>=0}function jn(){xn();var t=z.props,e=t.popperOptions,o=t.placement,i=t.offset,u=t.getReferenceClientRect,a=t.moveTransition,c=Y()?E(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];T.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&&H)){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=T,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.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger})}getTooltipContentFromPropAndSlot(){return this.content?this.content+this.el.innerHTML:this.el.innerHTML}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.getTooltipContentFromPropAndSlot()})}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"],content:["updateTippyContent"]}}};N.style=":host{display:none}";export{N as wcs_tooltip}
|
|
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 T={isTouch:!1},j=0;function x(){T.isTouch||(T.isTouch=!0,window.performance&&document.addEventListener("mousemove",k))}function k(){var n=performance.now();n-j<20&&(T.isTouch=!1,document.removeEventListener("mousemove",k)),j=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 F(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 H(n,t){n.innerHTML=t}function W(n){var t=h();return!0===n?t.className="tippy-arrow":(t.className="tippy-svg-arrow",b(n)?t.appendChild(n):H(t,n)),t}function B(n,t){b(t.content)?(H(n,""),n.appendChild(t.content)):"function"!=typeof t.content&&(t.allowHTML?H(n,t.content):n.textContent=t.content)}function E(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=E(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||B(u,n.props),o.arrow?a?e.arrow!==o.arrow&&(r.removeChild(a),r.appendChild(W(o.arrow))):r.appendChild(W(o.arrow)):a&&r.removeChild(a)}return o.className="tippy-content",o.setAttribute("data-state","hidden"),B(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,j,x,k,C,S=F(n,Object.assign({},P,U(m(t)))),H=!1,W=!1,B=!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=F(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&&(jn(),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=T.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,jn()}},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,H=!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 E(V)}function en(n){return z.state.isMounted&&!z.state.isVisible||T.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(!T.isTouch||!B&&"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(T.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(),W=!0,setTimeout((function(){W=!1})),z.state.isMounted||ln())}}}function sn(){B=!0}function dn(){B=!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",j),w(e,"add",o),j=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&&!Tn(n)&&!W){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||H)&&!1!==z.props.hideOnClick&&z.state.isVisible?e=!0:Cn(n),"click"===n.type&&(H=!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){Tn(n)||z.props.trigger.indexOf("click")>=0&&H||(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 Tn(n){return!!T.isTouch&&X()!==n.type.indexOf("touch")>=0}function jn(){xn();var t=z.props,e=t.popperOptions,o=t.placement,i=t.offset,u=t.getReferenceClientRect,a=t.moveTransition,c=Y()?E(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];T.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&&H)){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=T,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),{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:!0,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger})}getTooltipContentFromPropAndSlot(){return this.content?this.content+this.el.innerHTML:this.el.innerHTML}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.getTooltipContentFromPropAndSlot()})}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"],content:["updateTippyContent"]}}};N.style=":host{display:none}";export{N as wcs_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as i}from"./p-255365bc.js";import{
|
|
1
|
+
import{r as t,h as o,H as e,g as i}from"./p-255365bc.js";import{f as r}from"./p-f5529a4f.js";import{c as a}from"./p-e4fdcd1f.js";let n=class{constructor(o){t(this,o),this.showPopoverMenu=!1}componentDidLoad(){this.menu=this.el.shadowRoot.getElementById("toggle-menu-icon"),this.tooltip=this.el.shadowRoot.getElementById("menu"),this.popper=a(this.menu,this.tooltip,{placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}onWindowClickEvent(t){r(t,this.tooltip)||r(t,this.menu)||this.showPopoverMenu&&this.toogleMenu()}toogleMenu(){this.showPopoverMenu=!this.showPopoverMenu}componentDidRender(){this.popper&&this.popper.update()}render(){return o(e,null,o("span",null,this.text),o("wcs-mat-icon",{id:"toggle-menu-icon",icon:"more_horiz",size:"m",onClick:()=>{this.toogleMenu()}}),o("span",{id:"menu","data-show":this.showPopoverMenu},o("div",{id:"arrow","data-popper-arrow":!0}),o("slot",null)))}get el(){return i(this)}};n.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{n as wcs_galactic_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as e,H as a,g as i}from"./p-255365bc.js";let n=class{constructor(e){t(this,e),this.tabChange=s(this,"tabChange",7),this.align="start",this.selectedIndex=0,this.headersOnly=!1,this.headers=[],this.currentActiveTabIndex=0}selectedIndexChanged(t){this.currentActiveTabIndex=t}selectedTabkeyChanged(t){this.updateCurrentActiveIndexByTabKey(t)}emitActiveTabChange(){this.tabChange.emit({tabName:this.headers[this.currentActiveTabIndex],tabIndex:this.currentActiveTabIndex,selectedKey:this.tabs[this.currentActiveTabIndex].itemKey})}updateCurrentActiveIndexByTabKey(t){for(let s=0;s<this.tabs.length;s++)this.tabs[s].itemKey===t&&(this.currentActiveTabIndex=s)}onTabLoaded(){this.refreshHeaders()}componentDidLoad(){this.putTabsInCorrectDivIfTheyAreNot(),this.refreshHeaders(),this.selectedIndex&&(this.currentActiveTabIndex=this.selectedIndex),this.selectedKey&&this.updateCurrentActiveIndexByTabKey(this.selectedKey)}putTabsInCorrectDivIfTheyAreNot(){const t=this.el.shadowRoot.querySelector(".wcs-tabs");null===t.querySelector("slot")&&Array.from(this.el.querySelectorAll("wcs-tab")).filter((s=>s.parentNode!==t)).forEach((s=>{s.parentElement.isEqualNode(this.el)&&(this.el.removeChild(s),t.appendChild(s))}))}handleKeyDown(t,s){var e,a;const i=t.target;switch(t.key){case" ":case"Enter":this.currentActiveTabIndex=s,this.emitActiveTabChange(),t.preventDefault();break;case"ArrowLeft":(null===(e=i.previousElementSibling)||void 0===e?void 0:e.classList.contains("wcs-tab-header"))&&(i.previousElementSibling.focus(),t.preventDefault());break;case"ArrowRight":(null===(a=i.nextElementSibling)||void 0===a?void 0:a.classList.contains("wcs-tab-header"))&&(i.nextElementSibling.focus(),t.preventDefault())}}refreshHeaders(){this.headers=[],this.tabs.forEach((t=>{this.headers.push(t.getAttribute("header"))}))}get tabs(){var t;const s=this.el.shadowRoot.querySelector(".wcs-tabs"),e=this.el.shadowRoot.querySelectorAll(".wcs-tabs > wcs-tab");return 0!==e.length?e:(null==s?void 0:s.querySelector("slot"))?null===(t=null==s?void 0:s.querySelector("slot"))||void 0===t?void 0:t.assignedElements():[]}selectTabAndEmitChangeEvent(t){this.currentActiveTabIndex=t,this.emitActiveTabChange()}componentWillUpdate(){this.headersOnly?this.hideAllTabsContent():this.updateTabVisibility()}updateTabVisibility(){this.tabs.forEach(((t,s)=>{t.setAttribute("style",s!==this.currentActiveTabIndex?"display: none;":"display: block;")}))}hideAllTabsContent(){this.tabs.forEach((t=>t.setAttribute("style","display: none;")))}render(){return e(a,null,e("div",{class:"wcs-tabs-headers"},this.headers.map(((t,s)=>e("div",{class:"wcs-tab-header "+(this.currentActiveTabIndex===s?"active":""),onClick:()=>this.selectTabAndEmitChangeEvent(s),onKeyDown:t=>this.handleKeyDown(t,s),tabIndex:s},e("span",null,t))))),e("div",{class:"wcs-tabs"},e("slot",{name:"wcs-tab"})))}get el(){return i(this)}static get watchers(){return{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"]}}};n.style=':host{--wcs-tabs-padding-bottom:16px}:host([align=start]) .wcs-tabs-headers{justify-content:start}:host([align=end]) .wcs-tabs-headers{justify-content:end}:host([align=center]) .wcs-tabs-headers{justify-content:center}.wcs-tabs-headers{padding-top:4px;overflow-x:auto;display:flex;position:relative}:host([gutter]) .wcs-tabs-headers{border-bottom:var(--wcs-tabs-headers-border-bottom)}.wcs-tab-header{padding:8px 24px 16px 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;outline:none}.wcs-tab-header span{text-align:center;color:var(--wcs-text-disabled);font-size:1rem;font-weight:400}.wcs-tab-header:focus span,.wcs-tab-header:hover span{color:var(--wcs-primary)}.active span{font-weight:500;color:var(--wcs-primary);position:relative}.active span::after{position:absolute;bottom:calc(var(--wcs-tabs-padding-bottom) * -1);left:0;width:100%;height:0.3125rem;content:"";background-color:var(--wcs-primary);border-radius:3px}';export{n as wcs_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as r,g as a}from"./p-255365bc.js";import{g as e,h as o,j as h}from"./p-f5529a4f.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.iconPassword="visibility",this.fireFocusEvents=!0,this.hasFocus=!1,this.passwordReveal=!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}passwordRevealIconClick(){this.passwordReveal=!this.passwordReveal}onPasswordRevealChange(){this.iconPassword=this.passwordReveal?"visibility_off":"visibility"}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",part:"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.passwordReveal?"text":this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown},this.inheritedAttributes)),"password"===this.type?s("wcs-mat-icon",{class:"toggle_password",icon:this.iconPassword,size:"m",onClick:()=>this.passwordRevealIconClick()}):null,this.suffixLabel?s("span",{class:"suffix",part:"suffix"},this.suffixLabel):null)}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],passwordReveal:["onPasswordRevealChange"]}}},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-left:8px;margin-right:-8px}:host .toggle_password{cursor:pointer;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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,a as i,h as e,H as r,g as a}from"./p-255365bc.js";import{
|
|
1
|
+
import{r as t,c as s,a as i,h as e,H as r,g as a}from"./p-255365bc.js";import{g as h,h as o,r as n,j as c}from"./p-f5529a4f.js";let l=class{constructor(i){t(this,i),this.wcsChange=s(this,"wcsChange",7),this.wcsInput=s(this,"wcsInput",7),this.wcsBlur=s(this,"wcsBlur",7),this.wcsFocus=s(this,"wcsFocus",7),this.inputId="wcs-textarea-"+d++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="none",this.autofocus=!1,this.clearOnEdit=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.autoGrow=!1,this.value="",this.onInput=t=>{this.nativeInput&&(this.value=this.nativeInput.value),this.wcsInput.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChange(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChange(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onKeyDown=()=>{this.checkClearOnEdit()}}debounceChanged(){this.wcsChange=h(this.wcsChange,this.debounce)}valueChanged(){const t=this.nativeInput,s=this.getValue();t&&t.value!==s&&(t.value=s),this.runAutoGrow(),this.wcsChange.emit({value:s})}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}componentWillLoad(){this.inheritedAttributes=o(this.el,["title"])}componentDidLoad(){n((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;t&&this.autoGrow&&i((()=>{t.style.height="auto",t.style.height=t.scrollHeight+"px"}))}async fitContent(){n((()=>this.runAutoGrow()))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}checkClearOnEdit(){this.clearOnEdit&&(this.didBlurAfterEdit&&this.hasValue()&&(this.value=""),this.didBlurAfterEdit=!1)}focusChange(){this.clearOnEdit&&!this.hasFocus&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return""!==this.getValue()}getValue(){return this.value||""}render(){const t=this.getValue(),s=this.inputId+"-lbl",i=c(this.el);return i&&(i.id=s),e(r,{"aria-disabled":this.disabled?"true":null},this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("textarea",Object.assign({class:"native-textarea","aria-labelledby":i?s:null,ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown},this.inheritedAttributes),t))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},d=0;l.style=":host{--wcs-textarea-icon-color:var(--wcs-text-medium);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-border-radius));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-border-radius));display:flex;flex-direction:row;width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-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 textarea{overflow:auto;flex:1;width:100%;box-sizing:border-box;min-height:24px;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 textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:7px;margin-left:8px;margin-right:-8px}:host([disabled]) textarea{color:var(--wcs-text-disabled)}: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{l as wcs_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,g as t}from"./p-255365bc.js";import{l as i}from"./p-f5529a4f.js";import{M as o}from"./p-16dfbae8.js";let a=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 o(this.el.shadowRoot.querySelector(".wcs-inner-button")),this.el.focus=()=>this.el.shadowRoot.querySelector(this.getTagName()).focus()}enabledRippleEffect(){this.mdcRipple.disabled=!1}disabledRippleEffect(){this.mdcRipple.disabled=!0}getTagName(){return void 0!==this.href?"a":"button"}onRippleChange(){this.ripple?this.enabledRippleEffect():this.disabledRippleEffect()}render(){const e=this.getTagName();return r(e,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"]}}};a.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=small]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}:host([shape=round]){--wcs-button-padding:0;--wcs-button-border-radius:50%}:host([shape=round]) .wcs-inner-button{min-width:var(--wcs-button-min-width, 42px);min-height:var(--wcs-button-min-height, 42px)}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) .wcs-inner-button{min-width:var(--wcs-button-min-width, 42px);min-height:var(--wcs-button-min-height, 42px)}:host([shape=normal]){--wcs-button-padding:calc(var(--wcs-padding) / 2 + 1px) calc(var(--wcs-padding))}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}: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-items:center;justify-content:center;width:100%;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;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';export{a as wcs_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as s,h as r,H as t}from"./p-255365bc.js";import{d as i,e}from"./p-f5529a4f.js";let c=class{constructor(r){o(this,r),this.wcsDropdownItemClick=s(this,"wcsDropdownItemClick",7)}onMouseDown(o){this.wcsDropdownItemClick.emit()}onKeyDown(o){(i(o)||e(o))&&this.wcsDropdownItemClick.emit()}render(){return r(t,{slot:"item",tabindex:"0"},r("slot",null))}};c.style="wcs-dropdown-item{display:block;padding:0 var(--wcs-padding);font-weight:500;cursor:pointer;height:42px;line-height:42px}wcs-dropdown-item:hover,wcs-dropdown-item:focus{color:var(--wcs-primary);background-color:var(--wcs-light)}";export{c as wcs_dropdown_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as t,r,c as i,H as e,g as n}from"./p-255365bc.js";import{l as o}from"./p-adef7aaf.js";import{S as s}from"./p-c09e5b82.js";import{
|
|
1
|
+
import{h as t,r,c as i,H as e,g as n}from"./p-255365bc.js";import{l as o}from"./p-adef7aaf.js";import{S as s}from"./p-c09e5b82.js";import{k as c}from"./p-f5529a4f.js";import{M as a}from"./p-16dfbae8.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as s,g as i}from"./p-255365bc.js";import{S as r}from"./p-c09e5b82.js";import{c as e,i as n,a as p,b as a}from"./p-f5529a4f.js";import{c as d}from"./p-e4fdcd1f.js";let c=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=d(t,s,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]}),this.noArrow||(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}onKeyDown(t){if(this.expanded&&(n(t)||p(t))){t.preventDefault();const o=Array.from(this.el.querySelectorAll("wcs-dropdown-item")),s=o.findIndex((t=>t===document.activeElement));-1===s&&n(t)?this.focusFirstItemIfPresent(o):this.moveFocusedItemByDirection(o,s,n(t)?"down":"up")}this.expanded&&a(t)&&this.closeOverlayAndFocusButton()}focusFirstItemIfPresent(t){t[0]&&t[0].focus()}moveFocusedItemByDirection(t,o,s){const i=t[o+("down"===s?1:-1)];i&&i.focus()}closeOverlayAndFocusButton(){this.expanded=!this.expanded,this.el.shadowRoot.querySelector("wcs-button").focus()}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"]}}};c.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{c as wcs_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function n(n){return"clientWidth"in n&&"clientHeight"in n}function t(n){return!!n.shadowRoot&&!!n.attachShadow}const e=(n,t)=>{const e=n._original||n;return{_original:n,emit:r(e.emit.bind(e),t)}},r=(n,t=0)=>{let e;return(...r)=>{clearTimeout(e),e=setTimeout(n,t,...r)}},o=(n,t=[])=>{const e={};return t.forEach((t=>{n.hasAttribute(t)&&(null!==n.getAttribute(t)&&(e[t]=n.getAttribute(t)),n.removeAttribute(t))})),e},i=n=>{const t=n.closest("wcs-form-field");return t?t.querySelector("wcs-label"):null},s=n=>"function"==typeof __zone_symbol__requestAnimationFrame?__zone_symbol__requestAnimationFrame(n):"function"==typeof requestAnimationFrame?requestAnimationFrame(n):setTimeout(n),u=(n,t)=>n.x>=t.getBoundingClientRect().x&&n.x<=t.getBoundingClientRect().x+t.getBoundingClientRect().width&&n.y>=t.getBoundingClientRect().y&&n.y<=t.getBoundingClientRect().y+t.getBoundingClientRect().height,a=(n,t)=>n.target instanceof Node&&t.contains(n.target);function c(n){return"ArrowUp"===n.code}function f(n){return"ArrowDown"===n.code}function l(n){return"Escape"===n.code}function m(n){return"Space"===n.code}function _(n){return"Enter"===n.code}export{c as a,l as b,a as c,m as d,_ as e,u as f,e as g,o as h,f as i,i as j,n as k,t as l,s as r}
|
package/dist/wcs/wcs.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as
|
|
1
|
+
import{p as e,b as o}from"./p-255365bc.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-b06926d7",[[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-28822f1f",[[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-0f44bbbe",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-9af5d287",[[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-9ae3c9e9",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"],size:[1],hideActions:[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["p-ec7f740b",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"],[0,"keydown","onKeyDown"]]]]],["p-6585b5f3",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-716ca1ac",[[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],passwordReveal:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-96ee68db",[[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-b5da7536",[[1,"wcs-accordion",{hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"]},[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["p-f277846f",[[1,"wcs-accordion-content"]]],["p-3c2b5f06",[[1,"wcs-accordion-header"]]],["p-1b8330aa",[[1,"wcs-accordion-panel",{open:[1540],hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"],close:[64]}]]],["p-13d05c78",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-1f359ba5",[[1,"wcs-app"]]],["p-62bc5d86",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-3ec23cf3",[[1,"wcs-card",{mode:[1537]}]]],["p-781b4f9d",[[1,"wcs-card-body"]]],["p-8a000290",[[1,"wcs-com-nav",{appName:[1,"app-name"],mobileMenuOpen:[32],currentActiveSizing:[32]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"]]]]],["p-3d035fbf",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-d60bec91",[[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-b56f032b",[[1,"wcs-divider"]]],["p-059b84f9",[[1,"wcs-dropdown-divider"]]],["p-7ee4b6a1",[[1,"wcs-dropdown-header"]]],["p-a0ec21b0",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-976a6697",[[1,"wcs-field"]]],["p-7fdc11ea",[[1,"wcs-field-content"]]],["p-ac07b4e2",[[1,"wcs-field-label"]]],["p-33226fb4",[[1,"wcs-footer"]]],["p-b133b0dc",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-8f0a936d",[[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-ff4b222c",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-e2a5ddaa",[[1,"wcs-header"]]],["p-5cc5a57d",[[1,"wcs-hint",{small:[1540]}]]],["p-9257912a",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-2a90fd02",[[1,"wcs-label",{required:[516]}]]],["p-f99cd98a",[[1,"wcs-list-item",{activated:[1028]}]]],["p-199c6d1a",[[1,"wcs-list-item-properties"]]],["p-8efe000d",[[1,"wcs-list-item-property"]]],["p-b27b75d7",[[1,"wcs-nav"]]],["p-36061148",[[4,"wcs-nav-item",{text:[513],href:[513]}]]],["p-d3c16915",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-93758284",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-77887785",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-1c459dbe",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-67005182",[[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-4bce1a23",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-21762963",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-af388d8c",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]}]]],["p-cfbb66c6",[[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-d9578bda",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-05eabb26",[[1,"wcs-spinner",{mode:[513]}]]],["p-9f3976ac",[[1,"wcs-button",{type:[1025],href:[1],disabled:[516],ripple:[4],shape:[513],mode:[513]},[[0,"click","onClick"]]]]],["p-01f14d14",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-4dacca6a",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1],familyFile:[32],familyClass:[32]}]]]],e)));
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as r,h as s,H as t}from"./p-255365bc.js";let i=class{constructor(s){o(this,s),this.wcsDropdownItemClick=r(this,"wcsDropdownItemClick",7)}onMouseDown(o){this.wcsDropdownItemClick.emit()}render(){return s(t,{slot:"item"},s("slot",null))}};i.style="wcs-dropdown-item{display:block;padding:0 var(--wcs-padding);font-weight:500;cursor:pointer;height:42px;line-height:42px}wcs-dropdown-item:hover{color:var(--wcs-primary);background-color:var(--wcs-light)}";export{i as wcs_dropdown_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,g as i}from"./p-255365bc.js";import{S as r}from"./p-c09e5b82.js";import{c as e}from"./p-cf4d7a83.js";import{c as p}from"./p-e4fdcd1f.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.noArrow||(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}
|
|
@@ -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-255365bc.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),this.refreshSort(!1)}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.refreshSort(!0)}refreshSort(t){const[s,...i]=this.columns.filter((t=>"none"!==t.sortOrder));s&&!this.serverMode&&this.sortBy(s),t&&this.disableSortOrderForColumns(i)}disableSortOrderForColumns(t){null==t||t.forEach((t=>t.sortOrder="none"))}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.disableSortOrderForColumns(this.columns.filter((s=>s!==t.detail.column))),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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,H as a,g as i}from"./p-255365bc.js";let r=class{constructor(e){t(this,e),this.tabChange=s(this,"tabChange",7),this.align="start",this.selectedIndex=0,this.headersOnly=!1,this.headers=[],this.currentActiveTabIndex=0}selectedIndexChanged(t){this.currentActiveTabIndex=t}selectedTabkeyChanged(t){this.updateCurrentActiveIndexByTabKey(t)}emitActiveTabChange(){this.tabChange.emit({tabName:this.headers[this.currentActiveTabIndex],tabIndex:this.currentActiveTabIndex,selectedKey:this.tabs[this.currentActiveTabIndex].itemKey})}updateCurrentActiveIndexByTabKey(t){for(let s=0;s<this.tabs.length;s++)this.tabs[s].itemKey===t&&(this.currentActiveTabIndex=s)}onTabLoaded(){this.refreshHeaders()}componentDidLoad(){this.putTabsInCorrectDivIfTheyAreNot(),this.refreshHeaders(),this.selectedIndex&&(this.currentActiveTabIndex=this.selectedIndex),this.selectedKey&&this.updateCurrentActiveIndexByTabKey(this.selectedKey)}putTabsInCorrectDivIfTheyAreNot(){const t=this.el.shadowRoot.querySelector(".wcs-tabs");null===t.querySelector("slot")&&Array.from(this.el.querySelectorAll("wcs-tab")).filter((s=>s.parentNode!==t)).forEach((s=>{s.parentElement.isEqualNode(this.el)&&(this.el.removeChild(s),t.appendChild(s))}))}handleKeyDown(t,s){const e=t.target;switch(t.key){case" ":case"Enter":this.currentActiveTabIndex=s,this.emitActiveTabChange(),t.preventDefault();break;case"ArrowLeft":e.previousElementSibling&&e.previousElementSibling.classList.contains("wcs-tab-header")&&(e.previousElementSibling.focus(),t.preventDefault());break;case"ArrowRight":e.nextElementSibling&&e.nextElementSibling.classList.contains("wcs-tab-header")&&(e.nextElementSibling.focus(),t.preventDefault())}}refreshHeaders(){this.headers=[],this.tabs.forEach((t=>{this.headers.push(t.getAttribute("header"))}))}get tabs(){const t=this.el.shadowRoot.querySelector(".wcs-tabs"),s=this.el.shadowRoot.querySelectorAll(".wcs-tabs > wcs-tab");return 0!==s.length?s:t.querySelector("slot")?t.querySelector("slot").assignedElements():[]}selectTabAndEmitChangeEvent(t){this.currentActiveTabIndex=t,this.emitActiveTabChange()}componentWillUpdate(){this.headersOnly?this.hideAllTabsContent():this.updateTabVisibility()}updateTabVisibility(){this.tabs.forEach(((t,s)=>{t.setAttribute("style",s!==this.currentActiveTabIndex?"display: none;":"display: block;")}))}hideAllTabsContent(){this.tabs.forEach((t=>t.setAttribute("style","display: none;")))}render(){return e(a,null,e("div",{class:"wcs-tabs-headers"},this.headers.map(((t,s)=>e("div",{class:"wcs-tab-header "+(this.currentActiveTabIndex===s?"active":""),onClick:()=>this.selectTabAndEmitChangeEvent(s),onKeyDown:t=>this.handleKeyDown(t,s),tabIndex:s},e("span",null,t))))),e("div",{class:"wcs-tabs"},e("slot",{name:"wcs-tab"})))}get el(){return i(this)}static get watchers(){return{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"]}}};r.style=':host{--wcs-tabs-padding-bottom:16px}:host([align=start]) .wcs-tabs-headers{justify-content:start}:host([align=end]) .wcs-tabs-headers{justify-content:end}:host([align=center]) .wcs-tabs-headers{justify-content:center}.wcs-tabs-headers{padding-top:4px;overflow-x:auto;display:flex;position:relative}:host([gutter]) .wcs-tabs-headers{border-bottom:var(--wcs-tabs-headers-border-bottom)}.wcs-tab-header{padding:8px 24px 16px 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;outline:none}.wcs-tab-header span{text-align:center;color:var(--wcs-text-disabled);font-size:1rem;font-weight:400}.wcs-tab-header:focus span,.wcs-tab-header:hover span{color:var(--wcs-primary)}.active span{font-weight:500;color:var(--wcs-primary);position:relative}.active span::after{position:absolute;bottom:calc(var(--wcs-tabs-padding-bottom) * -1);left:0;width:100%;height:0.3125rem;content:"";background-color:var(--wcs-primary);border-radius:3px}';export{r as wcs_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as e,g as t}from"./p-255365bc.js";import{h as i}from"./p-cf4d7a83.js";import{M as o}from"./p-16dfbae8.js";let a=class{constructor(e){r(this,e),this.type="button",this.disabled=!1,this.ripple=!0,this.shape="normal",this.mode="plain"}onClick(r){if(this.disabled&&r.stopImmediatePropagation(),"button"!==this.type&&i(this.el)){const e=this.el.closest("form");if(e){r.preventDefault();const t=window.document.createElement("button");t.type=this.type,t.style.display="none",e.appendChild(t),t.click(),t.remove()}}}componentDidLoad(){this.mdcRipple=new o(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 e(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),e("slot",null))}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};a.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=small]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}:host([shape=round]){--wcs-button-padding:0;--wcs-button-border-radius:50%}:host([shape=round]) .wcs-inner-button{min-width:var(--wcs-button-min-width, 42px);min-height:var(--wcs-button-min-height, 42px)}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) .wcs-inner-button{min-width:var(--wcs-button-min-width, 42px);min-height:var(--wcs-button-min-height, 42px)}:host([shape=normal]){--wcs-button-padding:calc(var(--wcs-padding) / 2 + 1px) calc(var(--wcs-padding))}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}: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-items:center;justify-content:center;width:100%;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;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';export{a as wcs_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as s,H as e}from"./p-255365bc.js";let o=class{constructor(s){r(this,s)}render(){return s(e,{slot:"header"},s("slot",null))}};export{o as wcs_accordion_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as r,g as a}from"./p-255365bc.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.iconPassword="visibility",this.fireFocusEvents=!0,this.hasFocus=!1,this.passwordReveal=!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}passwordRevealIconClick(){this.passwordReveal=!this.passwordReveal}onPasswordRevealChange(){this.iconPassword=this.passwordReveal?"visibility_off":"visibility"}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.passwordReveal?"text":this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown},this.inheritedAttributes)),"password"===this.type?s("wcs-mat-icon",{class:"toggle_password",icon:this.iconPassword,size:"m",onClick:()=>this.passwordRevealIconClick()}):null,this.suffixLabel?s("span",{class:"suffix"},this.suffixLabel):null)}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],passwordReveal:["onPasswordRevealChange"]}}},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-left:8px;margin-right:-8px}:host .toggle_password{cursor:pointer;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}
|
package/dist/wcs/p-cf4d7a83.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as l,h as e,H as t}from"./p-255365bc.js";let a=class{constructor(e){l(this,e),this.required=!1}render(){return e(t,{slot:"label"},e("label",null,e("slot",null)))}};a.style=':host{font-weight:500;margin-bottom:8px}:host([required])::after{font-weight:500;color:var(--wcs-red);content:" *"}label{display:inline-flex;align-items:center}label ::slotted(wcs-mat-icon){display:inline;vertical-align:middle;margin-left:calc(var(--wcs-base-margin) / 2)}';export{a as wcs_label}
|