output - update

dist/slimselect.cjs.js

@@ -525,6 +525,7 @@ class Render {
             return;
         }
         this.renderMultipleValues();
+        this.updateDeselectAll();
     }
     renderSingleValue() {
         const selected = this.store.filter((o) => {
@@ -626,7 +627,6 @@ class Render {
                 }
             }
         }
-        this.updateDeselectAll();
     }
     multipleValue(option) {
         const value = document.createElement('div');

dist/slimselect.es.js

@@ -523,6 +523,7 @@ class Render {
             return;
         }
         this.renderMultipleValues();
+        this.updateDeselectAll();
     }
     renderSingleValue() {
         const selected = this.store.filter((o) => {
@@ -624,7 +625,6 @@ class Render {
                 }
             }
         }
-        this.updateDeselectAll();
     }
     multipleValue(option) {
         const value = document.createElement('div');

dist/slimselect.global.js

@@ -526,6 +526,7 @@ var SlimSelect = (function () {
                 return;
             }
             this.renderMultipleValues();
+            this.updateDeselectAll();
         }
         renderSingleValue() {
             const selected = this.store.filter((o) => {
@@ -627,7 +628,6 @@ var SlimSelect = (function () {
                     }
                 }
             }
-            this.updateDeselectAll();
         }
         multipleValue(option) {
             const value = document.createElement('div');

dist/slimselect.js

@@ -529,6 +529,7 @@
                 return;
             }
             this.renderMultipleValues();
+            this.updateDeselectAll();
         }
         renderSingleValue() {
             const selected = this.store.filter((o) => {
@@ -630,7 +631,6 @@
                     }
                 }
             }
-            this.updateDeselectAll();
         }
         multipleValue(option) {
             const value = document.createElement('div');

dist/slimselect.umd.js

@@ -529,6 +529,7 @@
                 return;
             }
             this.renderMultipleValues();
+            this.updateDeselectAll();
         }
         renderSingleValue() {
             const selected = this.store.filter((o) => {
@@ -630,7 +631,6 @@
                     }
                 }
             }
-            this.updateDeselectAll();
         }
         multipleValue(option) {
             const value = document.createElement('div');

docs/assets/index2.js

@@ -325,7 +325,7 @@ import{d as s,S as o,_ as a,o as i,c,a as e,f as t,e as v,r as h,b as r}from"./i
           }
         })
       `),t(`
-    `)],-1);function Hs(l,n,u,d,p,_){return i(),c("div",Vs,[Ss,ys,xs,e("div",Os,[e("select",Ds,Cs,512),e("select",Ls,js,512)]),ks])}const qs=a(bs,[["render",Hs]]),Is=s({name:"Placeholder",mounted(){new o({select:this.$refs.placeholderSingle,settings:{placeholderText:"Custom Placeholder Text"}}),new o({select:this.$refs.placeholderMultiple,settings:{placeholderText:"Custom Placeholder Text"}}),new o({select:this.$refs.placeholderNone,settings:{placeholderText:""}})}}),Rs={id:"placeholder",class:"content"},Ns=e("h2",{class:"header"},"placeholderText",-1),Gs=e("p",null,' Placeholders consists of setting the placeholder option value. The only difference is single selects require an empty option with data-placeholder set to true. Default value is "Select Value". ',-1),Us=e("div",{class:"alert info"}," Notice you can also set placeholder to empty if that is what you would like to do as well. ",-1),Ks={class:"row"},Ys={ref:"placeholderSingle"},Ws=e("option",{"data-placeholder":"true"},null,-1),zs=e("option",{value:"value1"},"Value 1",-1),Fs=e("option",{value:"value2"},"Value 2",-1),Js=e("option",{value:"value3"},"Value 3",-1),Qs=[Ws,zs,Fs,Js],Xs={ref:"placeholderMultiple",multiple:""},Zs=e("option",{value:"value1"},"Value 1",-1),ea=e("option",{value:"value2"},"Value 2",-1),ta=e("option",{value:"value3"},"Value 3",-1),oa=[Zs,ea,ta],la={ref:"placeholderNone"},na=e("option",{"data-placeholder":"true"},null,-1),sa=e("option",{value:"value1"},"Value 1",-1),aa=e("option",{value:"value2"},"Value 2",-1),ia=e("option",{value:"value3"},"Value 3",-1),ca=[na,sa,aa,ia],ua=e("pre",null,[t("      "),e("code",{class:"language-javascript"},`
+    `)],-1);function Hs(l,n,u,d,p,_){return i(),c("div",Vs,[Ss,ys,xs,e("div",Os,[e("select",Ds,Cs,512),e("select",Ls,js,512)]),ks])}const qs=a(bs,[["render",Hs]]),Is=s({name:"Placeholder",mounted(){new o({select:this.$refs.placeholderSingle,settings:{placeholderText:"Custom Placeholder Text"}}),new o({select:this.$refs.placeholderMultiple,settings:{placeholderText:"Make Selection"}}),new o({select:this.$refs.placeholderNone,settings:{placeholderText:""}})}}),Rs={id:"placeholder",class:"content"},Ns=e("h2",{class:"header"},"placeholderText",-1),Gs=e("p",null,' Placeholders consists of setting the placeholder option value. The only difference is single selects require an empty option with data-placeholder set to true. Default value is "Select Value". ',-1),Us=e("div",{class:"alert info"}," Notice you can also set placeholder to empty if that is what you would like to do as well. ",-1),Ks={class:"row"},Ys={ref:"placeholderSingle"},Ws=e("option",{"data-placeholder":"true"},null,-1),zs=e("option",{value:"value1"},"Value 1",-1),Fs=e("option",{value:"value2"},"Value 2",-1),Js=e("option",{value:"value3"},"Value 3",-1),Qs=[Ws,zs,Fs,Js],Xs={ref:"placeholderMultiple",multiple:""},Zs=e("option",{value:"value1"},"Value 1",-1),ea=e("option",{value:"value2"},"Value 2",-1),ta=e("option",{value:"value3"},"Value 3",-1),oa=[Zs,ea,ta],la={ref:"placeholderNone"},na=e("option",{"data-placeholder":"true"},null,-1),sa=e("option",{value:"value1"},"Value 1",-1),aa=e("option",{value:"value2"},"Value 2",-1),ia=e("option",{value:"value3"},"Value 3",-1),ca=[na,sa,aa,ia],ua=e("pre",null,[t("      "),e("code",{class:"language-javascript"},`
         new SlimSelect({
           select: '#placeholder',
           settings: {
@@ -427,4 +427,4 @@ import{d as s,S as o,_ as a,o as i,c,a as e,f as t,e as v,r as h,b as r}from"./i
           <option style="color: blue;">Blue</option>
         </select>
       `),t(`
-    `)],-1);function ac(l,n,u,d,p,_){return i(),c("div",Ki,[Yi,Wi,e("div",zi,[e("select",Fi,Zi,512),e("select",ec,nc,512)]),sc])}const ic=a(Ui,[["render",ac]]),cc=s({name:"Settings",components:{Select:ri,AlwaysOpen:ce,ContentLocation:ot,ContentPosition:yt,OpenPosition:qs,Placeholder:_a,Deselect:Do,Display:Cl,Disabled:_l,Mandatory:Fn,MinMax:ws,DataAttributes:no,MaxValuesShown:cs,Css:Nt,Styles:ic,Html:vn,KeepOrder:Pn,Search:ai,CloseOnSelect:Ie,ShowTooltip:Gi,SelectAll:Ci,Closable:Oe,HideSelected:Ql}}),uc={id:"settings",class:"contents"};function dc(l,n,u,d,p,_){const $=h("Select"),m=h("AlwaysOpen"),g=h("ContentLocation"),f=h("ContentPosition"),w=h("OpenPosition"),b=h("Placeholder"),V=h("Deselect"),S=h("Display"),y=h("Disabled"),x=h("Mandatory"),O=h("MinMax"),D=h("DataAttributes"),M=h("Css"),T=h("Styles"),P=h("Html"),C=h("KeepOrder"),L=h("Search"),B=h("CloseOnSelect"),A=h("ShowTooltip"),E=h("SelectAll"),j=h("Closable"),k=h("HideSelected"),H=h("MaxValuesShown");return i(),c("div",uc,[r($),r(m),r(g),r(f),r(w),r(b),r(V),r(S),r(y),r(x),r(O),r(D),r(M),r(T),r(P),r(C),r(L),r(B),r(A),r(E),r(j),r(k),r(H)])}const _c=a(cc,[["render",dc]]);export{_c as default};
+    `)],-1);function ac(l,n,u,d,p,_){return i(),c("div",Ki,[Yi,Wi,e("div",zi,[e("select",Fi,Zi,512),e("select",ec,nc,512)]),sc])}const ic=a(Ui,[["render",ac]]),cc=s({name:"Settings",components:{Select:ri,AlwaysOpen:ce,ContentLocation:ot,ContentPosition:yt,OpenPosition:qs,Placeholder:_a,Deselect:Do,Display:Cl,Disabled:_l,Mandatory:Fn,MinMax:ws,DataAttributes:no,MaxValuesShown:cs,Css:Nt,Styles:ic,Html:vn,KeepOrder:Pn,Search:ai,CloseOnSelect:Ie,ShowTooltip:Gi,SelectAll:Ci,Closable:Oe,HideSelected:Ql}}),uc={id:"settings",class:"contents"};function dc(l,n,u,d,p,_){const $=h("Select"),m=h("AlwaysOpen"),g=h("ContentLocation"),f=h("ContentPosition"),w=h("OpenPosition"),b=h("Placeholder"),V=h("SelectAll"),S=h("Deselect"),y=h("Display"),x=h("Disabled"),O=h("Mandatory"),D=h("MinMax"),M=h("DataAttributes"),T=h("Css"),P=h("Styles"),C=h("Html"),L=h("KeepOrder"),B=h("Search"),A=h("CloseOnSelect"),E=h("ShowTooltip"),j=h("Closable"),k=h("HideSelected"),H=h("MaxValuesShown");return i(),c("div",uc,[r($),r(m),r(g),r(f),r(w),r(b),r(V),r(S),r(y),r(x),r(O),r(D),r(M),r(T),r(P),r(C),r(L),r(B),r(A),r(E),r(j),r(k),r(H)])}const _c=a(cc,[["render",dc]]);export{_c as default};

src/vue/dist/slimselectvue.es.js

@@ -525,6 +525,7 @@ class Render {
             return;
         }
         this.renderMultipleValues();
+        this.updateDeselectAll();
     }
     renderSingleValue() {
         const selected = this.store.filter((o) => {
@@ -626,7 +627,6 @@ class Render {
                 }
             }
         }
-        this.updateDeselectAll();
     }
     multipleValue(option) {
         const value = document.createElement('div');

src/vue/dist/slimselectvue.global.js

@@ -526,6 +526,7 @@ var SlimSelectVue = (function (vue) {
               return;
           }
           this.renderMultipleValues();
+          this.updateDeselectAll();
       }
       renderSingleValue() {
           const selected = this.store.filter((o) => {
@@ -627,7 +628,6 @@ var SlimSelectVue = (function (vue) {
                   }
               }
           }
-          this.updateDeselectAll();
       }
       multipleValue(option) {
           const value = document.createElement('div');

src/vue/dist/slimselectvue.ssr.js

@@ -527,6 +527,7 @@ class Render {
             return;
         }
         this.renderMultipleValues();
+        this.updateDeselectAll();
     }
     renderSingleValue() {
         const selected = this.store.filter((o) => {
@@ -628,7 +629,6 @@ class Render {
                 }
             }
         }
-        this.updateDeselectAll();
     }
     multipleValue(option) {
         const value = document.createElement('div');

src/vue/dist/vue/slimselect.vue.d.ts

@@ -301,7 +301,7 @@ declare const _default: import("vue").DefineComponent<{
         destroy: () => void;
     } | null;
     getCleanValue(val: string | string[] | undefined): string | string[];
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | string[] | undefined>;
     };