@sankhyalabs/ezui 1.2.0-beta.23 → 1.2.0-beta.25
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/ez-form.cjs.entry.js +8 -8
- package/dist/cjs/ez-grid-config.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +2 -1
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +2 -2
- package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +4 -4
- package/dist/collection/components/ez-form/structure/FormSheetMetadata.js +2 -2
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +2 -1
- package/dist/collection/components/ez-grid/subcomponents/ez-grid-config/ez-grid-config.css +3 -3
- package/dist/collection/components/ez-list/ez-list.css +3 -3
- package/dist/collection/components/ez-popup/ez-popup.css +1 -1
- package/dist/collection/components/ez-tabselector/ez-tabselector.css +1 -1
- package/dist/collection/components/ez-toast/ez-toast.css +1 -1
- package/dist/collection/components/ez-upload/ez-upload.css +1 -1
- package/dist/custom-elements/index.js +16 -15
- package/dist/esm/ez-form.entry.js +8 -8
- package/dist/esm/ez-grid-config.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +2 -1
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-04a41a44.entry.js +1 -0
- package/dist/ezui/{p-bca406db.entry.js → p-2c6398b3.entry.js} +1 -1
- package/dist/ezui/{p-802d23d9.entry.js → p-42c6493e.entry.js} +1 -1
- package/dist/ezui/{p-b4ad3b15.entry.js → p-482c3dd8.entry.js} +1 -1
- package/dist/ezui/{p-198c487e.entry.js → p-ae5af8f9.entry.js} +1 -1
- package/dist/ezui/{p-2cc6dd66.entry.js → p-cd4677d4.entry.js} +1 -1
- package/dist/ezui/p-cfcc23e6.entry.js +1 -0
- package/dist/ezui/{p-b706619e.entry.js → p-efa32bcc.entry.js} +1 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +4 -2
- package/package.json +2 -2
- package/dist/ezui/p-73df9db8.entry.js +0 -1
- package/dist/ezui/p-e6971baf.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as r}from"./p-3c7ea91b.js";import{StringUtils as o}from"@sankhyalabs/core";import{A as a}from"./p-0b44cf1c.js";import{D as s}from"./p-e1148f5c.js";let l=class{constructor(t){i(this,t),this.configFinish=e(this,"configFinish",7),this.configCancel=e(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this._componenteInternalKey=Date.now(),this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.filter((i=>{var e;return o.getBooleanValue(null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.get("sortable"),!0)})).forEach((e=>{var t;let r=null===(t=this.config)||void 0===t?void 0:t.columns.find((i=>i.name===e.name)),o={name:e.name,label:e.label};r&&(o.orderIndex=r.orderIndex,o.ascending=r.ascending),e.hidden||i.push(o)})),i.sort(((i,e)=>0!=i.orderIndex||0!=e.orderIndex||null==i.ascending&&null==e.ascending?null!=i.ascending&&null!=e.ascending?i.orderIndex-e.orderIndex:null!=i.ascending||null!=e.ascending?null!=i.ascending?-1:null!=e.ascending?1:0:i.orderIndex-e.orderIndex:null!=i.ascending?-1:null!=e.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},e={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((t=>{let r={label:t.label};t.hidden?e.items.push(r):i.items.push(r)})),this._columListItems=[i,e]}buildColumnListSlot(i,e){return t("div",null,t("ez-check",{mode:"switch",id:"switch"+((null==i?void 0:i.label)||"")+((null==e?void 0:e.group)||""),value:"Visíveis"===e.group,onEzChange:e=>{this.switchColumnGroup(e,i)}}))}buildOrderListSlot(i){let e="na";return null!=(null==i?void 0:i.ascending)&&(e=1==i.ascending?"asc":"desc"),t("div",null,t("ez-select-box",{selectedOption:e,key:"ez-select-box-"+this._componenteInternalKey+"-"+i,onEzChange:e=>{e.stopPropagation(),this.updateOrder(e.detail,i.label)}}))}updateOrder(i,e){var t;this._dataChanged=!0;let r,o=[...this.columns],a=o.find((i=>i.label===e));a&&(a.sort="na"===i.value?void 0:i.value),(null===(t=this._orderPriorityList)||void 0===t?void 0:t.length)>0?(this._orderPriorityList.find((i=>i.label===a.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,e)=>{i.label===a.label&&(a.sortIndex=e)}))):(r=o.filter((i=>i.sort&&!0!==i.hidden)).map(((i,e)=>({label:i.label,orderIndex:e}))),r.forEach((i=>{o.find((e=>e.label===i.label)).sortIndex=i.orderIndex}))),this.columns=o}switchColumnGroup(i,e){i.stopPropagation();let t=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=t.find((i=>"Ocultas"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Visíveis"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}else if(!1===i.detail){let i=t.find((i=>"Visíveis"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Ocultas"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((e=>{e.items.forEach((t=>{const r=this.columns.find((i=>i.label===t.label));let o=Object.assign({},r);o.hidden="Ocultas"===e.group,i.push(o)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),this.save()}save(){var i;let e;e=this.config?this.config:this.createConfigFromState(this.columns);let t,r=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){t=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,e=[];this._orderPriorityList.forEach((r=>{let o=t.find((i=>i.label===r.label));o&&(o.orderIndex=i,e.push(o),i++)})),e.length>0&&(t=e)}for(let i=0;i<this.columns.length;i++){const a=this.columns[i];let s=e.columns.find((i=>a.name===i.name));!0===a.hidden&&s||(s?s.width=a.width:!1===a.hidden&&(s={name:a.name,width:a.width,orderIndex:0}),s&&(a.sort?(s.ascending="ASC"===a.sort.toUpperCase(),t?o(a,s):s.orderIndex=a.sortIndex):(delete s.ascending,s.orderIndex=0),r.push(s)))}function o(i,e){if(t){let r=t.find((e=>e.label===i.label));r&&(e.orderIndex=r.orderIndex)}}e.columns=r,this.configFinish.emit(e),this._orderList.clearHistory()}createConfigFromState(i){let e={columns:[]};return i.forEach((i=>{if(!i.hidden){let t={name:i.name};i.width&&(t.width=i.width),i.sort?(t.ascending="ASC"===i.sort.toUpperCase(),t.orderIndex=i.sortIndex):t.orderIndex=0,t&&e.columns.push(t)}})),e}async locateColumn(i,e){var t;const r="Enter"===i.key;e||(e=null===(t=i.currentTarget)||void 0===t?void 0:t.value);let o=-1;if("Ordenação das linhas"===this.selectedTab)if(e){const i=[];let t,a;if(await this._orderList.getList().then((r=>{t=r,t.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)}))})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o,a=t[o],a?this._orderList.setSelection({label:a.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(e){const i=[];if(this.columns.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o;let t=this.columns[o];t?this._columnList.setSelection({label:t.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,e){return o.replaceAccentuatedChars(i.label).indexOf(o.replaceAccentuatedChars(e))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?a.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,s.WARN,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory(),this._componenteInternalKey=Date.now())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var e;(null===(e=null==i?void 0:i.target)||void 0===e?void 0:e.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var e;if(i.detail){let t=null===(e=i.detail.find((i=>"Visíveis"===i.group)))||void 0===e?void 0:e.items;t&&(this._dataChanged=!0,this._orderListItems=t)}}handleOrderListChange(i){if(i.detail){let e=i.detail;e&&(this._dataChanged=!0,this._orderPriorityList=e)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return t(r,null,t("div",{class:"grid-config__header"},t("div",{class:"title-container"},t("div",{class:""},t("label",{class:"title"},"Configuração da Grade"),t("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),t("div",{class:"button-close"},t("ez-button",{mode:"icon",iconName:"close",size:"medium",onClick:()=>this.closeConfig()}))),t("div",{class:"tabselector-container"},t("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),t("div",null,t("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},t("ez-icon",{slot:"leftIcon",size:"medium",iconName:"search"})))),t("div",{class:"grid-config__main"},t("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,e)=>this.buildColumnListSlot(i,e),useGroups:!0}),t("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),t("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"height-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),t("div",{class:"grid-config__footer"},t("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),t("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};l.style='.sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--ez-grid-config__title--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-size:var(--title--large, 20px);--ez-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Sora");--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-grid-config__group--font-family:var(--font-pattern, "Sora");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--ez-grid-config__title--font-size);font-family:var(--ez-grid-config__title--font-family);font-weight:var(--ez-grid-config__title--font-weight)}.subtitle.sc-ez-grid-config{color:var(--text--primary);font-size:var(--ez-grid-config__subtitle--font-size);font-family:var(--ez-grid-config__subtitle--font-family)}.grid-config__main.sc-ez-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-grid-config__scrollbar--background-color-primary) var(--ez-grid-config__scrollbar--background-color-secondary);padding-right:var(--ez-grid-config__main--padding-right)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color-primary);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width);background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}';export{l as ez_grid_config}
|
|
1
|
+
import{r as i,c as e,h as t,H as r}from"./p-3c7ea91b.js";import{StringUtils as o}from"@sankhyalabs/core";import{A as s}from"./p-0b44cf1c.js";import{D as a}from"./p-e1148f5c.js";let l=class{constructor(t){i(this,t),this.configFinish=e(this,"configFinish",7),this.configCancel=e(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this._componenteInternalKey=Date.now(),this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.filter((i=>{var e;return o.getBooleanValue(null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.get("sortable"),!0)})).forEach((e=>{var t;let r=null===(t=this.config)||void 0===t?void 0:t.columns.find((i=>i.name===e.name)),o={name:e.name,label:e.label};r&&(o.orderIndex=r.orderIndex,o.ascending=r.ascending),e.hidden||i.push(o)})),i.sort(((i,e)=>0!=i.orderIndex||0!=e.orderIndex||null==i.ascending&&null==e.ascending?null!=i.ascending&&null!=e.ascending?i.orderIndex-e.orderIndex:null!=i.ascending||null!=e.ascending?null!=i.ascending?-1:null!=e.ascending?1:0:i.orderIndex-e.orderIndex:null!=i.ascending?-1:null!=e.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},e={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((t=>{let r={label:t.label};t.hidden?e.items.push(r):i.items.push(r)})),this._columListItems=[i,e]}buildColumnListSlot(i,e){return t("div",null,t("ez-check",{mode:"switch",id:"switch"+((null==i?void 0:i.label)||"")+((null==e?void 0:e.group)||""),value:"Visíveis"===e.group,onEzChange:e=>{this.switchColumnGroup(e,i)}}))}buildOrderListSlot(i){let e="na";return null!=(null==i?void 0:i.ascending)&&(e=1==i.ascending?"asc":"desc"),t("div",null,t("ez-select-box",{selectedOption:e,key:"ez-select-box-"+this._componenteInternalKey+"-"+i,onEzChange:e=>{e.stopPropagation(),this.updateOrder(e.detail,i.label)}}))}updateOrder(i,e){var t;this._dataChanged=!0;let r,o=[...this.columns],s=o.find((i=>i.label===e));s&&(s.sort="na"===i.value?void 0:i.value),(null===(t=this._orderPriorityList)||void 0===t?void 0:t.length)>0?(this._orderPriorityList.find((i=>i.label===s.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,e)=>{i.label===s.label&&(s.sortIndex=e)}))):(r=o.filter((i=>i.sort&&!0!==i.hidden)).map(((i,e)=>({label:i.label,orderIndex:e}))),r.forEach((i=>{o.find((e=>e.label===i.label)).sortIndex=i.orderIndex}))),this.columns=o}switchColumnGroup(i,e){i.stopPropagation();let t=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=t.find((i=>"Ocultas"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Visíveis"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}else if(!1===i.detail){let i=t.find((i=>"Visíveis"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Ocultas"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((e=>{e.items.forEach((t=>{const r=this.columns.find((i=>i.label===t.label));let o=Object.assign({},r);o.hidden="Ocultas"===e.group,i.push(o)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),this.save()}save(){var i;let e;e=this.config?this.config:this.createConfigFromState(this.columns);let t,r=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){t=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,e=[];this._orderPriorityList.forEach((r=>{let o=t.find((i=>i.label===r.label));o&&(o.orderIndex=i,e.push(o),i++)})),e.length>0&&(t=e)}for(let i=0;i<this.columns.length;i++){const s=this.columns[i];let a=e.columns.find((i=>s.name===i.name));!0===s.hidden&&a||(a?a.width=s.width:!1===s.hidden&&(a={name:s.name,width:s.width,orderIndex:0}),a&&(s.sort?(a.ascending="ASC"===s.sort.toUpperCase(),t?o(s,a):a.orderIndex=s.sortIndex):(delete a.ascending,a.orderIndex=0),r.push(a)))}function o(i,e){if(t){let r=t.find((e=>e.label===i.label));r&&(e.orderIndex=r.orderIndex)}}e.columns=r,this.configFinish.emit(e),this._orderList.clearHistory()}createConfigFromState(i){let e={columns:[]};return i.forEach((i=>{if(!i.hidden){let t={name:i.name};i.width&&(t.width=i.width),i.sort?(t.ascending="ASC"===i.sort.toUpperCase(),t.orderIndex=i.sortIndex):t.orderIndex=0,t&&e.columns.push(t)}})),e}async locateColumn(i,e){var t;const r="Enter"===i.key;e||(e=null===(t=i.currentTarget)||void 0===t?void 0:t.value);let o=-1;if("Ordenação das linhas"===this.selectedTab)if(e){const i=[];let t,s;if(await this._orderList.getList().then((r=>{t=r,t.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)}))})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o,s=t[o],s?this._orderList.setSelection({label:s.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(e){const i=[];if(this.columns.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o;let t=this.columns[o];t?this._columnList.setSelection({label:t.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,e){return o.replaceAccentuatedChars(i.label).indexOf(o.replaceAccentuatedChars(e))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?s.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,a.WARN,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory(),this._componenteInternalKey=Date.now())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var e;(null===(e=null==i?void 0:i.target)||void 0===e?void 0:e.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var e;if(i.detail){let t=null===(e=i.detail.find((i=>"Visíveis"===i.group)))||void 0===e?void 0:e.items;t&&(this._dataChanged=!0,this._orderListItems=t)}}handleOrderListChange(i){if(i.detail){let e=i.detail;e&&(this._dataChanged=!0,this._orderPriorityList=e)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return t(r,null,t("div",{class:"grid-config__header"},t("div",{class:"title-container"},t("div",{class:""},t("label",{class:"title"},"Configuração da Grade"),t("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),t("div",{class:"button-close"},t("ez-button",{mode:"icon",iconName:"close",size:"medium",onClick:()=>this.closeConfig()}))),t("div",{class:"tabselector-container"},t("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),t("div",null,t("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},t("ez-icon",{slot:"leftIcon",size:"medium",iconName:"search"})))),t("div",{class:"grid-config__main"},t("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,e)=>this.buildColumnListSlot(i,e),useGroups:!0}),t("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),t("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"height-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),t("div",{class:"grid-config__footer"},t("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),t("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};l.style='.sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--ez-grid-config__title--font-family:var(--font-pattern, "Roboto");--ez-grid-config__title--font-size:var(--title--large, 20px);--ez-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Roboto");--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-grid-config__group--font-family:var(--font-pattern, "Roboto");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--ez-grid-config__title--font-size);font-family:var(--ez-grid-config__title--font-family);font-weight:var(--ez-grid-config__title--font-weight)}.subtitle.sc-ez-grid-config{color:var(--text--primary);font-size:var(--ez-grid-config__subtitle--font-size);font-family:var(--ez-grid-config__subtitle--font-family)}.grid-config__main.sc-ez-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-grid-config__scrollbar--background-color-primary) var(--ez-grid-config__scrollbar--background-color-secondary);padding-right:var(--ez-grid-config__main--padding-right)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color-primary);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width);background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}';export{l as ez_grid_config}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as i,H as e}from"./p-3c7ea91b.js";let s=class{constructor(i){r(this,i),this.ezChange=t(this,"ezChange",7),this._listItems=[],this._listGroupItems=[],this._listItemsHistory=[],this.dataSource=[],this.useGroups=!1,this.ezDraggable=!1,this.ezSelectable=!1}createList(){if(this.useGroups){let r=[...this.dataSource];r.forEach((r=>{this.sortGroup(r)})),this._listGroupItems=r}else this._listItems=this._listItemsHistory.length>0?this._listItemsHistory:[...this.dataSource]}sortGroup(r){r.sort&&(r.items.sort((function(r,t){return r.label<t.label?-1:r.label>t.label?1:0})),"DSC"===r.sort&&r.items.reverse())}async clearHistory(){this._listItemsHistory=[]}async scrollToTop(){this.useGroups?this._element.shadowRoot.querySelector(".group-container").scrollTop=0:this._element.shadowRoot.querySelector(".items-container").scrollTop=0}async setSelection(r,t){if(r&&this.ezSelectable){if(this.useGroups){let t=[...this._listGroupItems];t.forEach((t=>{t.items.forEach((t=>{t.selected=t.label==r.label}))})),this._listGroupItems=t}else{let t=[...this._listItems];t.forEach((t=>{t.selected=t.label===r.label})),this._listItems=t}if(t){let t=this.useGroups?this._groupContainer.querySelector("li#item_"+this.getItemId(r.label)):this._itemContainer.querySelector("li#item_"+this.getItemId(r.label));t&&t.scrollIntoView()}}else this.removeSelection()}removeSelection(){if(this.useGroups){let r=[...this._listGroupItems];r.forEach((r=>{r.items.forEach((r=>{r.selected=!1}))})),this._listGroupItems=r}else{let r=[...this._listItems];r.forEach((r=>{r.selected=!1})),this._listItems=r}}async getSelection(){let r;return this.useGroups?this._listGroupItems.every((t=>{let i=t.items.find((r=>1==r.selected));return!i||(r=i,!1)})):r=this._listItems.find((r=>1==r.selected)),r}async getList(){return this.useGroups?this._listGroupItems:this._listItems}componentWillLoad(){this._listItemsHistory=[]}componentWillRender(){this.createList()}onDrop(r,t){if(this.removeOverClass(),this.setSelection(void 0),this._dragStartItem)if(this.useGroups){let r=[...this._listGroupItems],i=this._listGroupItems.find((r=>t.groupName==r.group));if(r.find((r=>r.group==this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1),i.sort)r.find((r=>r.group==t.groupName)).items.push(this._dragStartItem.item),r.find((r=>r.group==t.groupName)).items.sort((function(r,t){return r.label<t.label?-1:r.label>t.label?1:0})),"DSC"===i.sort&&r.find((r=>r.group==t.groupName)).items.reverse();else{let i=t.index>this._dragStartItem.index?t.index-1:t.index;r.find((r=>r.group==t.groupName)).items.splice(i,0,this._dragStartItem.item)}this._listGroupItems=r,this.ezChange.emit(this._listGroupItems)}else{let r=[...this._listItems];r.splice(this._dragStartItem.index,1),r.splice(t.index,0,this._dragStartItem.item),this._listItems=r,this._listItemsHistory=r,this.ezChange.emit(this._listItems)}r.stopPropagation()}onDropLastIndex(r,t){if(this.removeOverClass(),this.setSelection(void 0),this._dragStartItem)if(this.useGroups){let r=[...this._listGroupItems],i=this._listGroupItems.find((r=>t.group==r.group));r.find((r=>r.group==this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1),r.find((r=>r.group==t.group)).items.push(this._dragStartItem.item),i.sort&&(r.find((r=>r.group==t.group)).items.sort((function(r,t){return r.label<t.label?-1:r.label>t.label?1:0})),"DSC"===i.sort&&r.find((r=>r.group==t.group)).items.reverse()),this._listGroupItems=r,this.ezChange.emit(this._listGroupItems)}else{let r=[...this._listItems];r.splice(this._dragStartItem.index,1),r.push(this._dragStartItem.item),this._listItems=r,this._listItemsHistory=r,this.ezChange.emit(this._listItems)}r.stopPropagation()}onDropGroup(r){var t;let i=[...this._listGroupItems];this.setSelection(void 0);let e=i.find((t=>t.group===r.group));if(e){if((null===(t=e.items)||void 0===t?void 0:t.length)>0){let r;e.items.forEach(((t,i)=>{t.label===this._dragStartItem.item.label&&(r={item:t,index:i})})),r?(e.items.splice(r.index,1),e.items.unshift(r.item),this.sortGroup(e)):(e.items.unshift(this._dragStartItem.item),this.sortGroup(e),i.find((r=>r.group===this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1))}else i.find((r=>r.group===this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1),e.items=[this._dragStartItem.item];this._listGroupItems=i}}onDragEnd(){if(this._dragStartItem=void 0,this.useGroups&&this.hideOverlays(),this._draggingElement){try{this._element.shadowRoot.removeChild(this._draggingElement)}catch(r){}this._draggingElement=void 0}}addOverClass(r){(null==r?void 0:r.__proto__)==HTMLDivElement.prototype&&r.classList.contains("draggable")?r.classList.add("over"):(null==r?void 0:r.parentElement)&&!r.parentElement.classList.contains("draggable-list")&&this.addOverClass(r.parentElement)}addOverGroupClass(r,t){if(r.target){let r=this._groupContainer.querySelector("div#"+this.getDivGroupId(t.group)).getElementsByClassName("group-overlay")[0];t.items.length>0?r.setAttribute("style","display:grid"):(r.classList.add("presetedHeight"),r.setAttribute("style","display:grid"),r.scrollIntoView(!1))}}removeOverClass(){var r,t;let i,e;this.useGroups?(i=null===(r=this._groupContainer)||void 0===r?void 0:r.getElementsByClassName("over"),e=this._groupContainer.getElementsByClassName("last-droppable-space")):(i=null===(t=this._itemContainer)||void 0===t?void 0:t.getElementsByClassName("over"),e=this._itemContainer.getElementsByClassName("last-droppable-space")),i&&Array.from(i).forEach((function(r){r.classList.remove("over")})),e&&Array.from(e).forEach((function(r){r.classList.remove("over")}))}removeOverGroupClass(r,t){if(r.target){let r=this._groupContainer.querySelector("div#"+this.getDivGroupId(t.group)).getElementsByClassName("group-overlay")[0];r&&(r.classList.remove("presetedHeight"),r.setAttribute("style","display:none"))}}onDragStart(r,t,i){this._changeDeboucingTimeout&&window.clearTimeout(this._changeDeboucingTimeout),this.useGroups?(this._dragStartItem={groupName:t.group,item:r,index:i},this._changeDeboucingTimeout=window.setTimeout((()=>{this.showOverlays(t)}),10)):this._dragStartItem={item:r.item,index:r.index}}selectFirstItem(){this.useGroups&&this.setSelection(this._listGroupItems[0].items[0]),this.setSelection(this._listItems[0])}nextOption(r){let t;if(this.useGroups)this._listGroupItems.every(((i,e,s)=>{let a,o=i.items.findIndex((t=>t.label==r.label));return null!=o&&-1!=o&&(o===i.items.length-1?e+1<=s.length-1&&(a={label:s[e+1].items[0].label}):a={label:i.items[o+1].label}),null==a||(t=a,!1)}));else{let i=this._listItems.findIndex((t=>t.label===r.label));i>=0&&i<this._listItems.length&&(t=this._listItems[i+1])}this.setSelection(t,!0)}previousOption(r){let t;if(this.useGroups)this._listGroupItems.every(((i,e,s)=>{let a,o=i.items.findIndex((t=>t.label==r.label));return null!=o&&-1!=o&&(0===o?e-1>=0&&(a={label:s[e-1].items[s[e-1].items.length-1].label}):a={label:i.items[o-1].label}),null==a||(t=a,!1)}));else{let i=this._listItems.findIndex((t=>t.label===r.label));i>0&&i<this._listItems.length&&(t=this._listItems[i-1])}this.setSelection(t,!0)}keyDownHandler(r){r.preventDefault(),this.getSelection().then((t=>{if(t)switch(r.key){case"ArrowDown":this.nextOption(t);break;case"ArrowUp":this.previousOption(t)}else this.selectFirstItem()})),r.stopPropagation()}getItemId(r){if(r)return r.replace(/[^a-z0-9_]/gi,"_")}getDivGroupId(r){if(r)return"group-"+r.replace(/[^a-z0-9_]/gi,"_")}getGroupOverlayId(r){if(r)return"group-overlay-"+r.replace(/[^a-z0-9_]/gi,"_")}onDragOverGroup(r,t){this._dragStartItem&&this._dragStartItem.groupName!==t.group&&t.sort&&(r.preventDefault(),this.addOverGroupClass(r,t))}onDragOverItem(r){this._dragStartItem&&(r.preventDefault(),this.addOverClass(r.target),r.stopPropagation())}onDragOverLastIndex(r){r.preventDefault(),this._dragStartItem&&(r.target.classList.add("over"),r.stopPropagation())}showOverlays(r){let t=this._groupContainer.getElementsByClassName("group-overlay");Array.from(t).forEach((t=>{let i=this.getGroupOverlayId(r.group);i&&t.getAttribute("id")&&i!=t.getAttribute("id")&&(t.classList.add("presetedHeight"),t.setAttribute("style","display:grid"))}))}hideOverlays(){var r;let t=null===(r=this._groupContainer)||void 0===r?void 0:r.getElementsByClassName("group-overlay");Array.from(t).forEach((r=>{r.classList.remove("presetedHeight"),r.setAttribute("style","display:none")}))}render(){return i(e,{ref:r=>this._element=r},this.useGroups?i("div",{class:"group-container",ref:r=>this._groupContainer=r,tabIndex:0,onKeyDown:r=>{this.keyDownHandler(r)}},this._listGroupItems.map((r=>i("div",{id:this.getDivGroupId(r.group),class:"group",key:r.group+r.items.length,onDrop:()=>this.onDropGroup(r)},i("label",{draggable:!1,class:"group-name"},r.group),i("section",{class:"section-container",onDragOver:r=>r.preventDefault()},i("div",{class:"group-items-container"},i("div",{class:"draggable-list"},r.items.map(((t,e)=>i("li",{id:"item_"+this.getItemId(t.label),class:this.ezSelectable?"selectable-container":"",key:"item_"+this.getItemId(t.label)},i("div",{class:"draggable"+(1==t.selected?" selected-item ":"")+(1==this.ezSelectable?" selectable ":""),onClick:()=>{this.setSelection(t)},onDragLeave:()=>{r.sort||this.removeOverClass()},onDragEnd:()=>this.onDragEnd(),onDragStart:()=>this.onDragStart(t,r,e),onDragOver:t=>{r.sort||this.onDragOverItem(t)},onDrop:i=>this.onDrop(i,{groupName:r.group,item:t,index:e}),draggable:this.ezDraggable},i("div",{class:"item-content"},this.ezDraggable?i("span",{class:"draggable-icon"}):void 0,i("p",{title:t.label,class:"person-name text--ellipsis"},t.label)),this.itemSlotBuilder?i("div",{class:"slot-item"},this.itemSlotBuilder(t,r)):void 0))))),i("div",{class:"last-droppable-space",onDragLeave:()=>this.removeOverClass(),onDragOver:r=>{this.onDragOverLastIndex(r)},onDragEnd:()=>this.onDragEnd(),onDrop:t=>this.onDropLastIndex(t,r)})),r.sort?i("div",{id:this.getGroupOverlayId(r.group),class:"group-overlay"},"Mover para ",r.group):void 0))))):i("div",{class:"items-container",ref:r=>this._itemContainer=r,tabIndex:0,onKeyDown:r=>{this.keyDownHandler(r)}},i("div",{class:"draggable-list"},this._listItems.map(((r,t)=>i("li",{id:"item_"+this.getItemId(r.label),class:this.ezSelectable?"selectable-container":"",key:"item_"+this.getItemId(r.label)},i("div",{class:"draggable"+(1==r.selected?" selected-item ":"")+(1==this.ezSelectable?" selectable ":""),onDragStart:()=>this.onDragStart({item:r,index:t}),onClick:()=>{this.setSelection(r)},onDragLeave:()=>this.removeOverClass(),onDragOver:r=>this.onDragOverItem(r),onDragEnd:()=>this.onDragEnd(),onDrop:i=>this.onDrop(i,{item:r,index:t}),draggable:this.ezDraggable},i("div",{class:"item-content"},this.ezDraggable?i("span",{class:"draggable-icon"}):void 0,i("p",{title:r.label,class:"person-name text--ellipsis"},r.label)),this.itemSlotBuilder?i("div",null,this.itemSlotBuilder(r)):void 0)))),i("div",{class:"last-droppable-space",onDragLeave:()=>this.removeOverClass(),onDragOver:r=>{this.onDragOverLastIndex(r)},onDragEnd:()=>this.onDragEnd(),onDrop:r=>this.onDropLastIndex(r)}))))}};s.style=':host{--ez-list__host--z-index:var(--visible, 1);--ez-list__host--border-radius:var(--border--radius-medium, 12px);--ez-list__host--padding:var(--space--medium, 12px);--ez-list__icon--padding:var(--space--small, 6px);--ez-list__icon--color:#AFB6C0;--ez-list__item--margin:0 var(--space--small, 6px);--ez-list__item--color:var(--title--primary, #2b3a54);--ez-list__item--border-bottom:var(--border--small, 1px solid);--ez-list__item--border-color:var(--title--primary, #2b3a54);--ez-list__item--font-family:var(--font-pattern, "Sora");--ez-list__item--font-size:var(--text--medium, 14px);--ez-list__selectable--padding-right:var(--space--small, 6px);--ez-list__selectable--padding-left:var(--space--small, 6px);--ez-list__selected-item--border-radius:var(--border--radius-small, 6px);--ez-list__selected-item--background-color:var(--color--primary-300, #E2F4EF);--ez-list__group--font-family:var(--font-pattern, "Sora");--ez-list__group--font-size:var(--text--medium, 14px);--ez-list__group--font-weight:var(--text-weight--large, 600);--ez-list__group--padding-bottom:var(--space-small, 6px);--ez-list__group-overlay--font-family:var(--font-pattern, "Sora");--ez-list__group-overlay--font-size:var(--text--medium, 14px);--ez-list__group-container-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-list__group-container-scrollbar--width:var(--space--medium, 12px);--ez-list__group-container-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-list__group-container-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-list__over--border--color:var(--color--primary, #008561);--ez-list__last-droppable-space--height:var(--space--small, 6px);--ez-list__draggable-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-list__draggable-scrollbar--width:var(--space--medium, 12px);--ez-list__draggable-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-list__draggable-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-list__draggable-list--padding-bottom:var(--space--small, 6px);--ez-list__draggable-icon--image:url(\'data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z"/></svg>\');max-height:100%;width:100%;background-color:#fff;display:flex;z-index:var(--ez-list__host--z-index)}p{margin:0}.draggable{display:flex;align-items:center;border-top:1px dashed #fff;justify-content:space-between;background-color:#fff;font-family:var(--ez-list__item--font-family);font-size:var(--ez-list__item--font-size);flex:1;width:100%}.dragging{background:#FFFFFF;border:1px solid #008561;box-sizing:border-box;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);border-radius:6px}.selectable{cursor:pointer;padding-right:var(--ez-list__selectable--padding-right);padding-left:var(--ez-list__selectable--padding-left)}.selectable-container{margin:0px !important}.item-content{display:flex;justify-content:flex-start;align-items:center;width:100%}.group-container .item-content{max-width:calc(100% - 41px)}.items-container .item-content{max-width:calc(100% - 100px)}.draggable-list{color:var(--text-color);padding:0;margin:0;width:100%;max-height:100%;scrollbar-width:thin;scrollbar-color:var(--ez-list__draggable-scrollbar--background-color-primary) var(--ez-list__draggable-scrollbar--background-color-secondary)}.draggable-list li{background-color:#fff;display:flex;margin:var(--ez-list__item--margin);font-family:var(--ez-list__item--font-family);font-size:var(--ez-list__item--font-size);color:var(--ez-list__item--color);height:32px}.over{border-top:1px dashed var(--ez-list__over--border--color)}.last-droppable-space{height:var(--ez-list__last-droppable-space--height)}.draggable-selected{background-color:var(--background--strong) !important}.draggable-selected div:hover{background-color:var(--background--strong) !important}.draggable-list::-webkit-scrollbar-track{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary)}.draggable-list::-webkit-scrollbar-thumb{background-color:var(--ez-list__draggable-scrollbar--background-color-primary);border-radius:var(--ez-list__draggable-scrollbar--border-radius)}.draggable-list::-webkit-scrollbar{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary);width:var(--ez-list__draggable-scrollbar--width);max-width:var(--ez-list__draggable-scrollbar--width);min-width:var(--ez-list__draggable-scrollbar--width)}.draggable-icon{align-items:flex-start;display:flex;outline:none;border:none;background-color:unset}.draggable-icon::after{content:\'\';display:flex;background-color:var(--ez-list__icon--color);width:18px;height:18px;-webkit-mask-image:var(--ez-list__draggable-icon--image);mask-image:var(--ez-list__draggable-icon--image)}*{box-sizing:border-box}.checkbox{width:fit-content}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-container{display:flex;flex-direction:column;max-height:100%;overflow-y:auto;outline:none;width:100%;scrollbar-width:thin;scrollbar-color:var(--ez-list__group-container-scrollbar--background-color-primary) var(--ez-list__group-container-scrollbar--background-color-secondary)}.group-name{font-family:var(--ez-list__group--font-family);font-size:var(--ez-list__group--font-size);font-weight:var(--ez-list__group--font-weight);padding-bottom:var(--ez-list__group--padding-bottom);-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.group{display:flex;flex-direction:column}.group-container::-webkit-scrollbar-track{background-color:var(--ez-list__group-container-scrollbar--background-color-secondary)}.group-container::-webkit-scrollbar-thumb{background-color:var(--ez-list__group-container-scrollbar--background-color-primary);border-radius:var(--ez-list__group-container-scrollbar--border-radius)}.group-container::-webkit-scrollbar{background-color:var(--ez-list__group-container-scrollbar--background-color-secondary);width:var(--ez-list__group-container-scrollbar--width);max-width:var(--ez-list__group-container-scrollbar--width);min-width:var(--ez-list__group-container-scrollbar--width)}.section-container{display:flex;position:relative;height:100%}.items-container{width:100%;max-height:100%;overflow-y:auto;outline:none;scrollbar-width:thin;scrollbar-color:var(--ez-list__draggable-scrollbar--background-color-primary) var(--ez-list__draggable-scrollbar--background-color-secondary)}.group-items-container{width:100%;max-height:100%;height:100%;outline:none}.items-container::-webkit-scrollbar-track{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary)}.items-container::-webkit-scrollbar-thumb{background-color:var(--ez-list__draggable-scrollbar--background-color-primary);border-radius:var(--ez-list__draggable-scrollbar--border-radius)}.items-container::-webkit-scrollbar{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary);width:var(--ez-list__draggable-scrollbar--width);max-width:var(--ez-list__draggable-scrollbar--width);min-width:var(--ez-list__draggable-scrollbar--width)}.group-overlay{font-family:var(--ez-list__group-overlay--font-family);font-size:var(--ez-list__group-overlay--font-size);background:rgba(226, 244, 239, 0.8);border:1px solid #008561;border-radius:8px;position:absolute;display:none;place-items:center;top:0;bottom:0;left:0;right:0;z-index:2;margin:0;cursor:pointer}.presetedHeight{min-height:100px}.overlay-text{position:absolute;top:50%;left:50%;font-size:50px;color:white;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.selected-item{background:var(--ez-list__selected-item--background-color);border-radius:var(--ez-list__selected-item--border-radius)}.slot-item{align-items:flex-end}.overGroup{background:rgba(226, 244, 239, 0.8);border:1px solid #008561;box-sizing:border-box;border-radius:8px;padding-top:6px}';export{s as ez_list}
|
|
1
|
+
import{r,c as t,h as i,H as e}from"./p-3c7ea91b.js";let s=class{constructor(i){r(this,i),this.ezChange=t(this,"ezChange",7),this._listItems=[],this._listGroupItems=[],this._listItemsHistory=[],this.dataSource=[],this.useGroups=!1,this.ezDraggable=!1,this.ezSelectable=!1}createList(){if(this.useGroups){let r=[...this.dataSource];r.forEach((r=>{this.sortGroup(r)})),this._listGroupItems=r}else this._listItems=this._listItemsHistory.length>0?this._listItemsHistory:[...this.dataSource]}sortGroup(r){r.sort&&(r.items.sort((function(r,t){return r.label<t.label?-1:r.label>t.label?1:0})),"DSC"===r.sort&&r.items.reverse())}async clearHistory(){this._listItemsHistory=[]}async scrollToTop(){this.useGroups?this._element.shadowRoot.querySelector(".group-container").scrollTop=0:this._element.shadowRoot.querySelector(".items-container").scrollTop=0}async setSelection(r,t){if(r&&this.ezSelectable){if(this.useGroups){let t=[...this._listGroupItems];t.forEach((t=>{t.items.forEach((t=>{t.selected=t.label==r.label}))})),this._listGroupItems=t}else{let t=[...this._listItems];t.forEach((t=>{t.selected=t.label===r.label})),this._listItems=t}if(t){let t=this.useGroups?this._groupContainer.querySelector("li#item_"+this.getItemId(r.label)):this._itemContainer.querySelector("li#item_"+this.getItemId(r.label));t&&t.scrollIntoView()}}else this.removeSelection()}removeSelection(){if(this.useGroups){let r=[...this._listGroupItems];r.forEach((r=>{r.items.forEach((r=>{r.selected=!1}))})),this._listGroupItems=r}else{let r=[...this._listItems];r.forEach((r=>{r.selected=!1})),this._listItems=r}}async getSelection(){let r;return this.useGroups?this._listGroupItems.every((t=>{let i=t.items.find((r=>1==r.selected));return!i||(r=i,!1)})):r=this._listItems.find((r=>1==r.selected)),r}async getList(){return this.useGroups?this._listGroupItems:this._listItems}componentWillLoad(){this._listItemsHistory=[]}componentWillRender(){this.createList()}onDrop(r,t){if(this.removeOverClass(),this.setSelection(void 0),this._dragStartItem)if(this.useGroups){let r=[...this._listGroupItems],i=this._listGroupItems.find((r=>t.groupName==r.group));if(r.find((r=>r.group==this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1),i.sort)r.find((r=>r.group==t.groupName)).items.push(this._dragStartItem.item),r.find((r=>r.group==t.groupName)).items.sort((function(r,t){return r.label<t.label?-1:r.label>t.label?1:0})),"DSC"===i.sort&&r.find((r=>r.group==t.groupName)).items.reverse();else{let i=t.index>this._dragStartItem.index?t.index-1:t.index;r.find((r=>r.group==t.groupName)).items.splice(i,0,this._dragStartItem.item)}this._listGroupItems=r,this.ezChange.emit(this._listGroupItems)}else{let r=[...this._listItems];r.splice(this._dragStartItem.index,1),r.splice(t.index,0,this._dragStartItem.item),this._listItems=r,this._listItemsHistory=r,this.ezChange.emit(this._listItems)}r.stopPropagation()}onDropLastIndex(r,t){if(this.removeOverClass(),this.setSelection(void 0),this._dragStartItem)if(this.useGroups){let r=[...this._listGroupItems],i=this._listGroupItems.find((r=>t.group==r.group));r.find((r=>r.group==this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1),r.find((r=>r.group==t.group)).items.push(this._dragStartItem.item),i.sort&&(r.find((r=>r.group==t.group)).items.sort((function(r,t){return r.label<t.label?-1:r.label>t.label?1:0})),"DSC"===i.sort&&r.find((r=>r.group==t.group)).items.reverse()),this._listGroupItems=r,this.ezChange.emit(this._listGroupItems)}else{let r=[...this._listItems];r.splice(this._dragStartItem.index,1),r.push(this._dragStartItem.item),this._listItems=r,this._listItemsHistory=r,this.ezChange.emit(this._listItems)}r.stopPropagation()}onDropGroup(r){var t;let i=[...this._listGroupItems];this.setSelection(void 0);let e=i.find((t=>t.group===r.group));if(e){if((null===(t=e.items)||void 0===t?void 0:t.length)>0){let r;e.items.forEach(((t,i)=>{t.label===this._dragStartItem.item.label&&(r={item:t,index:i})})),r?(e.items.splice(r.index,1),e.items.unshift(r.item),this.sortGroup(e)):(e.items.unshift(this._dragStartItem.item),this.sortGroup(e),i.find((r=>r.group===this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1))}else i.find((r=>r.group===this._dragStartItem.groupName)).items.splice(this._dragStartItem.index,1),e.items=[this._dragStartItem.item];this._listGroupItems=i}}onDragEnd(){if(this._dragStartItem=void 0,this.useGroups&&this.hideOverlays(),this._draggingElement){try{this._element.shadowRoot.removeChild(this._draggingElement)}catch(r){}this._draggingElement=void 0}}addOverClass(r){(null==r?void 0:r.__proto__)==HTMLDivElement.prototype&&r.classList.contains("draggable")?r.classList.add("over"):(null==r?void 0:r.parentElement)&&!r.parentElement.classList.contains("draggable-list")&&this.addOverClass(r.parentElement)}addOverGroupClass(r,t){if(r.target){let r=this._groupContainer.querySelector("div#"+this.getDivGroupId(t.group)).getElementsByClassName("group-overlay")[0];t.items.length>0?r.setAttribute("style","display:grid"):(r.classList.add("presetedHeight"),r.setAttribute("style","display:grid"),r.scrollIntoView(!1))}}removeOverClass(){var r,t;let i,e;this.useGroups?(i=null===(r=this._groupContainer)||void 0===r?void 0:r.getElementsByClassName("over"),e=this._groupContainer.getElementsByClassName("last-droppable-space")):(i=null===(t=this._itemContainer)||void 0===t?void 0:t.getElementsByClassName("over"),e=this._itemContainer.getElementsByClassName("last-droppable-space")),i&&Array.from(i).forEach((function(r){r.classList.remove("over")})),e&&Array.from(e).forEach((function(r){r.classList.remove("over")}))}removeOverGroupClass(r,t){if(r.target){let r=this._groupContainer.querySelector("div#"+this.getDivGroupId(t.group)).getElementsByClassName("group-overlay")[0];r&&(r.classList.remove("presetedHeight"),r.setAttribute("style","display:none"))}}onDragStart(r,t,i){this._changeDeboucingTimeout&&window.clearTimeout(this._changeDeboucingTimeout),this.useGroups?(this._dragStartItem={groupName:t.group,item:r,index:i},this._changeDeboucingTimeout=window.setTimeout((()=>{this.showOverlays(t)}),10)):this._dragStartItem={item:r.item,index:r.index}}selectFirstItem(){this.useGroups&&this.setSelection(this._listGroupItems[0].items[0]),this.setSelection(this._listItems[0])}nextOption(r){let t;if(this.useGroups)this._listGroupItems.every(((i,e,s)=>{let a,o=i.items.findIndex((t=>t.label==r.label));return null!=o&&-1!=o&&(o===i.items.length-1?e+1<=s.length-1&&(a={label:s[e+1].items[0].label}):a={label:i.items[o+1].label}),null==a||(t=a,!1)}));else{let i=this._listItems.findIndex((t=>t.label===r.label));i>=0&&i<this._listItems.length&&(t=this._listItems[i+1])}this.setSelection(t,!0)}previousOption(r){let t;if(this.useGroups)this._listGroupItems.every(((i,e,s)=>{let a,o=i.items.findIndex((t=>t.label==r.label));return null!=o&&-1!=o&&(0===o?e-1>=0&&(a={label:s[e-1].items[s[e-1].items.length-1].label}):a={label:i.items[o-1].label}),null==a||(t=a,!1)}));else{let i=this._listItems.findIndex((t=>t.label===r.label));i>0&&i<this._listItems.length&&(t=this._listItems[i-1])}this.setSelection(t,!0)}keyDownHandler(r){r.preventDefault(),this.getSelection().then((t=>{if(t)switch(r.key){case"ArrowDown":this.nextOption(t);break;case"ArrowUp":this.previousOption(t)}else this.selectFirstItem()})),r.stopPropagation()}getItemId(r){if(r)return r.replace(/[^a-z0-9_]/gi,"_")}getDivGroupId(r){if(r)return"group-"+r.replace(/[^a-z0-9_]/gi,"_")}getGroupOverlayId(r){if(r)return"group-overlay-"+r.replace(/[^a-z0-9_]/gi,"_")}onDragOverGroup(r,t){this._dragStartItem&&this._dragStartItem.groupName!==t.group&&t.sort&&(r.preventDefault(),this.addOverGroupClass(r,t))}onDragOverItem(r){this._dragStartItem&&(r.preventDefault(),this.addOverClass(r.target),r.stopPropagation())}onDragOverLastIndex(r){r.preventDefault(),this._dragStartItem&&(r.target.classList.add("over"),r.stopPropagation())}showOverlays(r){let t=this._groupContainer.getElementsByClassName("group-overlay");Array.from(t).forEach((t=>{let i=this.getGroupOverlayId(r.group);i&&t.getAttribute("id")&&i!=t.getAttribute("id")&&(t.classList.add("presetedHeight"),t.setAttribute("style","display:grid"))}))}hideOverlays(){var r;let t=null===(r=this._groupContainer)||void 0===r?void 0:r.getElementsByClassName("group-overlay");Array.from(t).forEach((r=>{r.classList.remove("presetedHeight"),r.setAttribute("style","display:none")}))}render(){return i(e,{ref:r=>this._element=r},this.useGroups?i("div",{class:"group-container",ref:r=>this._groupContainer=r,tabIndex:0,onKeyDown:r=>{this.keyDownHandler(r)}},this._listGroupItems.map((r=>i("div",{id:this.getDivGroupId(r.group),class:"group",key:r.group+r.items.length,onDrop:()=>this.onDropGroup(r)},i("label",{draggable:!1,class:"group-name"},r.group),i("section",{class:"section-container",onDragOver:r=>r.preventDefault()},i("div",{class:"group-items-container"},i("div",{class:"draggable-list"},r.items.map(((t,e)=>i("li",{id:"item_"+this.getItemId(t.label),class:this.ezSelectable?"selectable-container":"",key:"item_"+this.getItemId(t.label)},i("div",{class:"draggable"+(1==t.selected?" selected-item ":"")+(1==this.ezSelectable?" selectable ":""),onClick:()=>{this.setSelection(t)},onDragLeave:()=>{r.sort||this.removeOverClass()},onDragEnd:()=>this.onDragEnd(),onDragStart:()=>this.onDragStart(t,r,e),onDragOver:t=>{r.sort||this.onDragOverItem(t)},onDrop:i=>this.onDrop(i,{groupName:r.group,item:t,index:e}),draggable:this.ezDraggable},i("div",{class:"item-content"},this.ezDraggable?i("span",{class:"draggable-icon"}):void 0,i("p",{title:t.label,class:"person-name text--ellipsis"},t.label)),this.itemSlotBuilder?i("div",{class:"slot-item"},this.itemSlotBuilder(t,r)):void 0))))),i("div",{class:"last-droppable-space",onDragLeave:()=>this.removeOverClass(),onDragOver:r=>{this.onDragOverLastIndex(r)},onDragEnd:()=>this.onDragEnd(),onDrop:t=>this.onDropLastIndex(t,r)})),r.sort?i("div",{id:this.getGroupOverlayId(r.group),class:"group-overlay"},"Mover para ",r.group):void 0))))):i("div",{class:"items-container",ref:r=>this._itemContainer=r,tabIndex:0,onKeyDown:r=>{this.keyDownHandler(r)}},i("div",{class:"draggable-list"},this._listItems.map(((r,t)=>i("li",{id:"item_"+this.getItemId(r.label),class:this.ezSelectable?"selectable-container":"",key:"item_"+this.getItemId(r.label)},i("div",{class:"draggable"+(1==r.selected?" selected-item ":"")+(1==this.ezSelectable?" selectable ":""),onDragStart:()=>this.onDragStart({item:r,index:t}),onClick:()=>{this.setSelection(r)},onDragLeave:()=>this.removeOverClass(),onDragOver:r=>this.onDragOverItem(r),onDragEnd:()=>this.onDragEnd(),onDrop:i=>this.onDrop(i,{item:r,index:t}),draggable:this.ezDraggable},i("div",{class:"item-content"},this.ezDraggable?i("span",{class:"draggable-icon"}):void 0,i("p",{title:r.label,class:"person-name text--ellipsis"},r.label)),this.itemSlotBuilder?i("div",null,this.itemSlotBuilder(r)):void 0)))),i("div",{class:"last-droppable-space",onDragLeave:()=>this.removeOverClass(),onDragOver:r=>{this.onDragOverLastIndex(r)},onDragEnd:()=>this.onDragEnd(),onDrop:r=>this.onDropLastIndex(r)}))))}};s.style=':host{--ez-list__host--z-index:var(--visible, 1);--ez-list__host--border-radius:var(--border--radius-medium, 12px);--ez-list__host--padding:var(--space--medium, 12px);--ez-list__icon--padding:var(--space--small, 6px);--ez-list__icon--color:#AFB6C0;--ez-list__item--margin:0 var(--space--small, 6px);--ez-list__item--color:var(--title--primary, #2b3a54);--ez-list__item--border-bottom:var(--border--small, 1px solid);--ez-list__item--border-color:var(--title--primary, #2b3a54);--ez-list__item--font-family:var(--font-pattern, "Roboto");--ez-list__item--font-size:var(--text--medium, 14px);--ez-list__selectable--padding-right:var(--space--small, 6px);--ez-list__selectable--padding-left:var(--space--small, 6px);--ez-list__selected-item--border-radius:var(--border--radius-small, 6px);--ez-list__selected-item--background-color:var(--color--primary-300, #E2F4EF);--ez-list__group--font-family:var(--font-pattern, "Roboto");--ez-list__group--font-size:var(--text--medium, 14px);--ez-list__group--font-weight:var(--text-weight--large, 600);--ez-list__group--padding-bottom:var(--space-small, 6px);--ez-list__group-overlay--font-family:var(--font-pattern, "Roboto");--ez-list__group-overlay--font-size:var(--text--medium, 14px);--ez-list__group-container-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-list__group-container-scrollbar--width:var(--space--medium, 12px);--ez-list__group-container-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-list__group-container-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-list__over--border--color:var(--color--primary, #008561);--ez-list__last-droppable-space--height:var(--space--small, 6px);--ez-list__draggable-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-list__draggable-scrollbar--width:var(--space--medium, 12px);--ez-list__draggable-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-list__draggable-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-list__draggable-list--padding-bottom:var(--space--small, 6px);--ez-list__draggable-icon--image:url(\'data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z"/></svg>\');max-height:100%;width:100%;background-color:#fff;display:flex;z-index:var(--ez-list__host--z-index)}p{margin:0}.draggable{display:flex;align-items:center;border-top:1px dashed #fff;justify-content:space-between;background-color:#fff;font-family:var(--ez-list__item--font-family);font-size:var(--ez-list__item--font-size);flex:1;width:100%}.dragging{background:#FFFFFF;border:1px solid #008561;box-sizing:border-box;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);border-radius:6px}.selectable{cursor:pointer;padding-right:var(--ez-list__selectable--padding-right);padding-left:var(--ez-list__selectable--padding-left)}.selectable-container{margin:0px !important}.item-content{display:flex;justify-content:flex-start;align-items:center;width:100%}.group-container .item-content{max-width:calc(100% - 41px)}.items-container .item-content{max-width:calc(100% - 100px)}.draggable-list{color:var(--text-color);padding:0;margin:0;width:100%;max-height:100%;scrollbar-width:thin;scrollbar-color:var(--ez-list__draggable-scrollbar--background-color-primary) var(--ez-list__draggable-scrollbar--background-color-secondary)}.draggable-list li{background-color:#fff;display:flex;margin:var(--ez-list__item--margin);font-family:var(--ez-list__item--font-family);font-size:var(--ez-list__item--font-size);color:var(--ez-list__item--color);height:32px}.over{border-top:1px dashed var(--ez-list__over--border--color)}.last-droppable-space{height:var(--ez-list__last-droppable-space--height)}.draggable-selected{background-color:var(--background--strong) !important}.draggable-selected div:hover{background-color:var(--background--strong) !important}.draggable-list::-webkit-scrollbar-track{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary)}.draggable-list::-webkit-scrollbar-thumb{background-color:var(--ez-list__draggable-scrollbar--background-color-primary);border-radius:var(--ez-list__draggable-scrollbar--border-radius)}.draggable-list::-webkit-scrollbar{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary);width:var(--ez-list__draggable-scrollbar--width);max-width:var(--ez-list__draggable-scrollbar--width);min-width:var(--ez-list__draggable-scrollbar--width)}.draggable-icon{align-items:flex-start;display:flex;outline:none;border:none;background-color:unset}.draggable-icon::after{content:\'\';display:flex;background-color:var(--ez-list__icon--color);width:18px;height:18px;-webkit-mask-image:var(--ez-list__draggable-icon--image);mask-image:var(--ez-list__draggable-icon--image)}*{box-sizing:border-box}.checkbox{width:fit-content}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-container{display:flex;flex-direction:column;max-height:100%;overflow-y:auto;outline:none;width:100%;scrollbar-width:thin;scrollbar-color:var(--ez-list__group-container-scrollbar--background-color-primary) var(--ez-list__group-container-scrollbar--background-color-secondary)}.group-name{font-family:var(--ez-list__group--font-family);font-size:var(--ez-list__group--font-size);font-weight:var(--ez-list__group--font-weight);padding-bottom:var(--ez-list__group--padding-bottom);-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.group{display:flex;flex-direction:column}.group-container::-webkit-scrollbar-track{background-color:var(--ez-list__group-container-scrollbar--background-color-secondary)}.group-container::-webkit-scrollbar-thumb{background-color:var(--ez-list__group-container-scrollbar--background-color-primary);border-radius:var(--ez-list__group-container-scrollbar--border-radius)}.group-container::-webkit-scrollbar{background-color:var(--ez-list__group-container-scrollbar--background-color-secondary);width:var(--ez-list__group-container-scrollbar--width);max-width:var(--ez-list__group-container-scrollbar--width);min-width:var(--ez-list__group-container-scrollbar--width)}.section-container{display:flex;position:relative;height:100%}.items-container{width:100%;max-height:100%;overflow-y:auto;outline:none;scrollbar-width:thin;scrollbar-color:var(--ez-list__draggable-scrollbar--background-color-primary) var(--ez-list__draggable-scrollbar--background-color-secondary)}.group-items-container{width:100%;max-height:100%;height:100%;outline:none}.items-container::-webkit-scrollbar-track{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary)}.items-container::-webkit-scrollbar-thumb{background-color:var(--ez-list__draggable-scrollbar--background-color-primary);border-radius:var(--ez-list__draggable-scrollbar--border-radius)}.items-container::-webkit-scrollbar{background-color:var(--ez-list__draggable-scrollbar--background-color-secondary);width:var(--ez-list__draggable-scrollbar--width);max-width:var(--ez-list__draggable-scrollbar--width);min-width:var(--ez-list__draggable-scrollbar--width)}.group-overlay{font-family:var(--ez-list__group-overlay--font-family);font-size:var(--ez-list__group-overlay--font-size);background:rgba(226, 244, 239, 0.8);border:1px solid #008561;border-radius:8px;position:absolute;display:none;place-items:center;top:0;bottom:0;left:0;right:0;z-index:2;margin:0;cursor:pointer}.presetedHeight{min-height:100px}.overlay-text{position:absolute;top:50%;left:50%;font-size:50px;color:white;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.selected-item{background:var(--ez-list__selected-item--background-color);border-radius:var(--ez-list__selected-item--border-radius)}.slot-item{align-items:flex-end}.overGroup{background:rgba(226, 244, 239, 0.8);border:1px solid #008561;box-sizing:border-box;border-radius:8px;padding-top:6px}';export{s as ez_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as i,h as e,H as s}from"./p-3c7ea91b.js";let o=class{constructor(i){t(this,i),this._nextMessages=[],this._currentMessageInfo={message:"",fadeTime:void 0,useIcon:void 0},this._toastOpenedClass="toast__container--opened",this._lastTimeOut=void 0,this._lang="pt",this.fadeTime=5e3,this.useIcon=!1,this.canClose=!0}async show(t,e,s,o){return new Promise((a=>{var n;(null===(n=this.container)||void 0===n?void 0:n.classList.contains(this._toastOpenedClass))?this._nextMessages.push({message:t,fadeTime:e,useIcon:s,canClose:o,callBack:a}):(this._currentMessageInfo.message=t||this.message,this._currentMessageInfo.fadeTime=e||this.fadeTime,this._currentMessageInfo.useIcon=s||this.useIcon,this._currentMessageInfo.callBack=a,o&&(this._currentMessageInfo.canClose=this.canClose),i(this),this.displayToast(),this._lastTimeOut=setTimeout((()=>{this.hideToast()}),this._currentMessageInfo.fadeTime+400))}))}hideToast(){this.makeToastInvisible(),this._nextMessages.length>0&&(this._currentMessageInfo.callBack&&this._currentMessageInfo.callBack(!0),setTimeout((()=>{let t=this._nextMessages.shift();this.show(t.message,t.fadeTime,t.useIcon)}))),this._currentMessageInfo.callBack&&this._currentMessageInfo.callBack(!0)}makeToastInvisible(){this.container.classList.remove(this._toastOpenedClass),this.container.style.animation="none",this._lastTimeOut&&clearTimeout(this._lastTimeOut)}displayToast(){this.container.classList.add(this._toastOpenedClass),this.container.style.animation=`fadein 0.5s, fadeout 0.5s ${this.fadeTime/1e3}s`}render(){return e(s,null,e("div",{ref:t=>this.container=t,class:"toast__container"},this._currentMessageInfo.useIcon&&e("slot",{name:"icon"}),e("div",{lang:this._lang,class:this._currentMessageInfo.useIcon?"message__container message__conteiner--icon":"message__container",title:this._currentMessageInfo.message,innerHTML:this._currentMessageInfo.message}),this._currentMessageInfo.canClose&&e("button",{class:"btn-close",onClick:()=>{this.hideToast()}})))}};o.style=':host{--ez-toast__btn__close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:
|
|
1
|
+
import{r as t,f as i,h as e,H as s}from"./p-3c7ea91b.js";let o=class{constructor(i){t(this,i),this._nextMessages=[],this._currentMessageInfo={message:"",fadeTime:void 0,useIcon:void 0},this._toastOpenedClass="toast__container--opened",this._lastTimeOut=void 0,this._lang="pt",this.fadeTime=5e3,this.useIcon=!1,this.canClose=!0}async show(t,e,s,o){return new Promise((a=>{var n;(null===(n=this.container)||void 0===n?void 0:n.classList.contains(this._toastOpenedClass))?this._nextMessages.push({message:t,fadeTime:e,useIcon:s,canClose:o,callBack:a}):(this._currentMessageInfo.message=t||this.message,this._currentMessageInfo.fadeTime=e||this.fadeTime,this._currentMessageInfo.useIcon=s||this.useIcon,this._currentMessageInfo.callBack=a,o&&(this._currentMessageInfo.canClose=this.canClose),i(this),this.displayToast(),this._lastTimeOut=setTimeout((()=>{this.hideToast()}),this._currentMessageInfo.fadeTime+400))}))}hideToast(){this.makeToastInvisible(),this._nextMessages.length>0&&(this._currentMessageInfo.callBack&&this._currentMessageInfo.callBack(!0),setTimeout((()=>{let t=this._nextMessages.shift();this.show(t.message,t.fadeTime,t.useIcon)}))),this._currentMessageInfo.callBack&&this._currentMessageInfo.callBack(!0)}makeToastInvisible(){this.container.classList.remove(this._toastOpenedClass),this.container.style.animation="none",this._lastTimeOut&&clearTimeout(this._lastTimeOut)}displayToast(){this.container.classList.add(this._toastOpenedClass),this.container.style.animation=`fadein 0.5s, fadeout 0.5s ${this.fadeTime/1e3}s`}render(){return e(s,null,e("div",{ref:t=>this.container=t,class:"toast__container"},this._currentMessageInfo.useIcon&&e("slot",{name:"icon"}),e("div",{lang:this._lang,class:this._currentMessageInfo.useIcon?"message__container message__conteiner--icon":"message__container",title:this._currentMessageInfo.message,innerHTML:this._currentMessageInfo.message}),this._currentMessageInfo.canClose&&e("button",{class:"btn-close",onClick:()=>{this.hideToast()}})))}};o.style=':host{--ez-toast__btn__close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:var(--font-pattern, "Roboto");text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}';export{o as ez_toast}
|