aloha-vue 2.77.0 → 2.79.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -7,7 +7,11 @@
|
|
|
7
7
|
---
|
|
8
8
|
# Versions
|
|
9
9
|
|
|
10
|
-
## 2.
|
|
10
|
+
## 2.79.0
|
|
11
|
+
|
|
12
|
+
- Add `showAddFilterButtonWhenEmpty` prop to `AFilters` and `AFiltersHorizontal` for better customization
|
|
13
|
+
|
|
14
|
+
## 2.78.0
|
|
11
15
|
|
|
12
16
|
- Add `resizeDebounce` prop to `ATable` for customizable debounce timing in table resize logic.
|
|
13
17
|
|
package/dist/aloha-vue.es.js
CHANGED
|
@@ -32849,6 +32849,11 @@ var JC = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" f
|
|
|
32849
32849
|
type: Object,
|
|
32850
32850
|
required: !1
|
|
32851
32851
|
},
|
|
32852
|
+
showAddFilterButtonWhenEmpty: {
|
|
32853
|
+
type: Boolean,
|
|
32854
|
+
required: !1,
|
|
32855
|
+
default: !0
|
|
32856
|
+
},
|
|
32852
32857
|
onUpdateModelFilters: {
|
|
32853
32858
|
type: Function,
|
|
32854
32859
|
required: !0
|
|
@@ -32964,7 +32969,7 @@ var JC = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" f
|
|
|
32964
32969
|
stop: !0,
|
|
32965
32970
|
onClick: () => this.deleteFiltersVisible({ filter: e })
|
|
32966
32971
|
}),
|
|
32967
|
-
formDataAppend: () => i("div", { class: "a_filter_horizontal__add_filter__wrapper" }, [i(Rx, {
|
|
32972
|
+
formDataAppend: () => this.filtersHidden.length || this.showAddFilterButtonWhenEmpty ? i("div", { class: "a_filter_horizontal__add_filter__wrapper" }, [i(Rx, {
|
|
32968
32973
|
buttonClassDefault: "a_btn a_btn_primary a_filter_horizontal__add_filter",
|
|
32969
32974
|
change: this.addFiltersVisible,
|
|
32970
32975
|
data: this.filtersHidden,
|
|
@@ -32987,7 +32992,7 @@ var JC = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" f
|
|
|
32987
32992
|
ariaHidden: !0,
|
|
32988
32993
|
class: "a_position_absolute_all",
|
|
32989
32994
|
title: "_A_FILTERS_ADD_FILTER_"
|
|
32990
|
-
}), i(tf, { icon: XC })] })]),
|
|
32995
|
+
}), i(tf, { icon: XC })] })]) : "",
|
|
32991
32996
|
formAppend: () => this.canSave ? i("div", { class: "a_filter_horizontal__save_actions" }, [i(J, {
|
|
32992
32997
|
id: this.buttonSaveComponentId,
|
|
32993
32998
|
class: "a_btn a_btn_primary",
|
|
@@ -33451,6 +33456,11 @@ var hw = { install: (e, { propsDefault: t = {}, config: n = {} } = {}) => {
|
|
|
33451
33456
|
type: Object,
|
|
33452
33457
|
required: !1
|
|
33453
33458
|
},
|
|
33459
|
+
showAddFilterButtonWhenEmpty: {
|
|
33460
|
+
type: Boolean,
|
|
33461
|
+
required: !1,
|
|
33462
|
+
default: !0
|
|
33463
|
+
},
|
|
33454
33464
|
unappliedModel: {
|
|
33455
33465
|
type: Object,
|
|
33456
33466
|
required: !1,
|
|
@@ -33566,6 +33576,7 @@ var hw = { install: (e, { propsDefault: t = {}, config: n = {} } = {}) => {
|
|
|
33566
33576
|
filtersKeyById: this.filtersKeyById,
|
|
33567
33577
|
filtersSaved: this.filtersSavedLocal,
|
|
33568
33578
|
filtersVisible: this.filtersVisible,
|
|
33579
|
+
showAddFilterButtonWhenEmpty: this.showAddFilterButtonWhenEmpty,
|
|
33569
33580
|
onUpdateModelFilters: this.onUpdateModelFilters,
|
|
33570
33581
|
unappliedModel: this.unappliedModel,
|
|
33571
33582
|
updateDataKeyByIdFromFilter: this.updateDataKeyByIdFromFilter,
|
package/dist/aloha-vue.umd.js
CHANGED
|
@@ -186,9 +186,9 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
186
186
|
<path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/>
|
|
187
187
|
</svg>`,HC=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
|
|
188
188
|
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>
|
|
189
|
-
</svg>`,UC={name:`AFiltersHorizontal`,props:{canSave:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},filtersGroup:{type:Object,required:!0,default:()=>({alwaysVisible:[],filters:[]})},filtersKeyById:{type:Object,required:!0},filtersSaved:{type:Array,required:!0},filtersVisible:{type:Array,required:!0},id:{type:String,required:!0},mainModel:{type:Object,required:!1},onUpdateModelFilters:{type:Function,required:!0},unappliedModel:{type:Object,required:!0},updateDataKeyByIdFromFilter:{type:Function,required:!0},updateFiltersSaved:{type:Function,required:!0}},emits:[`startSearch`,`toggleFiltersVisible`],setup(e,n){let{dataForForm:r}=PC(e),{closeDropdown:i,dropdownRef:a,isDropdownVisible:o,openDropdown:s}=CC(e),{idFilterTop:c}=FC(e),{onSearch:l}=IC(e,n,{closeDropdown:i}),{destroyEventBus:u,initEventBus:d,initEventName:f}=wC(e,{openDropdown:s}),{addFiltersVisible:p,deleteFiltersVisible:m,filtersHidden:h,hasFiltersHiddenDefault:g}=TC(e,n),{buttonSaveComponentId:_,changeModelFiltersSaved:v,closeModalSave:y,filtersSavedLocal:b,initModelFiltersSaved:x,isModalSaveVisible:S,isModelFilterSavedNew:C,modelFiltersSaved:w,openModalSave:T,selectorCloseIds:E}=EC(e,{openDropdown:s}),{buttonDeleteId:D,isConfirmHidden:O,openDeleteConfirm:k,textScreenreaderButtonDeleteFiltersSaved:ee,titleButtonDeleteFiltersSaved:A}=NC(e,{changeModelFiltersSaved:v,idFilterTop:c,isModelFilterSavedNew:C,modelFiltersSaved:w});return f(),x(),d(),(0,t.onBeforeUnmount)(()=>{u()}),{addFiltersVisible:p,buttonDeleteId:D,buttonSaveComponentId:_,changeModelFiltersSaved:v,closeDropdown:i,closeModalSave:y,dataForForm:r,deleteFiltersVisible:m,dropdownRef:a,filtersHidden:h,filtersSavedLocal:b,hasFiltersHiddenDefault:g,idFilterTop:c,initModelFiltersSaved:x,isConfirmHidden:O,isDropdownVisible:o,isModalSaveVisible:S,isModelFilterSavedNew:C,modelFiltersSaved:w,onSearch:l,openDeleteConfirm:k,openModalSave:T,selectorCloseIds:E,textScreenreaderButtonDeleteFiltersSaved:ee,titleButtonDeleteFiltersSaved:A}},render(){return this.isDropdownVisible?[(0,t.h)(Wv,{ref:`dropdownRef`,buttonIconLeft:LC,buttonText:`Filter`,buttonClass:`a_btn a_btn_primary a_btn_small a_filter_horizontal__btn_dropdown`,dropdownTag:`div`,dropdownClass:`a_filter_horizontal__wrapper`,dropdownRenderDefault:!0,isCloseByClickInside:!1,hasCaret:!1,inBody:!0,lockArrowsNavigation:!1,lockTabNavigation:!1,useEscape:!this.isModalSaveVisible&&this.isConfirmHidden},{...this.$slots,dropdown:()=>(0,t.h)(`div`,{class:`a_filter_horizontal`},[(0,t.h)(`div`,{class:`a_filter_horizontal__header__wrapper`},[(0,t.h)(`div`,{class:`a_filter_horizontal__header`},[(0,t.h)(`div`,{class:`a_filter_horizontal__header__texts`},[(0,t.h)(J,{class:`a_filter_horizontal__header__texts__filter`,tag:`span`,text:`_A_FILTERS_HOR_FILTER_HEADER_`}),this.isModelFilterSavedNew?(0,t.h)(J,{class:`a_filter_horizontal__header__texts__new`,tag:`em`,text:this.modelFiltersSaved}):(0,t.h)(`span`,{},this.modelFiltersSaved)]),this.canSave?(0,t.h)(Dx,{modelValue:this.modelFiltersSaved,change:this.changeModelFiltersSaved,class:`a_filters_top__save_select`,data:this.filtersSavedLocal,deselectable:!1,keyId:`label`,keyLabel:`label`,keyGroup:`group`,label:`_A_FILTERS_SAVE_SELECT_`,menuWidthType:`by_content`,search:!0,translateData:!0,type:`select`}):``])]),(0,t.h)(`div`,{class:`a_filter_horizontal__body__wrapper`},[(0,t.h)(`div`,{class:`a_filter_horizontal__body`},[(0,t.h)(uw,{idPrefix:this.idFilterTop,class:`a_filter_horizontal__body__form`,classColumnDefault:``,classColumns:``,data:this.dataForForm,excludeRenderAttributes:this.excludeRenderAttributes,modelValue:this.unappliedModel,showErrors:!1,onChange:this.onUpdateModelFilters},{...this.$slots,groupAppend:({item:e})=>(0,t.h)(q,{type:`button`,class:`a_btn a_btn_primary a_ml_2`,title:`_A_FILTERS_TOP_CLOSE_`,textScreenReader:`_A_FILTERS_TOP_CLOSE_`,iconLeft:HC,stop:!0,onClick:()=>this.deleteFiltersVisible({filter:e})}),formDataAppend:()=>(0,t.h)(`div`,{class:`a_filter_horizontal__add_filter__wrapper`},[(0,t.h)(Dx,{buttonClassDefault:`a_btn a_btn_primary a_filter_horizontal__add_filter`,change:this.addFiltersVisible,data:this.filtersHidden,hasCaret:!1,disabled:!this.filtersHidden.length,isLabelFloat:!1,keyGroup:`group`,keyId:`id`,keyLabel:`label`,label:`_A_FILTERS_ADD_FILTER_`,labelClass:`a_sr_only`,menuWidthType:`by_content`,sortOrderGroup:`asc`,placement:`bottom-start`,search:!0,translateData:!0,type:`select`},{fixedPlaceholder:()=>[(0,t.h)(J,{tag:`span`,ariaHidden:!0,class:`a_position_absolute_all`,title:`_A_FILTERS_ADD_FILTER_`}),(0,t.h)(Kd,{icon:zC})]})])
|
|
189
|
+
</svg>`,UC={name:`AFiltersHorizontal`,props:{canSave:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},filtersGroup:{type:Object,required:!0,default:()=>({alwaysVisible:[],filters:[]})},filtersKeyById:{type:Object,required:!0},filtersSaved:{type:Array,required:!0},filtersVisible:{type:Array,required:!0},id:{type:String,required:!0},mainModel:{type:Object,required:!1},showAddFilterButtonWhenEmpty:{type:Boolean,required:!1,default:!0},onUpdateModelFilters:{type:Function,required:!0},unappliedModel:{type:Object,required:!0},updateDataKeyByIdFromFilter:{type:Function,required:!0},updateFiltersSaved:{type:Function,required:!0}},emits:[`startSearch`,`toggleFiltersVisible`],setup(e,n){let{dataForForm:r}=PC(e),{closeDropdown:i,dropdownRef:a,isDropdownVisible:o,openDropdown:s}=CC(e),{idFilterTop:c}=FC(e),{onSearch:l}=IC(e,n,{closeDropdown:i}),{destroyEventBus:u,initEventBus:d,initEventName:f}=wC(e,{openDropdown:s}),{addFiltersVisible:p,deleteFiltersVisible:m,filtersHidden:h,hasFiltersHiddenDefault:g}=TC(e,n),{buttonSaveComponentId:_,changeModelFiltersSaved:v,closeModalSave:y,filtersSavedLocal:b,initModelFiltersSaved:x,isModalSaveVisible:S,isModelFilterSavedNew:C,modelFiltersSaved:w,openModalSave:T,selectorCloseIds:E}=EC(e,{openDropdown:s}),{buttonDeleteId:D,isConfirmHidden:O,openDeleteConfirm:k,textScreenreaderButtonDeleteFiltersSaved:ee,titleButtonDeleteFiltersSaved:A}=NC(e,{changeModelFiltersSaved:v,idFilterTop:c,isModelFilterSavedNew:C,modelFiltersSaved:w});return f(),x(),d(),(0,t.onBeforeUnmount)(()=>{u()}),{addFiltersVisible:p,buttonDeleteId:D,buttonSaveComponentId:_,changeModelFiltersSaved:v,closeDropdown:i,closeModalSave:y,dataForForm:r,deleteFiltersVisible:m,dropdownRef:a,filtersHidden:h,filtersSavedLocal:b,hasFiltersHiddenDefault:g,idFilterTop:c,initModelFiltersSaved:x,isConfirmHidden:O,isDropdownVisible:o,isModalSaveVisible:S,isModelFilterSavedNew:C,modelFiltersSaved:w,onSearch:l,openDeleteConfirm:k,openModalSave:T,selectorCloseIds:E,textScreenreaderButtonDeleteFiltersSaved:ee,titleButtonDeleteFiltersSaved:A}},render(){return this.isDropdownVisible?[(0,t.h)(Wv,{ref:`dropdownRef`,buttonIconLeft:LC,buttonText:`Filter`,buttonClass:`a_btn a_btn_primary a_btn_small a_filter_horizontal__btn_dropdown`,dropdownTag:`div`,dropdownClass:`a_filter_horizontal__wrapper`,dropdownRenderDefault:!0,isCloseByClickInside:!1,hasCaret:!1,inBody:!0,lockArrowsNavigation:!1,lockTabNavigation:!1,useEscape:!this.isModalSaveVisible&&this.isConfirmHidden},{...this.$slots,dropdown:()=>(0,t.h)(`div`,{class:`a_filter_horizontal`},[(0,t.h)(`div`,{class:`a_filter_horizontal__header__wrapper`},[(0,t.h)(`div`,{class:`a_filter_horizontal__header`},[(0,t.h)(`div`,{class:`a_filter_horizontal__header__texts`},[(0,t.h)(J,{class:`a_filter_horizontal__header__texts__filter`,tag:`span`,text:`_A_FILTERS_HOR_FILTER_HEADER_`}),this.isModelFilterSavedNew?(0,t.h)(J,{class:`a_filter_horizontal__header__texts__new`,tag:`em`,text:this.modelFiltersSaved}):(0,t.h)(`span`,{},this.modelFiltersSaved)]),this.canSave?(0,t.h)(Dx,{modelValue:this.modelFiltersSaved,change:this.changeModelFiltersSaved,class:`a_filters_top__save_select`,data:this.filtersSavedLocal,deselectable:!1,keyId:`label`,keyLabel:`label`,keyGroup:`group`,label:`_A_FILTERS_SAVE_SELECT_`,menuWidthType:`by_content`,search:!0,translateData:!0,type:`select`}):``])]),(0,t.h)(`div`,{class:`a_filter_horizontal__body__wrapper`},[(0,t.h)(`div`,{class:`a_filter_horizontal__body`},[(0,t.h)(uw,{idPrefix:this.idFilterTop,class:`a_filter_horizontal__body__form`,classColumnDefault:``,classColumns:``,data:this.dataForForm,excludeRenderAttributes:this.excludeRenderAttributes,modelValue:this.unappliedModel,showErrors:!1,onChange:this.onUpdateModelFilters},{...this.$slots,groupAppend:({item:e})=>(0,t.h)(q,{type:`button`,class:`a_btn a_btn_primary a_ml_2`,title:`_A_FILTERS_TOP_CLOSE_`,textScreenReader:`_A_FILTERS_TOP_CLOSE_`,iconLeft:HC,stop:!0,onClick:()=>this.deleteFiltersVisible({filter:e})}),formDataAppend:()=>this.filtersHidden.length||this.showAddFilterButtonWhenEmpty?(0,t.h)(`div`,{class:`a_filter_horizontal__add_filter__wrapper`},[(0,t.h)(Dx,{buttonClassDefault:`a_btn a_btn_primary a_filter_horizontal__add_filter`,change:this.addFiltersVisible,data:this.filtersHidden,hasCaret:!1,disabled:!this.filtersHidden.length,isLabelFloat:!1,keyGroup:`group`,keyId:`id`,keyLabel:`label`,label:`_A_FILTERS_ADD_FILTER_`,labelClass:`a_sr_only`,menuWidthType:`by_content`,sortOrderGroup:`asc`,placement:`bottom-start`,search:!0,translateData:!0,type:`select`},{fixedPlaceholder:()=>[(0,t.h)(J,{tag:`span`,ariaHidden:!0,class:`a_position_absolute_all`,title:`_A_FILTERS_ADD_FILTER_`}),(0,t.h)(Kd,{icon:zC})]})]):``,formAppend:()=>this.canSave?(0,t.h)(`div`,{class:`a_filter_horizontal__save_actions`},[(0,t.h)(q,{id:this.buttonSaveComponentId,class:`a_btn a_btn_primary`,iconLeft:RC,type:`button`,text:`_A_FILTERS_SAVE_FILTER_SAVED_BTN_TEXT_`,onClick:this.openModalSave}),(0,t.h)(q,{id:this.buttonDeleteId,ariaDisabled:this.isModelFilterSavedNew,class:`a_btn a_btn_secondary`,iconLeft:VC,text:{desktop:`_A_FILTERS_DELETE_FILTER_SAVED_BTN_TEXT_`},textAriaHidden:!0,textScreenReader:this.textScreenreaderButtonDeleteFiltersSaved,title:this.titleButtonDeleteFiltersSaved,type:`button`,onClick:this.openDeleteConfirm})]):``})]),(0,t.h)(`div`,{class:`a_filter_horizontal__footer`},[(0,t.h)(`div`,{class:`a_filter_horizontal__footer__actions`},[(0,t.h)(q,{type:`button`,class:`a_btn a_btn_primary a_text_nowrap a_filter_horizontal__footer__actions__btn_search`,iconLeft:BC,text:`_A_FILTERS_START_SEARCH_`,disabled:this.disabled,onClick:this.onSearch}),(0,t.h)(q,{type:`button`,class:`a_btn a_btn_secondary a_text_nowrap a_filter_horizontal__footer__actions__btn_close`,text:`_A_FILTERS_HOR_CLOSE_DROPDOWN_`,onClick:this.closeDropdown})])])])])}),this.isModalSaveVisible?(0,t.h)(SC,{changeModelFiltersSaved:this.changeModelFiltersSaved,filtersSaved:this.filtersSaved,isModelFilterSavedNew:this.isModelFilterSavedNew,modelFiltersSaved:this.modelFiltersSaved,selectorCloseIds:this.selectorCloseIds,updateFiltersSaved:this.updateFiltersSaved,onClose:this.closeModalSave}):``]:null}};function WC(e){let n=(0,t.toRef)(e,`id`);return{idFilterTop:(0,t.computed)(()=>`${n.value}_filter_main`)}}function GC(e){let n=(0,t.toRef)(e,`filterMain`),r=(0,t.computed)(()=>!!n.value);return{hasFilterMain:r,dataMainFilter:(0,t.computed)(()=>r.value?[n.value]:[])}}function KC(e,{emit:n}){let r=(0,t.toRef)(e,`disabled`);return{onSearch:()=>{r.value||n(`startSearch`)}}}var qC=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
|
|
190
190
|
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
|
|
191
|
-
</svg>`,JC={name:`AFiltersMain`,props:{disabled:{type:Boolean,required:!1},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},filterMain:{type:Object,required:!1},id:{type:String,required:!0},mainModel:{type:Object,required:!1},updateDataKeyByIdFromFilter:{type:Function,required:!0},updateMainModel:{type:Function,required:!0}},emits:[`startSearch`],setup(e,t){let{hasFilterMain:n,dataMainFilter:r}=GC(e),{idFilterTop:i}=WC(e),{onSearch:a}=KC(e,t);return{hasFilterMain:n,dataMainFilter:r,idFilterTop:i,onSearch:a}},render(){return this.hasFilterMain?(0,t.h)(`div`,{id:this.idFilterTop,class:`a_filters_top`},[(0,t.h)(uw,{idPrefix:this.idFilterTop,class:`a_filters_top__form`,classColumns:`a_filters_top__main_wrapper`,classColumnDefault:`a_filters_top__main`,data:this.dataMainFilter,excludeRenderAttributes:this.excludeRenderAttributes,modelValue:this.mainModel,showErrors:!1,onChange:this.updateMainModel},{formDataAppend:()=>(0,t.h)(W,{class:`a_btn a_btn_primary a_text_nowrap a_filters_top__search`,iconLeft:qC,type:`submit`,text:{desktop:`_A_FILTERS_START_SEARCH_`},textScreenReader:{mobile:`_A_FILTERS_START_SEARCH_`},prevent:!0,stop:!0,disabled:this.disabled,onClick:this.onSearch})})]):null}};function YC(e,{emit:n},{filtersHorizontalRef:r=(0,t.ref)(void 0),filtersVisibleAll:i=(0,t.computed)(()=>[]),onUpdateModelFilters:a=()=>{}}){let o=(0,t.toRef)(e,`appliedModel`),s=(0,t.toRef)(e,`unappliedModel`),c=()=>{r.value?.initModelFiltersSaved()},l=({filter:e,keyId:t,modelArray:n,appliedModelLocal:r,unappliedModelLocal:i})=>{let a=e.id;return Hy.value[e.type]?(r[a]&&r[a].length&&(r[a]=n?ic(r[a],e=>n.indexOf(e)===-1):[]),i[a]&&i[a].length&&(i[a]=n?ic(i[a],e=>n.indexOf(e)===-1):[])):Uy.value[e.type]&&t?(Ir(i?.[a])&&(i[a][t]=void 0),Ir(r?.[a])&&(r[a][t]=void 0)):(i[a]=void 0,r[a]=void 0),{appliedModelLocal:r,unappliedModelLocal:i}};return{closeAllFilters:()=>{let e=R(o.value),t=R(s.value);B(i.value,n=>{let r=l({filter:n,appliedModelLocal:e,unappliedModelLocal:t});e=r.appliedModelLocal,t=r.unappliedModelLocal}),c(),n(`update:unappliedModel`,t),n(`update:appliedModel`,e),setTimeout(()=>{a({fullModel:o.value})})},closeFilterValue:({filter:e,keyId:t,modelArray:r})=>{let i=R(o.value),c=R(s.value),{appliedModelLocal:u,unappliedModelLocal:d}=l({filter:e,keyId:t,modelArray:r,appliedModelLocal:i,unappliedModelLocal:c});n(`update:unappliedModel`,d),n(`update:appliedModel`,u),setTimeout(()=>{a({fullModel:o.value})})}}}function XC(){let e=(0,t.ref)({});return{dataKeyByKeyIdPerFilter:e,updateDataKeyByIdFromFilter:({dataKeyByKeyId:t,filterId:n})=>{e.value[n]=R(t)}}}function ZC(e){let n=(0,t.toRef)(e,`excludeRenderAttributes`),r=[`alwaysVisible`];return{excludeRenderAttributesComputed:(0,t.computed)(()=>Kl(r,n.value))}}function QC({filter:e={},modelObj:t={}}){let n=e.id;return n in t?Hy.value[e.type]?!!t[n]?.length:!Uy.value[e.type]||!(!t[n]||Tc(t[n])):!1}function $C(e,{emit:n}){let r=(0,t.toRef)(e,`filters`),i=(0,t.toRef)(e,`filterMain`),a=(0,t.toRef)(e,`unappliedModel`),o=(0,t.ref)({}),s=(0,t.ref)(void 0),c=(0,t.ref)([]),l=(0,t.computed)(()=>!!(r.value.length||i.value)),u=(0,t.computed)(()=>{let e={};return B(R(r.value),t=>{e[t.id]=t,Vy.value[t.type]&&t.children&&t.children.length&&B(t.children,t=>{e[t.id]=t})}),e}),d=(0,t.computed)(()=>{let e={alwaysVisible:[],filters:[]};return B(R(r.value),t=>{t.alwaysVisible?e.alwaysVisible.push(t):e.filters.push(t)}),e}),f=(0,t.computed)(()=>{let e=[];return B(c.value,t=>{u.value[t]&&e.push(u.value[t])}),e}),p=(0,t.computed)(()=>{let e=[];e.push(...r.value);let t=[];return B(e,e=>{t.push(e),Vy.value[e.type]&&e.children&&e.children.length&&B(e.children,e=>{t.push(e)})}),t}),m=()=>{let e=[];B(d.value.filters,t=>{QC({filter:t,modelObj:a.value})&&e.push(t.id)}),c.value=e};return{filtersDataKeyById:o,filtersGroup:d,filtersHorizontalRef:s,filtersKeyById:u,filtersVisible:f,filtersVisibleAll:p,filtersVisibleIds:c,hasFilters:l,onUpdateModelFilters:({fullModel:e,isUpdateFiltersVisible:t})=>{n(`update:unappliedModel`,e),t&&setTimeout(()=>{m()})},setFiltersVisibleIds:m,updateAppliedModel:({fullModel:e})=>{n(`update:appliedModel`,e)},updateMainModel:({fullModel:e})=>{n(`update:mainModel`,e)}}}function ew(e){let n=(0,t.toRef)(e,`filtersSaved`),r=(0,t.toRef)(e,`unappliedModel`),i=(0,t.toRef)(e,`updateFiltersSaved`),a=(0,t.ref)([]);return{filtersSavedLocal:a,initFiltersSaved:()=>{a.value=n.value||[]},updateFiltersSavedLocal:({action:e=``,label:t=``})=>{if(e===`create`)a.value.push({label:t,data:R(r.value)});else{let n=sc(a.value,[`label`,t]);n!==-1&&(e===`delete`?a.value.splice(n,1):e===`update`&&a.value.splice(n,1,{label:t,data:R(r.value)}))}F(i.value)&&i.value({action:e,label:t,model:r.value,filtersSaved:a.value})}}}function tw(e,{emit:n},{onUpdateModelFilters:r=()=>{}}){let i=(0,t.toRef)(e,`appliedModel`),a=(0,t.toRef)(e,`unappliedModel`);return{startSearch:()=>{n(`update:appliedModel`,a.value),setTimeout(()=>{r({fullModel:i.value})})}}}function nw(e,{dataKeyByKeyIdPerFilter:n=(0,t.ref)({}),filtersVisibleIds:r=(0,t.ref)([]),onUpdateModelFilters:i=()=>{}}){let a=(0,t.toRef)(e,`unappliedModel`);return{toggleFiltersVisible:({isAdd:e=!0,filterId:t,filter:o})=>{if(e)r.value.push(t);else{let e=r.value.indexOf(t);e!==-1&&r.value.splice(e,1);let s=R(a.value);if(o&&o.modelId){let e=n.value?.[t];s?.[o.modelId]?.length&&e?s[o.modelId]=ic(s[o.modelId],t=>!e[t]):s[t]=void 0}else s[t]=void 0;i({fullModel:s})}}}}var rw=(0,t.ref)({propsDefault:{filterCenterBtnCloseAllClass:`a_btn a_btn_link a_btn_small`,filterCenterBtnCloseClass:`a_btn a_btn_secondary`,filterCenterBtnGoToClass:`a_btn a_btn_secondary`,filterCenterBtnNotCloseClass:`a_btn a_btn_secondary`},config:{isHtmlTitleSort:!1,headerTopGroups:[{props:{},children:[{component:`filterMain`,props:{}},{component:`buttonSearch`,props:{}},{component:`buttonToggle`,props:{}}]},{props:{},children:[{component:`selectFiltersSaved`,props:{}},{component:`buttonSaveTop`,props:{}},{component:`buttonDeleteFiltersSaved`,props:{}}]}],headerBottomGroups:[{props:{},children:[{component:`addFilterSelect`,props:{}},{component:`buttonSearch`,props:{}}]}]}});(0,t.computed)(()=>{let e={};return B(rw.value.config.headerTopGroups,t=>{B(t.children,t=>{e[t.component]=t.props})}),B(rw.value.config.headerBottomGroups,t=>{B(t.children,t=>{e[t.component]=t.props})}),e});var iw={install:(e,{propsDefault:t={},config:n={}}={})=>{rw.value.propsDefault={...rw.value.propsDefault,...t},rw.value.config={...rw.value.config,...n}}},aw={name:`AFilters`,props:{appliedModel:{type:Object,required:!1,default:()=>({})},canSave:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},filterCenterBtnCloseAllClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnCloseAllClass},filterCenterBtnCloseClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnCloseClass},filterCenterBtnGoToClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnGoToClass},filterCenterBtnNotCloseClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnNotCloseClass},filterMain:{type:Object,required:!1},filters:{type:Array,required:!1,default:()=>[]},filtersSaved:{type:Array,required:!1,default:()=>[]},id:{type:String,required:!1,default:()=>Xl(`a_filters_`)},mainModel:{type:Object,required:!1},unappliedModel:{type:Object,required:!1,default:()=>({})},updateFiltersSaved:{type:Function,required:!1,default:void 0},view:{type:String,required:!1,default:`top`,validator:e=>[`top`,`right`].indexOf(e)!==-1},viewRightTeleportSelector:{type:String,required:!1,default:void 0}},emits:[`startSearch`,`update:appliedModel`,`update:mainModel`,`update:unappliedModel`],setup(e,n){let r=(0,t.toRef)(e,`filtersSaved`),{filtersDataKeyById:i,filtersGroup:a,filtersHorizontalRef:o,filtersKeyById:s,filtersVisible:c,filtersVisibleAll:l,filtersVisibleIds:u,hasFilters:d,onUpdateModelFilters:f,setFiltersVisibleIds:p,updateAppliedModel:m,updateMainModel:h}=$C(e,n),{closeAllFilters:g,closeFilterValue:_}=YC(e,n,{filtersHorizontalRef:o,filtersVisibleAll:l,onUpdateModelFilters:f}),{dataKeyByKeyIdPerFilter:v,updateDataKeyByIdFromFilter:y}=XC(),{toggleFiltersVisible:b}=nw(e,{dataKeyByKeyIdPerFilter:v,filtersVisibleIds:u,onUpdateModelFilters:f}),{startSearch:x}=tw(e,n,{onUpdateModelFilters:f}),{filtersSavedLocal:S,initFiltersSaved:C,updateFiltersSavedLocal:w}=ew(e),{excludeRenderAttributesComputed:T}=ZC(e);return(0,t.watch)(r,()=>{C()},{deep:!0}),p(),C(),{closeAllFilters:g,closeFilterValue:_,dataKeyByKeyIdPerFilter:v,excludeRenderAttributesComputed:T,filtersDataKeyById:i,filtersGroup:a,filtersHorizontalRef:o,filtersKeyById:s,filtersSavedLocal:S,filtersVisible:c,filtersVisibleAll:l,filtersVisibleIds:u,hasFilters:d,onUpdateModelFilters:f,setFiltersVisibleIds:p,startSearch:x,toggleFiltersVisible:b,updateAppliedModel:m,updateDataKeyByIdFromFilter:y,updateFiltersSavedLocal:w,updateMainModel:h}},render(){if(this.hasFilters)return(0,t.h)(`div`,[this.view===`top`&&(0,t.h)(JC,{id:this.id,disabled:this.disabled,excludeRenderAttributes:this.excludeRenderAttributesComputed,filterMain:this.filterMain,mainModel:this.mainModel,updateDataKeyByIdFromFilter:this.updateDataKeyByIdFromFilter,updateMainModel:this.updateMainModel,onStartSearch:this.startSearch},this.$slots),this.view===`right`&&(0,t.h)(t.Teleport,{to:this.viewRightTeleportSelector,disabled:!this.viewRightTeleportSelector},[(0,t.h)(YS,{id:this.id,disabled:this.disabled,excludeRenderAttributes:this.excludeRenderAttributesComputed,filters:this.filters,filtersKeyById:this.filtersKeyById,appliedModel:this.appliedModel,onUpdateModelFilters:this.updateAppliedModel,updateDataKeyByIdFromFilter:this.updateDataKeyByIdFromFilter,onStartSearch:this.startSearch},this.$slots)]),(0,t.h)(uC,{id:this.id,appliedModel:this.appliedModel,btnCloseClass:this.filterCenterBtnCloseClass,btnGoToClass:this.filterCenterBtnGoToClass,btnNotCloseClass:this.filterCenterBtnNotCloseClass,btnCloseAllClass:this.filterCenterBtnCloseAllClass,closeAllFilters:this.closeAllFilters,closeFilterValue:this.closeFilterValue,dataKeyByKeyIdPerFilter:this.dataKeyByKeyIdPerFilter,disabled:this.disabled,filtersGroup:this.filtersGroup,filtersKeyById:this.filtersKeyById,filtersVisibleAll:this.filtersVisibleAll},{filtersHorizontal:()=>this.view===`top`?(0,t.h)(UC,{ref:`filtersHorizontalRef`,id:this.id,canSave:this.canSave,disabled:this.disabled,excludeRenderAttributes:this.excludeRenderAttributesComputed,filtersGroup:this.filtersGroup,filtersKeyById:this.filtersKeyById,filtersSaved:this.filtersSavedLocal,filtersVisible:this.filtersVisible,onUpdateModelFilters:this.onUpdateModelFilters,unappliedModel:this.unappliedModel,updateDataKeyByIdFromFilter:this.updateDataKeyByIdFromFilter,updateFiltersSaved:this.updateFiltersSavedLocal,onStartSearch:this.startSearch,onToggleFiltersVisible:this.toggleFiltersVisible},this.$slots):``,...this.$slots})])}},ow={name:`ARequired`,props:{alwaysTranslate:{type:Boolean,required:!1},text:{type:String,required:!1,default:`_A_REQUIRED_TEXT_`}},render(){return(0,t.h)(J,{alwaysTranslate:this.alwaysTranslate,class:`a_required`,html:this.text})}};function sw(e){let n=(0,t.toRef)(e,`isHide`);return{styleFormHide:(0,t.computed)(()=>n.value?`display: none;`:``)}}function cw(e,{emit:n}){let r=(0,t.toRef)(e,`modelValue`),i=(0,t.computed)(()=>r.value||{});return{modelValueLocal:i,onUpdateModelLocal:({currentModel:e,id:t,item:r,model:a,props:o,component:s,fullModel:c})=>{if(c){let i=R(c);n(`update:modelValue`,i),n(`change`,{currentModel:e,id:t,item:r,fullModel:i,model:a,props:o}),F(s.change)&&s.change({currentModel:e,id:t,item:r,fullModel:i,model:a,props:o});return}let l=R(i.value);Ol(l,t,R(a)),n(`update:modelValue`,l),n(`change`,{currentModel:e,id:t,item:r,fullModel:l,model:a,props:o}),F(s.change)&&s.change({currentModel:e,id:t,item:r,fullModel:l,model:a,props:o})}}}function lw(e){let n=(0,t.toRef)(e,`data`),r=(0,t.toRef)(e,`isRequired`),i=(0,t.toRef)(e,`readonly`);return{isRequiredLocal:(0,t.computed)(()=>{if(i.value)return!1;if(r.value)return!0;let e=!1;return B(n.value,t=>{if(t.required)return e=!0,!1}),e})}}var uw={name:`AForm`,props:{alwaysTranslate:{type:Boolean,required:!1},classColumns:{type:[String,Object],required:!1,default:`a_columns a_columns_count_12 a_columns_gap_2`},classColumnDefault:{type:[String,Object],required:!1,default:`a_column a_column_12`},data:{type:Array,required:!0},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},errors:{type:Object,required:!1,default:()=>({})},idPrefix:{type:String,required:!1,default:void 0},isHide:{type:Boolean,required:!1},isRender:{type:Boolean,required:!1,default:!0},isRequired:{type:Boolean,required:!1},modelValue:{type:Object,required:!1,default:void 0},readonly:{type:Boolean,required:!1},readonlyDefault:{type:String,required:!1,default:``},showErrors:{type:Boolean,required:!1,default:!0},showRequiredText:{type:Boolean,required:!1,default:!0},tag:{type:String,required:!1,default:`form`},textRequired:{type:String,required:!1,default:void 0},textErrorHeader:{type:String,required:!1,default:void 0},useFlatErrors:{type:Boolean,required:!1,default:!0},useFlatModel:{type:Boolean,required:!1,default:!0},useHtmlIdAsKey:{type:Boolean,required:!1,default:!1}},emits:[`update:modelValue`,`change`],setup(e,t){let{attributesToExcludeFromRender:n}=bh(e),{modelValueLocal:r,onUpdateModelLocal:i}=cw(e,t);RS(r);let{styleFormHide:a}=sw(e),{isRequiredLocal:o}=lw(e);return{attributesToExcludeFromRender:n,componentTypesMapping:()=>({...MS,...BS,...ey.components,...ey.containerComponents}),isRequiredLocal:o,modelValueLocal:r,onUpdateModelLocal:i,styleFormHide:a}},render(){return this.isRender?(0,t.h)(this.tag,{class:`a_form`,style:this.styleFormHide},[this.$slots.formPrepend?this.$slots.formPrepend():``,this.showRequiredText&&this.isRequiredLocal?(0,t.h)(ow,{text:this.textRequired}):``,this.$slots.formPrependAfterRequired?this.$slots.formPrependAfterRequired():``,this.showErrors?(0,t.h)(my,{alwaysTranslate:this.alwaysTranslate,errors:this.errors,closable:!1,optionsList:this.data,idPrefix:this.idPrefix,textErrorHeader:this.textErrorHeader,useFlatErrors:this.useFlatErrors}):``,(0,t.h)(`div`,{class:this.classColumns},[this.$slots.formDataPrepend?this.$slots.formDataPrepend():``,...this.data.map((e,n)=>{let r=Vy.value[e.type],i;V(e.classColumn)?i=this.classColumnDefault:e.classColumn&&(i=e.classColumn);let a=this.componentTypesMapping()[e.type],o=r&&!this.useFlatModel||!r?L(this.modelValueLocal,e.id):this.modelValueLocal,s=n;return this.useHtmlIdAsKey&&(s=fy({id:e.id,idPrefix:e.idPrefix||this.idPrefix,htmlId:e.htmlId})),(0,t.h)(a,{key:s,alwaysTranslate:this.alwaysTranslate,modelValue:o,modelAll:r?this.modelValueLocal:void 0,modelDependencies:this.modelValueLocal,class:i,errors:this.errors[e.id],errorsAll:r?this.errors:void 0,useFlatErrors:r?this.useFlatErrors:void 0,useFlatModel:r?this.useFlatModel:void 0,idPrefix:this.idPrefix,excludeRenderAttributes:this.excludeRenderAttributes,...e,change:({currentModel:t,id:n,item:r,model:i,props:a,fullModel:o})=>this.onUpdateModelLocal({currentModel:t,id:n,item:r,model:i,props:a,component:e,fullModel:o}),readonly:this.readonly||e.readonly,readonlyDefault:`readonlyDefault`in e&&!H(e.readonlyDefault)?e.readonlyDefault:this.readonlyDefault,classColumn:void 0,...this.attributesToExcludeFromRender},this.$slots)}),this.$slots.formDataAppend?this.$slots.formDataAppend():``]),this.$slots.formAppend?this.$slots.formAppend():``]):null}},dw={name:`AFormElement`,props:{alwaysTranslate:{type:Boolean,required:!1},change:{type:Function,required:!1,default:()=>{}},dependencies:{type:[Array,Object],required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:void 0},errorIcon:{type:[String,Object],required:!1,default:void 0},errors:{type:[String,Array],required:!1,default:void 0},errorsClass:{type:[String,Object],required:!1,default:void 0},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},extra:{type:Object,required:!1,default:void 0},helpText:{type:String,required:!1,default:void 0},htmlId:{type:String,required:!1,default:void 0},id:{type:[String,Number],required:!1,default:void 0},idPrefix:{type:String,required:!1,default:void 0},isHide:{type:Boolean,required:!1,default:void 0},isRender:{type:Boolean,required:!1,default:!0},label:{type:[String,Number],required:!1,default:void 0},labelClass:{type:[String,Object],required:!1,default:void 0},labelDescription:{type:String,required:!1,default:void 0},labelScreenReader:{type:[String,Number],required:!1,default:void 0},modelDependencies:{type:Object,required:!1,default:()=>({})},modelValue:{required:!1,default:void 0},options:{type:Object,required:!1,default:()=>({})},readonly:{type:Boolean,required:!1},readonlyDefault:{type:String,required:!1,default:``},required:{type:Boolean,required:!1,default:!1},type:{type:String,required:!0}},emits:[`update:modelValue`],setup(e,{emit:n,slots:r}){let i=(0,t.toRef)(e,`options`),a=(0,t.toRef)(e,`type`),o=()=>({...MS,...BS,...ey.components,...ey.containerComponents});return()=>{let s=o()[a.value];return(0,t.h)(s,{...e,...i.value,"onUpdate:modelValue":e=>n(`update:modelValue`,e)},r)}}};function fw({emit:e}){return{clearLocal:({$event:t})=>{t.stopPropagation(),t.preventDefault(),e(`clear`,t)}}}var pw={name:`AFormElementBtnClear`,props:{alwaysTranslate:{type:Boolean,required:!1},class:{type:[String,Object],required:!1,default:`a_btn a_btn_transparent_dark a_btn_small`},icon:{type:String,required:!1,default:`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
|
|
191
|
+
</svg>`,JC={name:`AFiltersMain`,props:{disabled:{type:Boolean,required:!1},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},filterMain:{type:Object,required:!1},id:{type:String,required:!0},mainModel:{type:Object,required:!1},updateDataKeyByIdFromFilter:{type:Function,required:!0},updateMainModel:{type:Function,required:!0}},emits:[`startSearch`],setup(e,t){let{hasFilterMain:n,dataMainFilter:r}=GC(e),{idFilterTop:i}=WC(e),{onSearch:a}=KC(e,t);return{hasFilterMain:n,dataMainFilter:r,idFilterTop:i,onSearch:a}},render(){return this.hasFilterMain?(0,t.h)(`div`,{id:this.idFilterTop,class:`a_filters_top`},[(0,t.h)(uw,{idPrefix:this.idFilterTop,class:`a_filters_top__form`,classColumns:`a_filters_top__main_wrapper`,classColumnDefault:`a_filters_top__main`,data:this.dataMainFilter,excludeRenderAttributes:this.excludeRenderAttributes,modelValue:this.mainModel,showErrors:!1,onChange:this.updateMainModel},{formDataAppend:()=>(0,t.h)(W,{class:`a_btn a_btn_primary a_text_nowrap a_filters_top__search`,iconLeft:qC,type:`submit`,text:{desktop:`_A_FILTERS_START_SEARCH_`},textScreenReader:{mobile:`_A_FILTERS_START_SEARCH_`},prevent:!0,stop:!0,disabled:this.disabled,onClick:this.onSearch})})]):null}};function YC(e,{emit:n},{filtersHorizontalRef:r=(0,t.ref)(void 0),filtersVisibleAll:i=(0,t.computed)(()=>[]),onUpdateModelFilters:a=()=>{}}){let o=(0,t.toRef)(e,`appliedModel`),s=(0,t.toRef)(e,`unappliedModel`),c=()=>{r.value?.initModelFiltersSaved()},l=({filter:e,keyId:t,modelArray:n,appliedModelLocal:r,unappliedModelLocal:i})=>{let a=e.id;return Hy.value[e.type]?(r[a]&&r[a].length&&(r[a]=n?ic(r[a],e=>n.indexOf(e)===-1):[]),i[a]&&i[a].length&&(i[a]=n?ic(i[a],e=>n.indexOf(e)===-1):[])):Uy.value[e.type]&&t?(Ir(i?.[a])&&(i[a][t]=void 0),Ir(r?.[a])&&(r[a][t]=void 0)):(i[a]=void 0,r[a]=void 0),{appliedModelLocal:r,unappliedModelLocal:i}};return{closeAllFilters:()=>{let e=R(o.value),t=R(s.value);B(i.value,n=>{let r=l({filter:n,appliedModelLocal:e,unappliedModelLocal:t});e=r.appliedModelLocal,t=r.unappliedModelLocal}),c(),n(`update:unappliedModel`,t),n(`update:appliedModel`,e),setTimeout(()=>{a({fullModel:o.value})})},closeFilterValue:({filter:e,keyId:t,modelArray:r})=>{let i=R(o.value),c=R(s.value),{appliedModelLocal:u,unappliedModelLocal:d}=l({filter:e,keyId:t,modelArray:r,appliedModelLocal:i,unappliedModelLocal:c});n(`update:unappliedModel`,d),n(`update:appliedModel`,u),setTimeout(()=>{a({fullModel:o.value})})}}}function XC(){let e=(0,t.ref)({});return{dataKeyByKeyIdPerFilter:e,updateDataKeyByIdFromFilter:({dataKeyByKeyId:t,filterId:n})=>{e.value[n]=R(t)}}}function ZC(e){let n=(0,t.toRef)(e,`excludeRenderAttributes`),r=[`alwaysVisible`];return{excludeRenderAttributesComputed:(0,t.computed)(()=>Kl(r,n.value))}}function QC({filter:e={},modelObj:t={}}){let n=e.id;return n in t?Hy.value[e.type]?!!t[n]?.length:!Uy.value[e.type]||!(!t[n]||Tc(t[n])):!1}function $C(e,{emit:n}){let r=(0,t.toRef)(e,`filters`),i=(0,t.toRef)(e,`filterMain`),a=(0,t.toRef)(e,`unappliedModel`),o=(0,t.ref)({}),s=(0,t.ref)(void 0),c=(0,t.ref)([]),l=(0,t.computed)(()=>!!(r.value.length||i.value)),u=(0,t.computed)(()=>{let e={};return B(R(r.value),t=>{e[t.id]=t,Vy.value[t.type]&&t.children&&t.children.length&&B(t.children,t=>{e[t.id]=t})}),e}),d=(0,t.computed)(()=>{let e={alwaysVisible:[],filters:[]};return B(R(r.value),t=>{t.alwaysVisible?e.alwaysVisible.push(t):e.filters.push(t)}),e}),f=(0,t.computed)(()=>{let e=[];return B(c.value,t=>{u.value[t]&&e.push(u.value[t])}),e}),p=(0,t.computed)(()=>{let e=[];e.push(...r.value);let t=[];return B(e,e=>{t.push(e),Vy.value[e.type]&&e.children&&e.children.length&&B(e.children,e=>{t.push(e)})}),t}),m=()=>{let e=[];B(d.value.filters,t=>{QC({filter:t,modelObj:a.value})&&e.push(t.id)}),c.value=e};return{filtersDataKeyById:o,filtersGroup:d,filtersHorizontalRef:s,filtersKeyById:u,filtersVisible:f,filtersVisibleAll:p,filtersVisibleIds:c,hasFilters:l,onUpdateModelFilters:({fullModel:e,isUpdateFiltersVisible:t})=>{n(`update:unappliedModel`,e),t&&setTimeout(()=>{m()})},setFiltersVisibleIds:m,updateAppliedModel:({fullModel:e})=>{n(`update:appliedModel`,e)},updateMainModel:({fullModel:e})=>{n(`update:mainModel`,e)}}}function ew(e){let n=(0,t.toRef)(e,`filtersSaved`),r=(0,t.toRef)(e,`unappliedModel`),i=(0,t.toRef)(e,`updateFiltersSaved`),a=(0,t.ref)([]);return{filtersSavedLocal:a,initFiltersSaved:()=>{a.value=n.value||[]},updateFiltersSavedLocal:({action:e=``,label:t=``})=>{if(e===`create`)a.value.push({label:t,data:R(r.value)});else{let n=sc(a.value,[`label`,t]);n!==-1&&(e===`delete`?a.value.splice(n,1):e===`update`&&a.value.splice(n,1,{label:t,data:R(r.value)}))}F(i.value)&&i.value({action:e,label:t,model:r.value,filtersSaved:a.value})}}}function tw(e,{emit:n},{onUpdateModelFilters:r=()=>{}}){let i=(0,t.toRef)(e,`appliedModel`),a=(0,t.toRef)(e,`unappliedModel`);return{startSearch:()=>{n(`update:appliedModel`,a.value),setTimeout(()=>{r({fullModel:i.value})})}}}function nw(e,{dataKeyByKeyIdPerFilter:n=(0,t.ref)({}),filtersVisibleIds:r=(0,t.ref)([]),onUpdateModelFilters:i=()=>{}}){let a=(0,t.toRef)(e,`unappliedModel`);return{toggleFiltersVisible:({isAdd:e=!0,filterId:t,filter:o})=>{if(e)r.value.push(t);else{let e=r.value.indexOf(t);e!==-1&&r.value.splice(e,1);let s=R(a.value);if(o&&o.modelId){let e=n.value?.[t];s?.[o.modelId]?.length&&e?s[o.modelId]=ic(s[o.modelId],t=>!e[t]):s[t]=void 0}else s[t]=void 0;i({fullModel:s})}}}}var rw=(0,t.ref)({propsDefault:{filterCenterBtnCloseAllClass:`a_btn a_btn_link a_btn_small`,filterCenterBtnCloseClass:`a_btn a_btn_secondary`,filterCenterBtnGoToClass:`a_btn a_btn_secondary`,filterCenterBtnNotCloseClass:`a_btn a_btn_secondary`},config:{isHtmlTitleSort:!1,headerTopGroups:[{props:{},children:[{component:`filterMain`,props:{}},{component:`buttonSearch`,props:{}},{component:`buttonToggle`,props:{}}]},{props:{},children:[{component:`selectFiltersSaved`,props:{}},{component:`buttonSaveTop`,props:{}},{component:`buttonDeleteFiltersSaved`,props:{}}]}],headerBottomGroups:[{props:{},children:[{component:`addFilterSelect`,props:{}},{component:`buttonSearch`,props:{}}]}]}});(0,t.computed)(()=>{let e={};return B(rw.value.config.headerTopGroups,t=>{B(t.children,t=>{e[t.component]=t.props})}),B(rw.value.config.headerBottomGroups,t=>{B(t.children,t=>{e[t.component]=t.props})}),e});var iw={install:(e,{propsDefault:t={},config:n={}}={})=>{rw.value.propsDefault={...rw.value.propsDefault,...t},rw.value.config={...rw.value.config,...n}}},aw={name:`AFilters`,props:{appliedModel:{type:Object,required:!1,default:()=>({})},canSave:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},filterCenterBtnCloseAllClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnCloseAllClass},filterCenterBtnCloseClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnCloseClass},filterCenterBtnGoToClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnGoToClass},filterCenterBtnNotCloseClass:{type:[String,Object],required:!1,default:()=>rw.value.propsDefault.filterCenterBtnNotCloseClass},filterMain:{type:Object,required:!1},filters:{type:Array,required:!1,default:()=>[]},filtersSaved:{type:Array,required:!1,default:()=>[]},id:{type:String,required:!1,default:()=>Xl(`a_filters_`)},mainModel:{type:Object,required:!1},showAddFilterButtonWhenEmpty:{type:Boolean,required:!1,default:!0},unappliedModel:{type:Object,required:!1,default:()=>({})},updateFiltersSaved:{type:Function,required:!1,default:void 0},view:{type:String,required:!1,default:`top`,validator:e=>[`top`,`right`].indexOf(e)!==-1},viewRightTeleportSelector:{type:String,required:!1,default:void 0}},emits:[`startSearch`,`update:appliedModel`,`update:mainModel`,`update:unappliedModel`],setup(e,n){let r=(0,t.toRef)(e,`filtersSaved`),{filtersDataKeyById:i,filtersGroup:a,filtersHorizontalRef:o,filtersKeyById:s,filtersVisible:c,filtersVisibleAll:l,filtersVisibleIds:u,hasFilters:d,onUpdateModelFilters:f,setFiltersVisibleIds:p,updateAppliedModel:m,updateMainModel:h}=$C(e,n),{closeAllFilters:g,closeFilterValue:_}=YC(e,n,{filtersHorizontalRef:o,filtersVisibleAll:l,onUpdateModelFilters:f}),{dataKeyByKeyIdPerFilter:v,updateDataKeyByIdFromFilter:y}=XC(),{toggleFiltersVisible:b}=nw(e,{dataKeyByKeyIdPerFilter:v,filtersVisibleIds:u,onUpdateModelFilters:f}),{startSearch:x}=tw(e,n,{onUpdateModelFilters:f}),{filtersSavedLocal:S,initFiltersSaved:C,updateFiltersSavedLocal:w}=ew(e),{excludeRenderAttributesComputed:T}=ZC(e);return(0,t.watch)(r,()=>{C()},{deep:!0}),p(),C(),{closeAllFilters:g,closeFilterValue:_,dataKeyByKeyIdPerFilter:v,excludeRenderAttributesComputed:T,filtersDataKeyById:i,filtersGroup:a,filtersHorizontalRef:o,filtersKeyById:s,filtersSavedLocal:S,filtersVisible:c,filtersVisibleAll:l,filtersVisibleIds:u,hasFilters:d,onUpdateModelFilters:f,setFiltersVisibleIds:p,startSearch:x,toggleFiltersVisible:b,updateAppliedModel:m,updateDataKeyByIdFromFilter:y,updateFiltersSavedLocal:w,updateMainModel:h}},render(){if(this.hasFilters)return(0,t.h)(`div`,[this.view===`top`&&(0,t.h)(JC,{id:this.id,disabled:this.disabled,excludeRenderAttributes:this.excludeRenderAttributesComputed,filterMain:this.filterMain,mainModel:this.mainModel,updateDataKeyByIdFromFilter:this.updateDataKeyByIdFromFilter,updateMainModel:this.updateMainModel,onStartSearch:this.startSearch},this.$slots),this.view===`right`&&(0,t.h)(t.Teleport,{to:this.viewRightTeleportSelector,disabled:!this.viewRightTeleportSelector},[(0,t.h)(YS,{id:this.id,disabled:this.disabled,excludeRenderAttributes:this.excludeRenderAttributesComputed,filters:this.filters,filtersKeyById:this.filtersKeyById,appliedModel:this.appliedModel,onUpdateModelFilters:this.updateAppliedModel,updateDataKeyByIdFromFilter:this.updateDataKeyByIdFromFilter,onStartSearch:this.startSearch},this.$slots)]),(0,t.h)(uC,{id:this.id,appliedModel:this.appliedModel,btnCloseClass:this.filterCenterBtnCloseClass,btnGoToClass:this.filterCenterBtnGoToClass,btnNotCloseClass:this.filterCenterBtnNotCloseClass,btnCloseAllClass:this.filterCenterBtnCloseAllClass,closeAllFilters:this.closeAllFilters,closeFilterValue:this.closeFilterValue,dataKeyByKeyIdPerFilter:this.dataKeyByKeyIdPerFilter,disabled:this.disabled,filtersGroup:this.filtersGroup,filtersKeyById:this.filtersKeyById,filtersVisibleAll:this.filtersVisibleAll},{filtersHorizontal:()=>this.view===`top`?(0,t.h)(UC,{ref:`filtersHorizontalRef`,id:this.id,canSave:this.canSave,disabled:this.disabled,excludeRenderAttributes:this.excludeRenderAttributesComputed,filtersGroup:this.filtersGroup,filtersKeyById:this.filtersKeyById,filtersSaved:this.filtersSavedLocal,filtersVisible:this.filtersVisible,showAddFilterButtonWhenEmpty:this.showAddFilterButtonWhenEmpty,onUpdateModelFilters:this.onUpdateModelFilters,unappliedModel:this.unappliedModel,updateDataKeyByIdFromFilter:this.updateDataKeyByIdFromFilter,updateFiltersSaved:this.updateFiltersSavedLocal,onStartSearch:this.startSearch,onToggleFiltersVisible:this.toggleFiltersVisible},this.$slots):``,...this.$slots})])}},ow={name:`ARequired`,props:{alwaysTranslate:{type:Boolean,required:!1},text:{type:String,required:!1,default:`_A_REQUIRED_TEXT_`}},render(){return(0,t.h)(J,{alwaysTranslate:this.alwaysTranslate,class:`a_required`,html:this.text})}};function sw(e){let n=(0,t.toRef)(e,`isHide`);return{styleFormHide:(0,t.computed)(()=>n.value?`display: none;`:``)}}function cw(e,{emit:n}){let r=(0,t.toRef)(e,`modelValue`),i=(0,t.computed)(()=>r.value||{});return{modelValueLocal:i,onUpdateModelLocal:({currentModel:e,id:t,item:r,model:a,props:o,component:s,fullModel:c})=>{if(c){let i=R(c);n(`update:modelValue`,i),n(`change`,{currentModel:e,id:t,item:r,fullModel:i,model:a,props:o}),F(s.change)&&s.change({currentModel:e,id:t,item:r,fullModel:i,model:a,props:o});return}let l=R(i.value);Ol(l,t,R(a)),n(`update:modelValue`,l),n(`change`,{currentModel:e,id:t,item:r,fullModel:l,model:a,props:o}),F(s.change)&&s.change({currentModel:e,id:t,item:r,fullModel:l,model:a,props:o})}}}function lw(e){let n=(0,t.toRef)(e,`data`),r=(0,t.toRef)(e,`isRequired`),i=(0,t.toRef)(e,`readonly`);return{isRequiredLocal:(0,t.computed)(()=>{if(i.value)return!1;if(r.value)return!0;let e=!1;return B(n.value,t=>{if(t.required)return e=!0,!1}),e})}}var uw={name:`AForm`,props:{alwaysTranslate:{type:Boolean,required:!1},classColumns:{type:[String,Object],required:!1,default:`a_columns a_columns_count_12 a_columns_gap_2`},classColumnDefault:{type:[String,Object],required:!1,default:`a_column a_column_12`},data:{type:Array,required:!0},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},errors:{type:Object,required:!1,default:()=>({})},idPrefix:{type:String,required:!1,default:void 0},isHide:{type:Boolean,required:!1},isRender:{type:Boolean,required:!1,default:!0},isRequired:{type:Boolean,required:!1},modelValue:{type:Object,required:!1,default:void 0},readonly:{type:Boolean,required:!1},readonlyDefault:{type:String,required:!1,default:``},showErrors:{type:Boolean,required:!1,default:!0},showRequiredText:{type:Boolean,required:!1,default:!0},tag:{type:String,required:!1,default:`form`},textRequired:{type:String,required:!1,default:void 0},textErrorHeader:{type:String,required:!1,default:void 0},useFlatErrors:{type:Boolean,required:!1,default:!0},useFlatModel:{type:Boolean,required:!1,default:!0},useHtmlIdAsKey:{type:Boolean,required:!1,default:!1}},emits:[`update:modelValue`,`change`],setup(e,t){let{attributesToExcludeFromRender:n}=bh(e),{modelValueLocal:r,onUpdateModelLocal:i}=cw(e,t);RS(r);let{styleFormHide:a}=sw(e),{isRequiredLocal:o}=lw(e);return{attributesToExcludeFromRender:n,componentTypesMapping:()=>({...MS,...BS,...ey.components,...ey.containerComponents}),isRequiredLocal:o,modelValueLocal:r,onUpdateModelLocal:i,styleFormHide:a}},render(){return this.isRender?(0,t.h)(this.tag,{class:`a_form`,style:this.styleFormHide},[this.$slots.formPrepend?this.$slots.formPrepend():``,this.showRequiredText&&this.isRequiredLocal?(0,t.h)(ow,{text:this.textRequired}):``,this.$slots.formPrependAfterRequired?this.$slots.formPrependAfterRequired():``,this.showErrors?(0,t.h)(my,{alwaysTranslate:this.alwaysTranslate,errors:this.errors,closable:!1,optionsList:this.data,idPrefix:this.idPrefix,textErrorHeader:this.textErrorHeader,useFlatErrors:this.useFlatErrors}):``,(0,t.h)(`div`,{class:this.classColumns},[this.$slots.formDataPrepend?this.$slots.formDataPrepend():``,...this.data.map((e,n)=>{let r=Vy.value[e.type],i;V(e.classColumn)?i=this.classColumnDefault:e.classColumn&&(i=e.classColumn);let a=this.componentTypesMapping()[e.type],o=r&&!this.useFlatModel||!r?L(this.modelValueLocal,e.id):this.modelValueLocal,s=n;return this.useHtmlIdAsKey&&(s=fy({id:e.id,idPrefix:e.idPrefix||this.idPrefix,htmlId:e.htmlId})),(0,t.h)(a,{key:s,alwaysTranslate:this.alwaysTranslate,modelValue:o,modelAll:r?this.modelValueLocal:void 0,modelDependencies:this.modelValueLocal,class:i,errors:this.errors[e.id],errorsAll:r?this.errors:void 0,useFlatErrors:r?this.useFlatErrors:void 0,useFlatModel:r?this.useFlatModel:void 0,idPrefix:this.idPrefix,excludeRenderAttributes:this.excludeRenderAttributes,...e,change:({currentModel:t,id:n,item:r,model:i,props:a,fullModel:o})=>this.onUpdateModelLocal({currentModel:t,id:n,item:r,model:i,props:a,component:e,fullModel:o}),readonly:this.readonly||e.readonly,readonlyDefault:`readonlyDefault`in e&&!H(e.readonlyDefault)?e.readonlyDefault:this.readonlyDefault,classColumn:void 0,...this.attributesToExcludeFromRender},this.$slots)}),this.$slots.formDataAppend?this.$slots.formDataAppend():``]),this.$slots.formAppend?this.$slots.formAppend():``]):null}},dw={name:`AFormElement`,props:{alwaysTranslate:{type:Boolean,required:!1},change:{type:Function,required:!1,default:()=>{}},dependencies:{type:[Array,Object],required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:void 0},errorIcon:{type:[String,Object],required:!1,default:void 0},errors:{type:[String,Array],required:!1,default:void 0},errorsClass:{type:[String,Object],required:!1,default:void 0},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},extra:{type:Object,required:!1,default:void 0},helpText:{type:String,required:!1,default:void 0},htmlId:{type:String,required:!1,default:void 0},id:{type:[String,Number],required:!1,default:void 0},idPrefix:{type:String,required:!1,default:void 0},isHide:{type:Boolean,required:!1,default:void 0},isRender:{type:Boolean,required:!1,default:!0},label:{type:[String,Number],required:!1,default:void 0},labelClass:{type:[String,Object],required:!1,default:void 0},labelDescription:{type:String,required:!1,default:void 0},labelScreenReader:{type:[String,Number],required:!1,default:void 0},modelDependencies:{type:Object,required:!1,default:()=>({})},modelValue:{required:!1,default:void 0},options:{type:Object,required:!1,default:()=>({})},readonly:{type:Boolean,required:!1},readonlyDefault:{type:String,required:!1,default:``},required:{type:Boolean,required:!1,default:!1},type:{type:String,required:!0}},emits:[`update:modelValue`],setup(e,{emit:n,slots:r}){let i=(0,t.toRef)(e,`options`),a=(0,t.toRef)(e,`type`),o=()=>({...MS,...BS,...ey.components,...ey.containerComponents});return()=>{let s=o()[a.value];return(0,t.h)(s,{...e,...i.value,"onUpdate:modelValue":e=>n(`update:modelValue`,e)},r)}}};function fw({emit:e}){return{clearLocal:({$event:t})=>{t.stopPropagation(),t.preventDefault(),e(`clear`,t)}}}var pw={name:`AFormElementBtnClear`,props:{alwaysTranslate:{type:Boolean,required:!1},class:{type:[String,Object],required:!1,default:`a_btn a_btn_transparent_dark a_btn_small`},icon:{type:String,required:!1,default:`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
|
|
192
192
|
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>
|
|
193
193
|
</svg>`},disabled:{type:Boolean,required:!1},title:{type:String,required:!1,default:`_A_FORM_ELEMENT_REMOVE_FIELD_CONTENT_`},textScreenReader:{type:String,required:!1,default:`_A_FORM_ELEMENT_REMOVE_FIELD_CONTENT_`},tabindex:{type:Number,required:!1,default:-1},iconClass:{type:String,required:!1,default:`a_form_element__btn_close__icon`}},emits:[`clear`],setup(e,t){let{clearLocal:n}=fw(t);return{clearLocal:n}},render(){if(!this.disabled)return(0,t.h)(q,{class:[`a_form_control__actions__btn`,this.class],disabled:this.disabled,iconClass:this.iconClass,iconLeft:this.icon,onClick:this.clearLocal,tabindex:this.tabindex,textScreenReader:this.textScreenReader,title:this.title,type:`button`})}},mw={name:`AFormLabelDescription`,props:{alwaysTranslate:{type:Boolean,required:!1},extra:{type:Object,required:!1,default:void 0},html:{type:[String,Number],required:!1},id:{type:String,required:!0},isLabelFloat:{type:Boolean,required:!1}},render(){return!this.isLabelFloat&&this.html?(0,t.h)(J,{id:this.id,alwaysTranslate:this.alwaysTranslate,class:`a_form_element__label_description`,html:this.html,extra:this.extra}):``}};function hw(e){let n=(0,t.toRef)(e,`id`),r=(0,t.toRef)(e,`helpText`),i=(0,t.toRef)(e,`label`),a=(0,t.toRef)(e,`labelScreenReader`),o=(0,t.inject)(`isRangeProvide`,!1),s=(0,t.computed)(()=>`${n.value}_label`),c=(0,t.computed)(()=>`${n.value}_help_text`),l=(0,t.computed)(()=>`${n.value}_value`),u=(0,t.computed)(()=>{if(!o.value&&(i.value||a.value))return s.value});return{ariaDescribedby:(0,t.computed)(()=>{if(!o.value)return!V(r.value)&&r.value!==``?`${l.value} ${c.value}`:`${l.value}`}),ariaLabelledby:u,helpTextId:c,isRangeProvide:o,labelId:s,role:(0,t.computed)(()=>{if(!o.value)return`group`}),valueId:l}}function gw(e){let n=(0,t.toRef)(e,`modelValue`),r=(0,t.toRef)(e,`readonlyDefault`);return{modelValueReadonly:(0,t.computed)(()=>V(n.value)||n.value===``?r.value:n.value)}}var _w={name:`AFormReadonly`,props:{alwaysTranslate:{type:Boolean,required:!1},collapsible:{type:Boolean,required:!1,default:void 0},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},extra:{type:Object,required:!1,default:void 0},helpText:{type:String,required:!1,default:void 0},id:{type:String,required:!0},isCollapsed:{type:Boolean,required:!1,default:void 0},isRange:{type:Boolean,required:!1,default:void 0},label:{type:[String,Number],required:!1,default:void 0},labelClass:{type:[String,Object],required:!1,default:void 0},labelDescription:{type:String,required:!1,default:void 0},labelScreenReader:{type:[String,Number],required:!1,default:void 0},modelValue:{type:[String,Number,Object,Array,Boolean],required:!1,default:void 0},readonlyDefault:{type:String,required:!1,default:``},required:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0},valueClass:{type:[String,Object],required:!1,default:void 0},valueParentClass:{type:[String,Object],required:!1,default:void 0},valueTag:{type:String,required:!1,default:`span`}},setup(e){let n=(0,t.toRef)(e,`isRange`),{attributesToExcludeFromRender:r}=bh(e),{ariaDescribedby:i,ariaLabelledby:a,helpTextId:o,labelId:s,role:c,valueId:l}=hw(e),{modelValueReadonly:u}=gw(e);return(0,t.provide)(`isRangeProvide`,n),{ariaDescribedby:i,ariaLabelledby:a,attributesToExcludeFromRender:r,helpTextId:o,labelId:s,modelValueReadonly:u,role:c,valueId:l}},render(){return(0,t.h)(`div`,{"aria-labelledby":this.ariaLabelledby,"aria-describedby":this.ariaDescribedby,class:`a_form_element_readonly`,role:this.role,...this.attributesToExcludeFromRender},[this.label||this.labelScreenReader?(0,t.h)($y,{id:this.id,alwaysTranslate:this.alwaysTranslate,extra:this.extra,isLabelFloat:!1,label:this.label,labelClass:this.labelClass,labelScreenReader:this.labelScreenReader,readonly:!0,required:!1,tag:`div`,type:this.type}):``,(0,t.h)(`div`,{id:this.valueId,class:[`a_form_element_readonly_value`,this.valueParentClass]},[this.$slots.default?this.$slots.default():(0,t.h)(J,{class:this.valueClass,extra:this.extra,html:this.modelValueReadonly,tag:this.valueTag})]),(0,t.h)(By,{id:this.helpTextId,alwaysTranslate:this.alwaysTranslate,html:this.helpText,extra:this.extra})])}},vw={name:`AGet`,props:{keyLabel:{type:[String,Array],required:!0,info:`Weg zu Informationen. Z.B.('a[0].b.c', 'vertrag.antrag_obj.pk', ['vertrag', aloha, 'pk'])`},data:{type:[String,Number,Boolean,Array,Object,Date,Function,Symbol],required:!1,default:void 0,info:`Haupt-Objekt oder -Array, wo man sucht`},tag:{type:String,required:!1,default:`span`,info:`Semantisch-relevanter HTML-Tag.(span, div, ...)`},defaultValue:{type:[String,Number,Boolean,Array,Object,Date,Function,Symbol],required:!1,default:void 0,info:`Standardwert, wenn Lodash-Funktion 'get' undefined zurückschickt`},filter:{type:String,required:!1,default:void 0},filterParameters:{type:[Object,String,Number,Boolean],required:!1,default:()=>{}},replacedWithDefault:{type:[String,Number,Boolean,Array,Object,Date,Function,Symbol],required:!1,default:void 0,info:`Wenn das Wert, das Lodash-Funktion 'get' zurückschickt, === this.replacedWithDefault, dann this.defaultValue`}},setup(){return ig()},computed:{valueLocal(){let e=L(this.data,this.keyLabelLocal);if(V(e)&&(e=this.defaultValue),this.isValueEqualsWithValueThenDefaultValue(e))return this.defaultValue;if(this.filter){let t=`filter${ci(this.filter)}`;if(F(this[t]))return this[t](e,this.filterParameters);console.warn(`filter "${t}" ist not defined`)}return e},keyLabelLocal(){return P(this.keyLabel)?this.keyLabel.join(`.`):this.keyLabel}},methods:{isValueEqualsWithValueThenDefaultValue(e){if(H(this.replacedWithDefault))return!1;let t=!1;return P(this.replacedWithDefault)?B(this.replacedWithDefault,n=>{if(n===e)return t=!0,!1}):this.replacedWithDefault===e&&(t=!0),t}},render(){return(0,t.withDirectives)((0,t.h)(this.tag),[[Gd,this.valueLocal]])}},yw={name:`ALink`,inheritAttrs:!1,props:{alwaysTranslate:{type:Boolean,required:!1},ariaLabel:{type:[String,Number,Object],required:!1,default:void 0},attributes:{type:Object,required:!1,default:()=>({})},class:{type:[String,Object],required:!1,default:void 0},classDefault:{type:String,required:!1,default:`aloha_element`},classDefaultHidden:{type:String,required:!1,default:`aloha_element__hidden`},classDisabled:{type:String,required:!1,default:`disabled`},disabled:{type:Boolean,required:!1,default:void 0},excludeRenderAttributes:{type:Array,required:!1,default:()=>[]},extra:{type:Object,required:!1,default:void 0},extraData:{type:[String,Number,Boolean,Array,Object,Date,Function,Symbol,null,void 0],required:!1,default:void 0},href:{type:String,required:!1,default:void 0},html:{type:[String,Number,Object,Array],required:!1,default:void 0},htmlScreenReader:{type:[String,Number,Object,Array],required:!1,default:void 0},iconAttributes:{type:Object,required:!1,default:()=>({})},iconClass:{type:[String,Object],required:!1,default:void 0},iconLeft:{type:[String,Object],required:!1,default:void 0},iconRight:{type:[String,Object],required:!1,default:void 0},iconTag:{type:String,required:!1,default:void 0},id:{type:String,required:!1,default:()=>Xl(`a_link_`)},isTitleHtml:{type:Boolean,required:!1,default:void 0},loading:{type:Boolean,required:!1,default:!1},loadingAlign:{type:String,required:!1,default:`right`,validator:e=>[`right`,`left`].indexOf(e)!==-1},loadingClass:{type:[String,Object],required:!1,default:`a_spinner_small`},preventKeyboardRepeat:{type:Boolean,required:!1,default:!1},safeHtml:{type:[String,Number,Object,Array],required:!1,default:void 0},safeHtmlScreenReader:{type:[String,Number,Object,Array],required:!1,default:void 0},stop:{type:Boolean,required:!1,default:void 0},target:{type:String,required:!1,default:void 0},text:{type:[String,Number,Object,Array],required:!1,default:void 0},textAfter:{type:[String,Number,Object],required:!1,default:void 0},textAriaHidden:{type:Boolean,required:!1,default:void 0},textBefore:{type:[String,Number,Object],required:!1,default:void 0},textClass:{type:String,required:!1,default:void 0},textScreenReader:{type:[String,Number,Object,Array],required:!1,default:void 0},textTag:{type:String,required:!1,default:`span`},title:{type:[String,Number,Object,Array],required:!1,default:void 0},titleAttributes:{type:Object,required:!1,default:()=>({})},titlePlacement:{type:String,required:!1,default:`top`,validator:e=>Sf.indexOf(e)!==-1},titleZIndex:{type:[Number,String],required:!1,default:`auto`,validator:e=>gc(e)?e===`auto`:Dc(e)},to:{type:[Object,String],required:!1,default:void 0}},emits:[`click`],setup(e,t){let{clickEmit:n}=xf(e,t);return{clickEmit:n}},render(){return(0,t.h)(q,{...this.$attrs,...this.$props,type:`link`,onClick:this.clickEmit},this.$slots)}};function bw(e){let n=(0,t.toRef)(e,`isLast`),r=(0,t.toRef)(e,`hasDropdownActions`),i=(0,t.toRef)(e,`hasDividerBeforeDropdown`),a=(0,t.computed)(()=>n.value&&r.value),o=(0,t.computed)(()=>a.value&&!i.value);return{isDropdownActionsAfterGroup:(0,t.computed)(()=>a.value&&i.value),isDropdownActionsInGroup:o}}var xw={name:`AGroupButtonDropdownItem`,props:{actionsClasses:{type:Array,required:!0},actionsIds:{type:Array,required:!0},actionsDropdown:{type:Array,required:!0},btnGroupClass:{type:[String,Array,Object],required:!1,default:`a_btn_group`},data:{type:Object,required:!0},disabled:{type:Boolean,required:!1},dropdownAttributes:{type:Object,required:!0},hasDividerBeforeDropdown:{type:Boolean,required:!0},hasDropdownActions:{type:Boolean,required:!0},isLast:{type:Boolean,required:!0}},setup(e){let{isDropdownActionsAfterGroup:t,isDropdownActionsInGroup:n}=bw(e);return{isDropdownActionsAfterGroup:t,isDropdownActionsInGroup:n}},render(){return[!!this.data.children.length&&(0,t.h)(`div`,{class:this.btnGroupClass},[...this.data.children.map(e=>{let n=e.classButton?e.classButton:this.actionsClasses[e.actionNotDividerIndex];e.classExtra&&(n=Av({class1:n,class2:e.classExtra}));let r=e.id?e.id:this.actionsIds[e.actionNotDividerIndex],i=this.disabled||e.disabled;if(e.type===`button`)return(0,t.h)(W,{...e,id:r,class:n,classButton:void 0,classExtra:void 0,disabled:i,onClick:e.callback,callback:void 0,actionNotDividerIndex:void 0,isHidden:void 0,isConfirm:void 0,callbackLocal:void 0});if(e.type===`link`)return(0,t.h)(yw,{...e,id:r,classButton:void 0,classExtra:void 0,disabled:i,class:n,actionNotDividerIndex:void 0,isHidden:void 0,type:void 0,isConfirm:void 0,callbackLocal:void 0});if(e.type===`template`&&e.slotName&&this.$slots[e.slotName])return this.$slots[e.slotName]({id:r,class:n,action:e})}),this.isDropdownActionsInGroup&&(0,t.h)(Wv,{isHideWithoutActionAndSlot:!0,actions:this.actionsDropdown,disabled:this.disabled,...this.dropdownAttributes},this.$slots)]),this.isDropdownActionsAfterGroup&&(0,t.h)(Wv,{isHideWithoutActionAndSlot:!0,actions:this.actionsDropdown,disabled:this.disabled,...this.dropdownAttributes},this.$slots)]}};function Sw(e){let n=(0,t.toRef)(e,`actions`),r=(0,t.toRef)(e,`indexFirstDropdownAction`),i=(0,t.toRef)(e,`indexFirstDropdownActionMobile`),a=(0,t.toRef)(e,`minDropdownActions`),{isMobileWidth:o}=S(),s=(0,t.computed)(()=>Ov({actions:n.value})),c=(0,t.computed)(()=>{let e=R(s.value);return B(e,e=>{e.classButton=Av({class1:e.classButton,class2:e.class}),e.class=Av({class1:e.classDropdown,class2:e.class}),delete e.classDropdown,e.classExtra&&(e.class=Av({class1:e.classExtra,class2:e.class}))}),e}),l=(0,t.computed)(()=>o.value?i.value:r.value),u=({actions:e=[],minCountActions:t=0})=>{let n=0;return B(e,e=>{if(n>=t)return!1;e.type!==`divider`&&n++}),n>=t},d=(0,t.computed)(()=>{let e=R(c.value),t={buttons:[],dropdown:[]},n=0,r=!0;return B(e,(i,o)=>{if(n===l.value){let n=e.slice(o,e.length);if(u({actions:n,minCountActions:a.value}))return t.dropdown=e.splice(o,e.length),l.value===0&&t.buttons.push({type:`group`,children:[]}),!1}i.type===`divider`?r=!0:(i.actionNotDividerIndex=n,n++,r?t.buttons.push({type:`group`,children:[i]}):Dv(t.buttons).children.push(i),r=!1)}),t}),f=(0,t.computed)(()=>d.value.dropdown.length>0);return{actionsAllWithClassesFiltered:c,actionsGrouped:d,hasActionsAllFiltered:(0,t.computed)(()=>c.value.length>0),hasDropdownActions:f}}var Cw=(0,t.ref)({propsDefault:{actionsClasses:[`a_btn a_btn_primary`,`a_btn a_btn_secondary`],dropdownAttributes:{},hasDividerBeforeDropdown:!0,indexFirstDropdownAction:1,indexFirstDropdownActionMobile:0,minDropdownActions:2,useActionClass:!0,useDropdownActionClass:!1}}),ww={install:(e,{propsDefault:t={}}={})=>{Cw.value.propsDefault={...Cw.value.propsDefault,...t}}},Tw={name:`AGroupButtonDropdown`,props:{actions:{type:Array,required:!1,default:()=>[]},actionsClasses:{type:Array,required:!1,default:()=>Cw.value.propsDefault.actionsClasses},actionsIds:{type:Array,required:!1,default:()=>[]},btnGroupClass:{type:[String,Array,Object],required:!1,default:`a_btn_group`},disabled:{type:Boolean,required:!1},dropdownAttributes:{type:Object,required:!1,default:()=>Cw.value.propsDefault.dropdownAttributes},hasDividerBeforeDropdown:{type:Boolean,required:!1,default:()=>Cw.value.propsDefault.hasDividerBeforeDropdown},indexFirstDropdownAction:{type:Number,required:!1,default:()=>Cw.value.propsDefault.indexFirstDropdownAction,validator:e=>e>=-1},indexFirstDropdownActionMobile:{type:Number,required:!1,default:()=>Cw.value.propsDefault.indexFirstDropdownActionMobile,validator:e=>e>=-1},minDropdownActions:{type:Number,required:!1,default:()=>Cw.value.propsDefault.minDropdownActions},innerFlagHasActions:{type:Boolean,required:!1}},emits:[`update:innerFlagHasActions`],setup(e,{emit:n}){let{actionsAllWithClassesFiltered:r,actionsGrouped:i,hasActionsAllFiltered:a,hasDropdownActions:o}=Sw(e);return(0,t.watch)(a,e=>{n(`update:innerFlagHasActions`,e)},{immediate:!0}),{actionsAllWithClassesFiltered:r,actionsGrouped:i,hasActionsAllFiltered:a,hasDropdownActions:o}},render(){if(this.hasActionsAllFiltered)return(0,t.h)(`div`,{class:`aloha_group_btn_dropdown`},[...this.actionsGrouped.buttons.map((e,n)=>(0,t.h)(xw,{btnGroupClass:this.btnGroupClass,data:e,disabled:this.disabled,actionsDropdown:this.actionsGrouped.dropdown,hasDropdownActions:this.hasDropdownActions,dropdownAttributes:this.dropdownAttributes,actionsClasses:this.actionsClasses,actionsIds:this.actionsIds,isLast:n===this.actionsGrouped.buttons.length-1,hasDividerBeforeDropdown:this.hasDividerBeforeDropdown},this.$slots))])}};function Ew(e){let n=(0,t.toRef)(e,`callback`),r=(0,t.toRef)(e,`disabled`),i=(0,t.toRef)(e,`rootMargin`),a=(0,t.toRef)(e,`threshold`),o={},s=(0,t.ref)(void 0),c,l=()=>{o={rootMargin:i.value,threshold:a.value}},u=()=>{c=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&n.value()},o)},d=()=>{r.value||c.observe(s.value)},f=()=>{c&&c.disconnect()};return(0,t.watch)(r,e=>{e===!0?d():f()}),{disconnectObserver:f,sentinelRef:s,setIntersectionObserver:u,setObserverOptions:l,startObserver:d}}var Dw={name:`AInfiniteScroll`,props:{callback:{type:Function,required:!0},disabled:{type:Boolean,required:!1},rootMargin:{type:String,required:!1,default:`300px`},sentinelTag:{type:String,required:!1,default:`span`},tag:{type:String,required:!1,default:`div`},threshold:{type:[Number,Array],required:!1,default:.5}},setup(e){let{disconnectObserver:n,sentinelRef:r,setIntersectionObserver:i,setObserverOptions:a,startObserver:o}=Ew(e);return(0,t.onMounted)(()=>{a(),i(),o()}),(0,t.onBeforeUnmount)(()=>{n()}),{sentinelRef:r}},render(){return(0,t.h)(this.tag,{},[this.$slots.default?this.$slots.default():null,(0,t.h)(this.sentinelTag,{ref:`sentinelRef`,style:`height: 1px; display: block;`,ariaHidden:!0})])}};function Ow(e){let n=(0,t.toRef)(e,`textCopy`),r=(0,t.ref)(void 0),{addNotification:i}=_C();return{copyText:async()=>{let e=``;if(n.value?e=n.value:r.value?.$el&&B(r.value.$el.children,t=>{t.classList.contains(`a_sr_only`)||(e+=t.textContent)}),e)try{await navigator.clipboard.writeText(e),i({text:`_A_LINK_COPY_COPIED_TO_CLIPBOARD_`})}catch(e){console.error(e)}},linkRef:r}}var kw=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
|
|
194
194
|
<path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "aloha-vue",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.79.0",
|
|
4
4
|
"description": "Aloha-vue is a JavaScript library that provides a wide range of accessible components and directives for Vue.js. Accessibility is of paramount importance to us, and we have designed all our components to meet accessibility compliance criteria. This library is a valuable tool for frontend developers and has already been used in three projects, including two large-scale ones",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"accessibility compliance criteria",
|
|
@@ -89,6 +89,11 @@ export default {
|
|
|
89
89
|
type: Object,
|
|
90
90
|
required: false,
|
|
91
91
|
},
|
|
92
|
+
showAddFilterButtonWhenEmpty: {
|
|
93
|
+
type: Boolean,
|
|
94
|
+
required: false,
|
|
95
|
+
default: true,
|
|
96
|
+
},
|
|
92
97
|
unappliedModel: {
|
|
93
98
|
type: Object,
|
|
94
99
|
required: false,
|
|
@@ -266,6 +271,7 @@ export default {
|
|
|
266
271
|
filtersKeyById: this.filtersKeyById,
|
|
267
272
|
filtersSaved: this.filtersSavedLocal,
|
|
268
273
|
filtersVisible: this.filtersVisible,
|
|
274
|
+
showAddFilterButtonWhenEmpty: this.showAddFilterButtonWhenEmpty,
|
|
269
275
|
onUpdateModelFilters: this.onUpdateModelFilters,
|
|
270
276
|
unappliedModel: this.unappliedModel,
|
|
271
277
|
updateDataKeyByIdFromFilter: this.updateDataKeyByIdFromFilter,
|
|
@@ -89,6 +89,11 @@ export default {
|
|
|
89
89
|
type: Object,
|
|
90
90
|
required: false,
|
|
91
91
|
},
|
|
92
|
+
showAddFilterButtonWhenEmpty: {
|
|
93
|
+
type: Boolean,
|
|
94
|
+
required: false,
|
|
95
|
+
default: true,
|
|
96
|
+
},
|
|
92
97
|
onUpdateModelFilters: {
|
|
93
98
|
type: Function,
|
|
94
99
|
required: true,
|
|
@@ -305,41 +310,43 @@ export default {
|
|
|
305
310
|
stop: true,
|
|
306
311
|
onClick: () => this.deleteFiltersVisible({ filter: item }),
|
|
307
312
|
}),
|
|
308
|
-
formDataAppend: () =>
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
313
|
+
formDataAppend: () => this.filtersHidden.length || this.showAddFilterButtonWhenEmpty ?
|
|
314
|
+
h("div", {
|
|
315
|
+
class: "a_filter_horizontal__add_filter__wrapper",
|
|
316
|
+
}, [
|
|
317
|
+
h(ASelect, {
|
|
318
|
+
buttonClassDefault: "a_btn a_btn_primary a_filter_horizontal__add_filter",
|
|
319
|
+
change: this.addFiltersVisible,
|
|
320
|
+
data: this.filtersHidden,
|
|
321
|
+
hasCaret: false,
|
|
322
|
+
disabled: !this.filtersHidden.length,
|
|
323
|
+
isLabelFloat: false,
|
|
324
|
+
keyGroup: "group",
|
|
325
|
+
keyId: "id",
|
|
326
|
+
keyLabel: "label",
|
|
327
|
+
label: "_A_FILTERS_ADD_FILTER_",
|
|
328
|
+
labelClass: "a_sr_only",
|
|
329
|
+
menuWidthType: "by_content",
|
|
330
|
+
sortOrderGroup: "asc",
|
|
331
|
+
placement: "bottom-start",
|
|
332
|
+
search: true,
|
|
333
|
+
translateData: true,
|
|
334
|
+
type: "select",
|
|
335
|
+
}, {
|
|
336
|
+
fixedPlaceholder: () => [
|
|
337
|
+
h(ATranslation, {
|
|
338
|
+
tag: "span",
|
|
339
|
+
ariaHidden: true,
|
|
340
|
+
class: "a_position_absolute_all",
|
|
341
|
+
title: "_A_FILTERS_ADD_FILTER_",
|
|
342
|
+
}),
|
|
343
|
+
h(AIcon, {
|
|
344
|
+
icon: PlusLg,
|
|
345
|
+
}),
|
|
346
|
+
],
|
|
347
|
+
}),
|
|
348
|
+
]) :
|
|
349
|
+
"",
|
|
343
350
|
formAppend: () => this.canSave ?
|
|
344
351
|
h("div", {
|
|
345
352
|
class: "a_filter_horizontal__save_actions",
|