@3t-transform/threeteeui 0.1.69 → 0.2.70
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/{index-43af0e62.js → index-4cfa8e25.js} +59 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tttx-button.cjs.entry.js +1 -1
- package/dist/cjs/tttx-dialog-box.cjs.entry.js +1 -1
- package/dist/cjs/tttx-filter.cjs.entry.js +1 -1
- package/dist/cjs/tttx-form.cjs.entry.js +1 -1
- package/dist/cjs/tttx-icon.cjs.entry.js +1 -1
- package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +1 -1
- package/dist/cjs/tttx-list.cjs.entry.js +12 -22
- package/dist/cjs/tttx-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tttx-qrcode.cjs.entry.js +1 -1
- package/dist/cjs/tttx-select-box.cjs.entry.js +6 -5
- package/dist/cjs/tttx-sorter.cjs.entry.js +1 -1
- package/dist/cjs/tttx-standalone-input.cjs.entry.js +1 -1
- package/dist/cjs/tttx-tag.cjs.entry.js +1 -1
- package/dist/cjs/tttx-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/tttx-tree-view.cjs.entry.js +1 -1
- package/dist/cjs/tttx.cjs.js +2 -2
- package/dist/collection/components/molecules/tttx-list/tttx-list.css +21 -3
- package/dist/collection/components/molecules/tttx-list/tttx-list.js +13 -46
- package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +134 -4
- package/dist/collection/components/molecules/tttx-select-box/tttx-select-box.css +5 -4
- package/dist/collection/components/molecules/tttx-select-box/tttx-select-box.js +4 -3
- package/dist/collection/components/molecules/tttx-select-box/tttx-select-box.stories.js +57 -2
- package/dist/components/tttx-list.js +13 -24
- package/dist/components/tttx-select-box.js +5 -4
- package/dist/esm/{index-1c711ead.js → index-6a372ea6.js} +59 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/tttx-button.entry.js +1 -1
- package/dist/esm/tttx-dialog-box.entry.js +1 -1
- package/dist/esm/tttx-filter.entry.js +1 -1
- package/dist/esm/tttx-form.entry.js +1 -1
- package/dist/esm/tttx-icon.entry.js +1 -1
- package/dist/esm/tttx-keyvalue-block.entry.js +1 -1
- package/dist/esm/tttx-list.entry.js +12 -22
- package/dist/esm/tttx-loading-spinner.entry.js +1 -1
- package/dist/esm/tttx-qrcode.entry.js +1 -1
- package/dist/esm/tttx-select-box.entry.js +6 -5
- package/dist/esm/tttx-sorter.entry.js +1 -1
- package/dist/esm/tttx-standalone-input.entry.js +1 -1
- package/dist/esm/tttx-tag.entry.js +1 -1
- package/dist/esm/tttx-toolbar.entry.js +1 -1
- package/dist/esm/tttx-tree-view.entry.js +1 -1
- package/dist/esm/tttx.js +3 -3
- package/dist/tttx/p-0c6e39c5.entry.js +1 -0
- package/dist/tttx/p-3f1b6013.js +2 -0
- package/dist/tttx/{p-cff962bf.entry.js → p-50cdce65.entry.js} +1 -1
- package/dist/tttx/{p-225e6fa6.entry.js → p-5290db99.entry.js} +1 -1
- package/dist/tttx/{p-3c7e11d9.entry.js → p-5b7b8539.entry.js} +1 -1
- package/dist/tttx/{p-f80ab1d8.entry.js → p-6fe0af4e.entry.js} +1 -1
- package/dist/tttx/p-750cf31b.entry.js +1 -0
- package/dist/tttx/{p-2f066b53.entry.js → p-75c31e23.entry.js} +1 -1
- package/dist/tttx/{p-e6bbdae3.entry.js → p-818574fe.entry.js} +1 -1
- package/dist/tttx/{p-57621fdb.entry.js → p-895526aa.entry.js} +1 -1
- package/dist/tttx/{p-68680d65.entry.js → p-a6582ab0.entry.js} +1 -1
- package/dist/tttx/{p-6a40d3cc.entry.js → p-c0c022cd.entry.js} +1 -1
- package/dist/tttx/{p-a658e1ac.entry.js → p-c714f7c0.entry.js} +1 -1
- package/dist/tttx/{p-64479f02.entry.js → p-d77e74fd.entry.js} +1 -1
- package/dist/tttx/{p-3467c62e.entry.js → p-e55a967b.entry.js} +1 -1
- package/dist/tttx/{p-53fa8b4d.entry.js → p-e89b053f.entry.js} +1 -1
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components/molecules/tttx-list/interfaces.d.ts +30 -1
- package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +0 -2
- package/dist/types/components/molecules/tttx-select-box/tttx-select-box.d.ts +2 -1
- package/dist/types/components/molecules/tttx-select-box/tttx-select-box.stories.d.ts +1 -0
- package/dist/types/components.d.ts +1 -2
- package/package.json +1 -1
- package/dist/tttx/p-40c66a2e.entry.js +0 -1
- package/dist/tttx/p-6535df53.entry.js +0 -1
- package/dist/tttx/p-c544551b.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o,g as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,H as o,g as n}from"./p-3f1b6013.js";const r=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.toggleFilter=i(this,"toggleFilter",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((i=>i!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let i=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(i=!1)})),this.allSelected=i}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover,this.toggleFilter.emit(this.showPopover)}handleFilterChange(t){this.filterSearchTerm=t.target.value;const i=this.parseFilterOptions().filter((t=>{const i=t.optionText.toLowerCase(),e=this.filterSearchTerm.toLowerCase();return i.includes(e)}));this.displayedFilterSettings=i}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",i=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return e(o,{id:`filter__${this.filterKey}`},e("div",{class:"filter-container"},e("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},e("tttx-icon",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon",{icon:"search",class:"search-icon"}),e("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",e("div",{class:"filter-options-container"},this.showSelectAll?e("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},e("tttx-icon",{icon:i,color:n,class:"select-all-icon"}),e("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const i=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return e("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},e("tttx-icon",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon",{icon:t.optionIcon,color:t.optionIconColor}),e("label",{class:"filter-label"},t.optionText))}))),e("div",{class:"filter-popover-button-container"},e("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),e("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px;cursor:pointer}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding-bottom:8px}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;width:100%;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';export{r as tttx_filter}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as i,h as t,g as d}from"./p-
|
|
1
|
+
import{r as o,c as i,h as t,g as d}from"./p-3f1b6013.js";import{p as l,d as e}from"./p-5ed38d61.js";import"./p-112455b1.js";const a=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.buttonClick=i(this,"buttonClick",7),this.data=void 0,this.size="regular",this.open=!1,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}componentDidRender(){this.dialog()&&(this.open?this.dialog().open||this.dialog().showModal():this.dialog().close())}onCloseClickHandler(){this.open=!1,this.closeButtonClick.emit({close:!0})}onButtonClickHandler(o){this.buttonClick.emit({buttonNumber:o,buttonClicked:!0})}dialog(){return this.el.shadowRoot.querySelector("dialog")}renderHeader(o){const i=o.title,d=!!o.hasClose;return t("div",{class:"dialog-box-header"},!!o.hasIcon&&t("tttx-icon",{class:"dialog-box-icon",icon:o.iconName,color:o.iconColor}),t("h3",{class:"dialog-box-title"},i),d&&t("div",{class:"dialog-box-align-right close-button",onClick:()=>this.onCloseClickHandler()},t("tttx-icon",{class:"dialog-box-icon-close dialog-box-clickable",icon:"close",color:"black"})))}renderContent(o){if(o.isCustomHtml){const i=l.sanitize(o.customHtml,e);return t("div",{class:"dialog-box-body"},t("div",{innerHTML:i}))}return t("div",{class:"dialog-box-body"},t("span",{class:"dialog-box-content"},o.contentText))}renderFooter(o){const i=o.buttons,d=i.length>0,l=i.length>1,e="mobile"===this.elementSize;return t("div",{class:"dialog-box-footer"},t("div",{class:"dialog-box-align-right"},3==i.length&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(3),design:i[2].type,notext:e,icon:i[2].icon},!e&&i[2].name),l&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(2),design:i[1].type,icon:i[1].icon},i[1].name),d&&t("tttx-button",{onClick:()=>this.onButtonClickHandler(1),design:i[0].type,icon:i[0].icon},i[0].name)))}componentWillLoad(){this.elementSize=window.innerWidth<698?"mobile":this.size}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,t("dialog",{class:`dialog-box ${this.elementSize}`},t("div",{class:"contents"},t("div",{class:`dialog-box-padding dialog-box-header-box ${this._data.type||""}`},this.renderHeader(this._data.header)),t("div",{class:"dialog-box-padding dialog-box-body-box"},this.renderContent(this._data.body)),t("div",{class:"dialog-box-padding dialog-box-footer-box"},this.renderFooter(this._data.footer))))}get el(){return d(this)}};a.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d;padding:0}dialog::backdrop{background-color:#75757580}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.dialog-box-clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:"Roboto", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.dialog-box-body{overflow:hidden;text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}';export{a as tttx_dialog_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-
|
|
1
|
+
import{r as t,h as i}from"./p-3f1b6013.js";const e=class{constructor(i){t(this,i),this.loadingMessage=void 0,this.size="large"}renderLoadingMessage(){return this.loadingMessage?i("div",{class:"loading-text"},"Loading, please wait..."):""}render(){return i("div",null,i("div",{class:"loading-box"},i("span",{class:`spinner ${this.size}`})),this.renderLoadingMessage())}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';export{e as tttx_loading_spinner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as r}from"./p-
|
|
1
|
+
import{r as o,h as t,H as r}from"./p-3f1b6013.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.color="grey"}render(){return t(r,null,t("span",{class:`material-symbols-rounded ${this.color?this.color:""}`},this.icon))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.tooltip{background:#ffffff;color:#343434;font-weight:bold;padding:8px 16px;font-size:13px;border-radius:4px;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3);display:none}.tooltip[data-show]{display:block}.arrow,.arrow::before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}.tooltip[data-popper-placement^=left]>.arrow{right:-4px}.tooltip[data-popper-placement^=right]>.arrow{left:-4px}.red{color:#dc0000}.darkred{color:#A20000}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}';export{e as tttx_icon}
|
package/dist/tttx/tttx.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-
|
|
1
|
+
import{p as e,b as t}from"./p-3f1b6013.js";export{s as setNonce}from"./p-3f1b6013.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-d77e74fd",[[1,"tttx-dialog-box",{data:[1025],size:[1],open:[1028],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-0c6e39c5",[[1,"tttx-select-box",{optionsData:[1,"options-data"],label:[1],inline:[4],placeholder:[1],searchEnabled:[4,"search-enabled"],open:[32],selectedItem:[32],searchTerm:[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["p-75c31e23",[[1,"tttx-tree-view",{data:[1040],treeData:[32]}]]],["p-c714f7c0",[[1,"tttx-filter",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],defaultFilterOptions:[1,"default-filter-options"],popoverWidth:[1,"popover-width"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]},[[0,"closeFilter","handleCloseFilter"]]]]],["p-750cf31b",[[1,"tttx-list",{data:[1025],name:[1],_data:[32]}]]],["p-5290db99",[[1,"tttx-sorter",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]},[[0,"closeSorter","handleCloseSorter"]]]]],["p-895526aa",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-6fe0af4e",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-e55a967b",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-50cdce65",[[1,"tttx-qrcode",{link:[1025],size:[1026]}]]],["p-a6582ab0",[[1,"tttx-tag",{text:[1],color:[1]}]]],["p-c0c022cd",[[1,"tttx-toolbar",{border:[4],viewSize:[32]},[[9,"resize","handleResize"]]]]],["p-e89b053f",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-818574fe",[[2,"tttx-standalone-input",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-5b7b8539",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],iconcolor:[1025],design:[1]}]]]],e)));
|
|
@@ -1,9 +1,38 @@
|
|
|
1
1
|
export interface ListItem {
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Unique key to identify a row
|
|
4
|
+
*/
|
|
5
|
+
key: string;
|
|
6
|
+
/**
|
|
7
|
+
* Allow checkboxes to be displayed and used to select the rows
|
|
8
|
+
*/
|
|
3
9
|
hasCheckbox?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Clicking the checkbox keeps the row selected / deselected
|
|
12
|
+
*/
|
|
4
13
|
checked?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* HTML to render inside the row
|
|
16
|
+
*/
|
|
5
17
|
element?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Display an icon on the right side
|
|
20
|
+
*/
|
|
6
21
|
icon?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Trigger an event if the row was clicked
|
|
24
|
+
*/
|
|
7
25
|
clickable?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Clicking the row keeps it activated / deactivated
|
|
28
|
+
*/
|
|
29
|
+
toggleable?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Active row
|
|
32
|
+
*/
|
|
33
|
+
active?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Inner data that's part of the row
|
|
36
|
+
*/
|
|
8
37
|
rowData?: any;
|
|
9
38
|
}
|
|
@@ -15,11 +15,9 @@ export declare class TttxList {
|
|
|
15
15
|
key: string;
|
|
16
16
|
name: string;
|
|
17
17
|
data: any;
|
|
18
|
-
checked: boolean;
|
|
19
18
|
}>;
|
|
20
19
|
onRowCheckboxHandler(event: PointerEvent, item: ListItem): void;
|
|
21
20
|
onRowClickHandler(item: ListItem): void;
|
|
22
|
-
setAllCheckboxes(check: boolean): Promise<void>;
|
|
23
21
|
renderListItem(item: ListItem): any;
|
|
24
22
|
render(): any;
|
|
25
23
|
}
|
|
@@ -14,7 +14,8 @@ export declare class TttxSelectBox {
|
|
|
14
14
|
toggleOpen: EventEmitter<boolean>;
|
|
15
15
|
handleCloseSelectBox(): void;
|
|
16
16
|
handleBlur(): void;
|
|
17
|
-
|
|
17
|
+
dropDownWidth: any;
|
|
18
|
+
onDropdownClicked(event: Event): void;
|
|
18
19
|
onItemSelected(option: SelectItem): void;
|
|
19
20
|
dropdownSelectorContent(): any;
|
|
20
21
|
dropdownOption(option: SelectItem): any;
|
|
@@ -52,7 +52,6 @@ export namespace Components {
|
|
|
52
52
|
interface TttxList {
|
|
53
53
|
"data": string | ListItem[];
|
|
54
54
|
"name": string;
|
|
55
|
-
"setAllCheckboxes": (check: boolean) => Promise<void>;
|
|
56
55
|
}
|
|
57
56
|
interface TttxLoadingSpinner {
|
|
58
57
|
"loadingMessage": boolean;
|
|
@@ -317,7 +316,7 @@ declare namespace LocalJSX {
|
|
|
317
316
|
interface TttxList {
|
|
318
317
|
"data"?: string | ListItem[];
|
|
319
318
|
"name"?: string;
|
|
320
|
-
"onListRowCheckboxClick"?: (event: TttxListCustomEvent<{ key: string; name: string; data: any
|
|
319
|
+
"onListRowCheckboxClick"?: (event: TttxListCustomEvent<{ key: string; name: string; data: any }>) => void;
|
|
321
320
|
"onListRowClick"?: (event: TttxListCustomEvent<{ key: string; name: string; data: any }>) => void;
|
|
322
321
|
}
|
|
323
322
|
interface TttxLoadingSpinner {
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e}from"./p-c544551b.js";import{p as o,d as s}from"./p-5ed38d61.js";import"./p-112455b1.js";const n=class{constructor(e){i(this,e),this.rowClick=t(this,"listRowClick",7),this.rowCheckboxClick=t(this,"listRowCheckboxClick",7),this.data=void 0,this._data=void 0,this.name=void 0}onDataChange(){if(this.data){this._data="string"==typeof this.data?JSON.parse(this.data):[...this.data];for(const i of this._data)i.hasCheckbox&&void 0===i.checked&&(i.checked=!1)}}componentWillLoad(){this.onDataChange()}onRowCheckboxHandler(i,t){i.stopPropagation(),t.rowData&&(t.hasCheckbox&&(t.checked=!t.checked),this._data=[...this._data],this.rowCheckboxClick.emit({key:t.key,name:this.name,data:t.rowData,checked:t.checked}))}onRowClickHandler(i){i.clickable&&i.rowData&&this.rowClick.emit({key:i.key,name:this.name,data:i.rowData})}async setAllCheckboxes(i){for(const t of this._data)t.hasCheckbox&&(t.checked=i);this._data=[...this._data]}renderListItem(i){const t=o.sanitize(i.element,s);return e("li",{class:"item "+(i.clickable?"clickable":""),onClick:()=>{this.onRowClickHandler(i)}},i.hasCheckbox&&e("div",{class:"checkbox"},e("tttx-icon",{icon:i.checked?"check_box":"check_box_outline_blank",color:i.checked?"blue":"grey",onClick:t=>{this.onRowCheckboxHandler(t,i)}})),i.element&&e("span",{class:"item-content",innerHTML:t}),i.icon&&e("span",{class:"icons"},e("tttx-icon",{class:"align-right",icon:i.icon,color:"black"})))}render(){if(this._data)return e("ul",{class:"list"},this._data.map((i=>this.renderListItem(i))))}static get watchers(){return{data:["onDataChange"]}}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}li{display:flex;align-items:flex-start}li.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px}li.item:first-of-type{border-top:1px solid #d5d5d5}li.item.clickable:hover{cursor:pointer}li.item.clickable:active{background-color:#e6e6e6}li.item .icons{display:flex;justify-content:flex-end;flex-grow:1;align-items:center;height:36px}li.item .icons tttx-icon:hover{cursor:pointer}li.item .icons *{display:flex}li:hover{background-color:#1111110D}.align-right{margin-left:auto}.item-content{display:flex;align-items:center;flex-grow:2;min-height:36px}.checkbox{padding:6px;margin-left:-8px}';export{n as tttx_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as i,H as s,g as e}from"./p-c544551b.js";import{p as d,d as n}from"./p-5ed38d61.js";import"./p-112455b1.js";const r=class{constructor(i){o(this,i),this.selectItemEvent=t(this,"selectItemEvent",3),this.toggleOpen=t(this,"toggleOpen",3),this.optionsData=null,this.label=void 0,this.inline=void 0,this.placeholder="",this.searchEnabled=void 0,this.open=!1,this.selectedItem=void 0,this.searchTerm=""}handleCloseSelectBox(){this.open=!1}handleBlur(){this.open=!1,this.toggleOpen.emit(!1)}onDropdownClicked(){this.open=!this.open,this.searchTerm="",this.toggleOpen.emit(this.open)}onItemSelected(o){this.selectedItem=o,this.selectItemEvent.emit(this.selectedItem),this.el.blur()}dropdownSelectorContent(){return this.selectedItem?i("div",null,this.selectedItem.label):i("div",{class:"placeholder"},this.placeholder)}dropdownOption(o){const t=this.searchEnabled&&-1===o.label.toLowerCase().indexOf(this.searchTerm.toLowerCase()),s=this.selectedItem&&o.value===this.selectedItem.value;if(o.html){const e=d.sanitize(o.html,n);return i("div",{class:`dropdown-option ${t?"hidden":""} ${s?"selected":""}`,onClick:this.onItemSelected.bind(this,o),key:o.label,innerHTML:e})}return i("div",{class:`dropdown-option ${t?"hidden":""} ${s?"selected":""}`,onClick:this.onItemSelected.bind(this,o),key:o.label},o.label)}handleSearchInput(o){this.searchTerm=o.target.value}render(){if(!this.optionsData)return;const o="string"==typeof this.optionsData?JSON.parse(this.optionsData):this.optionsData,t=this.open?"expand_less":"expand_more";return i(s,{class:this.inline?"inline":"block"},this.label&&i("div",{class:"label"},this.label),i("div",{tabindex:"0",class:"dropdown-container"},i("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},this.dropdownSelectorContent(),i("div",{class:"dropdown-selector-chevron"},i("tttx-icon",{icon:t,color:"black"}))),this.open&&i("div",{class:"dropdown-body"},this.searchEnabled&&i("div",{class:"searchbox"},i("tttx-standalone-input",{type:"text",label:"",required:!0,showerrorbubble:!1,iconleft:"search",onInput:this.handleSearchInput.bind(this)})),i("div",{class:"dropdown-options-list"},o.map((o=>this.dropdownOption(o)))))))}get el(){return e(this)}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:flex;gap:4px}.label{font-size:16px;font-style:normal;font-weight:500;line-height:normal}:host(.inline) .label{padding-top:8px}:host(.block){flex-direction:column}.dropdown-container{position:relative;display:flex;flex-direction:column;width:100%}.dropdown-container:focus-visible{outline:none}.dropdown-container:focus .dropdown-selector{border:1px solid #1479c6}.dropdown-selector,.dropdown-body{display:flex;border-radius:4px;background-color:white}.dropdown-selector{align-items:center;gap:8px;padding:8px 8px 8px 16px;cursor:pointer;border:1px solid #d5d5d5}.dropdown-selector-chevron{margin-left:auto;height:24px}.dropdown-body{display:flex;width:inherit;position:absolute;flex-direction:column;box-shadow:0px 1px 5px #1111114D;padding-bottom:8px;border:1px solid #d5d5d5;top:42px}.dropdown-body.search{max-height:410px}.dropdown-options-list{display:flex;flex-direction:column;overflow-y:auto;max-height:368px}.dropdown-option{padding:8px 8px 8px 16px;cursor:pointer}.dropdown-option:hover{background-color:#1111110D}.dropdown-option:active,.dropdown-option.selected{background-color:#ebfbfc}.placeholder{color:#9e9e9e}.searchbox{padding:8px 16px 0 16px}.searchbox tttx-standalone-input{margin-top:-4px}.hidden{display:none}';export{r as tttx_select_box}
|
package/dist/tttx/p-c544551b.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
let e,n,t=!1;const l={},s=e=>"object"==(e=typeof e)||"function"===e;function o(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const i=(e,n,...t)=>{let l=null,o=null,i=!1,r=!1;const u=[],a=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!s(l))&&(l+=""),i&&r?u[u.length-1].t+=l:u.push(i?c(null,l):l),r=i)};if(a(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const f=c(e,null);return f.l=n,u.length>0&&(f.o=u),f.i=o,f},c=(e,n)=>({u:0,m:e,t:n,h:null,o:null,l:null,i:null}),r={},u=e=>V(e).p,a=(e,n,t)=>{const l=u(e);return{emit:e=>f(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},f=(e,n,t)=>{const l=Y.ce(n,t);return e.dispatchEvent(l),l},d=new WeakMap,m=e=>"sc-"+e.$,y=(e,n,t,l,o,i)=>{if(t!==l){let c=B(e,n),r=n.toLowerCase();if("class"===n){const n=e.classList,s=p(t),o=p(l);n.remove(...s.filter((e=>e&&!o.includes(e)))),n.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(c||"o"!==n[0]||"n"!==n[1]){const r=s(l);if((c||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const s=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==s||(e[n]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(n)||e.removeAttribute(n):(!c||4&i||o)&&!r&&e.setAttribute(n,l=!0===l?"":l)}else n="-"===n[2]?n.slice(3):B(Q,r)?r.slice(2):r[2]+n.slice(3),t&&Y.rel(e,n,t,!1),l&&Y.ael(e,n,l,!1)}},h=/\s/,p=e=>e?e.split(h):[],$=(e,n,t,s)=>{const o=11===n.h.nodeType&&n.h.host?n.h.host:n.h,i=e&&e.l||l,c=n.l||l;for(s in i)s in c||y(o,s,i[s],void 0,t,n.u);for(s in c)y(o,s,i[s],c[s],t,n.u)},b=(n,t,l)=>{const s=t.o[l];let o,i,c=0;if(null!==s.t)o=s.h=X.createTextNode(s.t);else if(o=s.h=X.createElement(s.m),$(null,s,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),s.o)for(c=0;c<s.o.length;++c)i=b(n,s,c),i&&o.appendChild(i);return o},v=(e,t,l,s,o,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);o<=i;++o)s[o]&&(c=b(null,l,o),c&&(s[o].h=c,r.insertBefore(c,t)))},w=(e,n,t,l,s)=>{for(;n<=t;++n)(l=e[n])&&(s=l.h,j(l),s.remove())},S=(e,n)=>e.m===n.m&&e.i===n.i,g=(e,n)=>{const t=n.h=e.h,l=e.o,s=n.o,o=n.t;null===o?("slot"===n.m||$(e,n,!1),null!==l&&null!==s?((e,n,t,l)=>{let s,o,i=0,c=0,r=0,u=0,a=n.length-1,f=n[0],d=n[a],m=l.length-1,y=l[0],h=l[m];for(;i<=a&&c<=m;)if(null==f)f=n[++i];else if(null==d)d=n[--a];else if(null==y)y=l[++c];else if(null==h)h=l[--m];else if(S(f,y))g(f,y),f=n[++i],y=l[++c];else if(S(d,h))g(d,h),d=n[--a],h=l[--m];else if(S(f,h))g(f,h),e.insertBefore(f.h,d.h.nextSibling),f=n[++i],h=l[--m];else if(S(d,y))g(d,y),e.insertBefore(d.h,f.h),d=n[--a],y=l[++c];else{for(r=-1,u=i;u<=a;++u)if(n[u]&&null!==n[u].i&&n[u].i===y.i){r=u;break}r>=0?(o=n[r],o.m!==y.m?s=b(n&&n[c],t,r):(g(o,y),n[r]=void 0,s=o.h),y=l[++c]):(s=b(n&&n[c],t,c),y=l[++c]),s&&f.h.parentNode.insertBefore(s,f.h)}i>a?v(e,null==l[m+1]?null:l[m+1].h,t,l,c,m):c>m&&w(n,i,a)})(t,l,n,s):null!==s?(null!==e.t&&(t.textContent=""),v(t,null,n,s,0,s.length-1)):null!==l&&w(l,0,l.length-1)):e.t!==o&&(t.data=o)},j=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(j)},k=(e,n)=>{n&&!e.v&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.v=n)))},M=(e,n)=>{if(e.u|=16,!(4&e.u))return k(e,e.S),ce((()=>O(e,n)));e.u|=512},O=(e,n)=>{const t=e.g;let l;return n&&(e.u|=256,e.j&&(e.j.map((([e,n])=>R(t,e,n))),e.j=null),l=R(t,"componentWillLoad")),l=W(l,(()=>R(t,"componentWillRender"))),W(l,(()=>C(e,t,n)))},C=async(e,n,t)=>{const l=e.p,s=l["s-rc"];t&&(e=>{const n=e.k,t=e.p,l=n.u,s=((e,n)=>{var t;let l=m(n);const s=K.get(l);if(e=11===e.nodeType?e:X,s)if("string"==typeof s){let n,i=d.get(e=e.head||e);if(i||d.set(e,i=new Set),!i.has(l)){{n=X.createElement("style"),n.innerHTML=s;const l=null!==(t=Y.M)&&void 0!==t?t:o(X);null!=l&&n.setAttribute("nonce",l),e.insertBefore(n,e.querySelector("link"))}i&&i.add(l)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=s,t.classList.add(s+"-h"),2&l&&t.classList.add(s+"-s"))})(e);P(e,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const n=l["s-p"],t=()=>x(e);0===n.length?t():(Promise.all(n).then(t),e.u|=4,n.length=0)}},P=(t,l)=>{try{l=l.render(),t.u&=-17,t.u|=2,((t,l)=>{const s=t.p,o=t.O||c(null,null),u=(e=>e&&e.m===r)(l)?l:i(null,null,l);n=s.tagName,u.m=null,u.u|=4,t.O=u,u.h=o.h=s.shadowRoot||s,e=s["s-sc"],g(o,u)})(t,l)}catch(e){G(e,t.p)}return null},x=e=>{const n=e.p,t=e.g,l=e.S;R(t,"componentDidRender"),64&e.u||(e.u|=64,E(n),R(t,"componentDidLoad"),e.C(n),l||L()),e.P(n),e.v&&(e.v(),e.v=void 0),512&e.u&&ie((()=>M(e,!1))),e.u&=-517},L=()=>{E(X.documentElement),ie((()=>f(Q,"appload",{detail:{namespace:"tttx"}})))},R=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){G(e)}},W=(e,n)=>e&&e.then?e.then(n):n(),E=e=>e.classList.add("hydrated"),N=(e,n,t)=>{if(n.L){e.watchers&&(n.R=e.watchers);const l=Object.entries(n.L),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(o,e,{get(){return((e,n)=>V(this).W.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=V(e),i=o.p,c=o.W.get(n),r=o.u,u=o.g;if(t=((e,n)=>null==e||s(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.L[n][0]),(!(8&r)||void 0===c)&&t!==c&&(!Number.isNaN(c)||!Number.isNaN(t))&&(o.W.set(n,t),u)){if(l.R&&128&r){const e=l.R[n];e&&e.map((e=>{try{u[e](t,c,n)}catch(e){G(e,i)}}))}2==(18&r)&&M(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(o,e,{value(...n){const t=V(this);return t.N.then((()=>t.g[e](...n)))}})})),1&t){const n=new Map;o.attributeChangedCallback=function(e,t,l){Y.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,n])=>15&n[0])).map((([e,t])=>{const l=t[1]||e;return n.set(l,e),l}))}}return e},T=(e,n={})=>{var t;const l=[],s=n.exclude||[],i=Q.customElements,c=X.head,r=c.querySelector("meta[charset]"),u=X.createElement("style"),a=[];let f,d=!0;Object.assign(Y,n),Y.T=new URL(n.resourcesUrl||"./",X.baseURI).href,e.map((e=>{e[1].map((t=>{const o={u:t[0],$:t[1],L:t[2],A:t[3]};o.L=t[2],o.A=t[3],o.R={};const c=n.transformTagName?n.transformTagName(o.$):o.$,r=class extends HTMLElement{constructor(e){super(e),z(e=this,o),1&o.u&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Y.jmp((()=>(e=>{if(0==(1&Y.u)){const n=V(e),t=n.k,l=()=>{};if(1&n.u)A(e,n,t.A);else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){k(n,n.S=t);break}}t.L&&Object.entries(t.L).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t,l,s)=>{if(0==(32&n.u)){{if(n.u|=32,(s=J(t)).then){const e=()=>{};s=await s,e()}s.isProxied||(t.R=s.watchers,N(s,t,2),s.isProxied=!0);const e=()=>{};n.u|=8;try{new s(n)}catch(e){G(e)}n.u&=-9,n.u|=128,e()}if(s.style){let e=s.style;const n=m(t);if(!K.has(n)){const l=()=>{};((e,n,t)=>{let l=K.get(e);ee&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,K.set(e,l)})(n,e,!!(1&t.u)),l()}}}const o=n.S,i=()=>M(n,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,n,t)}l()}})(this)))}disconnectedCallback(){Y.jmp((()=>(()=>{if(0==(1&Y.u)){const e=V(this);e.D&&(e.D.map((e=>e())),e.D=void 0)}})()))}componentOnReady(){return V(this).F}};o.H=e[0],s.includes(c)||i.get(c)||(l.push(c),i.define(c,N(r,o,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const e=null!==(t=Y.M)&&void 0!==t?t:o(X);null!=e&&u.setAttribute("nonce",e),c.insertBefore(u,r?r.nextSibling:c.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):Y.jmp((()=>f=setTimeout(L,30)))},A=(e,n,t)=>{t&&t.map((([t,l,s])=>{const o=F(e,t),i=D(n,s),c=H(t);Y.ael(o,l,i,c),(n.D=n.D||[]).push((()=>Y.rel(o,l,i,c)))}))},D=(e,n)=>t=>{try{256&e.u?e.g[n](t):(e.j=e.j||[]).push([n,t])}catch(e){G(e)}},F=(e,n)=>8&n?Q:e,H=e=>0!=(2&e),U=e=>Y.M=e,q=new WeakMap,V=e=>q.get(e),_=(e,n)=>q.set(n.g=e,n),z=(e,n)=>{const t={u:0,p:e,k:n,W:new Map};return t.N=new Promise((e=>t.P=e)),t.F=new Promise((e=>t.C=e)),e["s-p"]=[],e["s-rc"]=[],A(e,t,n.A),q.set(e,t)},B=(e,n)=>n in e,G=(e,n)=>(0,console.error)(e,n),I=new Map,J=e=>{const n=e.$.replace(/-/g,"_"),t=e.H,l=I.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(I.set(t,e),e[n])),G)
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},K=new Map,Q="undefined"!=typeof window?window:{},X=Q.document||{head:{}},Y={u:0,T:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},Z=e=>Promise.resolve(e),ee=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ne=[],te=[],le=(e,n)=>l=>{e.push(l),t||(t=!0,n&&4&Y.u?ie(oe):Y.raf(oe))},se=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){G(e)}e.length=0},oe=()=>{se(ne),se(te),(t=ne.length>0)&&Y.raf(oe)},ie=e=>Z().then(e),ce=le(te,!0);export{r as H,T as b,a as c,u as g,i as h,Z as p,_ as r,U as s}
|