@bagelink/vue 0.0.579 → 0.0.585

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.
Files changed (16) hide show
  1. package/dist/components/NavBar.vue.d.ts.map +1 -1
  2. package/dist/components/form/BglForm.vue.d.ts +2 -1
  3. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  4. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  5. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  6. package/dist/index.cjs +52 -45
  7. package/dist/index.mjs +52 -45
  8. package/dist/style.css +71 -69
  9. package/package.json +2 -2
  10. package/src/components/ListView.vue +1 -1
  11. package/src/components/ModalForm.vue +7 -7
  12. package/src/components/NavBar.vue +3 -1
  13. package/src/components/form/BglForm.vue +5 -1
  14. package/src/components/form/inputs/FileUpload.vue +2 -1
  15. package/src/components/form/inputs/SelectInput.vue +37 -35
  16. package/src/styles/mobilLayout.css +1 -0
package/dist/components/NavBar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAkC3D,iBAAS,cAAc;;;QAoRE,GAAG;mBACA,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;kBAML,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;iBAJD,OAAO,EAAE;WACf,OAAO,EAAE;cACN,aAAa;eACZ,MAAM;YACT,MAAM;MAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAoC3D,iBAAS,cAAc;;;QAoRE,GAAG;mBACA,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;kBAML,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;iBAJD,OAAO,EAAE;WACf,OAAO,EAAE;cACN,aAAa;eACZ,MAAM;YACT,MAAM;MAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/form/BglForm.vue.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { BglFormSchemaT } from '../..';
2
2
 
3
3
  type FormStatus = 'idle' | 'loading' | 'success' | 'error';
4
+ declare function validateForm(): boolean | undefined;
4
5
  declare function runSubmit(): void;
5
6
  declare function deleteItem(): void;
6
7
  declare function __VLS_template(): {
@@ -22,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
22
23
  }>, {
23
24
  modelValue: () => {};
24
25
  }>, {
25
- validateForm: () => boolean | undefined;
26
+ validateForm: typeof validateForm;
26
27
  deleteItem: typeof deleteItem;
27
28
  isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
28
29
  clearForm: () => {};
package/dist/components/form/BglForm.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,cAAc,EAAmB,MAAM,eAAe,CAAA;AAK9E,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAuD1D,iBAAS,SAAS,SAMjB;AAID,iBAAS,UAAU,SAgBlB;AAqBD,iBAAS,cAAc;;;;QAuHM,GAAG;qBACF,GAAG;mBACL,GAAG;EAG9B;AAwBD,QAAA,MAAM,eAAe;YAOX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;;;;;;YANX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;gBAHN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;MAMhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,cAAc,EAAmB,MAAM,eAAe,CAAA;AAK9E,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAwC1D,iBAAS,YAAY,wBAIpB;AAeD,iBAAS,SAAS,SAMjB;AAID,iBAAS,UAAU,SAgBlB;AAqBD,iBAAS,cAAc;;;;QAuHM,GAAG;qBACF,GAAG;mBACL,GAAG;EAG9B;AAwBD,QAAA,MAAM,eAAe;YAOX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;;;;;;YANX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;gBAHN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;MAMhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/form/inputs/FileUpload.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAad;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAscS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAad;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAqcS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/form/inputs/SelectInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAIN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AA0K5C,iBAAS,cAAc;kBAyTI,GAAG;EAG7B;AA0CD,QAAA,MAAM,eAAe;aAMX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;;;;aAZV,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;;;UAGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAIN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AA0K5C,iBAAS,cAAc;kBAkUI,GAAG;EAG7B;AA0CD,QAAA,MAAM,eAAe;aAMX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;;;;aAZV,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;;;UAGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/index.cjs CHANGED
@@ -5433,7 +5433,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
5433
5433
  homeTo: { default: "/" }
5434
5434
  },
5435
5435
  setup(__props) {
5436
- const isOpen = vue.ref(true);
5436
+ const isSmallScreen = vue.computed(() => window.innerWidth < 1100);
5437
+ const isOpen = vue.ref(!isSmallScreen.value);
5437
5438
  return (_ctx, _cache) => {
5438
5439
  return vue.openBlock(), vue.createElementBlock("div", {
5439
5440
  class: vue.normalizeClass({ open: isOpen.value, closed: !isOpen.value })
@@ -5510,7 +5511,7 @@ const _export_sfc = (sfc, props2) => {
5510
5511
  }
5511
5512
  return target;
5512
5513
  };
5513
- const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d1115533"]]);
5514
+ const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-15070735"]]);
5514
5515
  const _hoisted_1$I = {
5515
5516
  key: 0,
5516
5517
  class: "loading"
@@ -5863,7 +5864,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
5863
5864
  };
5864
5865
  }
5865
5866
  });
5866
- const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
5867
+ const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4609dcd1"]]);
5867
5868
  const _hoisted_1$G = { class: "accordion-item" };
5868
5869
  const _hoisted_2$x = ["aria-expanded", "aria-controls"];
5869
5870
  const _hoisted_3$l = { class: "accordion-label" };
@@ -5940,7 +5941,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
5940
5941
  });
5941
5942
  const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-f87b579d"]]);
5942
5943
  const _sfc_main$I = {};
5943
- const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0" };
5944
+ const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
5944
5945
  const _hoisted_2$w = { class: "p-1" };
5945
5946
  const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
5946
5947
  function _sfc_render$2(_ctx, _cache) {
@@ -16818,10 +16819,14 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
16818
16819
  get: () => formData.value
16819
16820
  });
16820
16821
  const form = vue.ref();
16821
- const validateForm = () => {
16822
+ function validateForm() {
16822
16823
  var _a2;
16824
+ setTimeout(() => {
16825
+ var _a3;
16826
+ return (_a3 = form.value) == null ? void 0 : _a3.reportValidity();
16827
+ }, 300);
16823
16828
  return (_a2 = form.value) == null ? void 0 : _a2.reportValidity();
16824
- };
16829
+ }
16825
16830
  const clearForm = () => data2.value = {};
16826
16831
  vue.watch(
16827
16832
  () => props2.status,
@@ -25807,44 +25812,46 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
25807
25812
  }, 8, ["style"])
25808
25813
  ]),
25809
25814
  default: vue.withCtx(() => [
25810
- vue.createElementVNode("label", _hoisted_1$q, [
25815
+ vue.createElementVNode("label", null, [
25811
25816
  vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
25812
- vue.createElementVNode("button", {
25813
- disabled: _ctx.disabled,
25814
- type: "button",
25815
- class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
25816
- onKeydown: openOptions,
25817
- onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
25818
- }, [
25819
- _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
25820
- key: 0,
25821
- icon: _ctx.icon
25822
- }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
25823
- !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
25824
- _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
25825
- vue.createVNode(vue.unref(Btn), {
25826
- thin: "",
25827
- icon: "clear",
25828
- class: "color-black bg-gray-light",
25829
- onClick: _cache[0] || (_cache[0] = ($event) => {
25830
- vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
25831
- emitUpdate();
25817
+ vue.createElementVNode("div", _hoisted_1$q, [
25818
+ vue.createElementVNode("button", {
25819
+ disabled: _ctx.disabled,
25820
+ type: "button",
25821
+ class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
25822
+ onKeydown: openOptions,
25823
+ onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
25824
+ }, [
25825
+ _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
25826
+ key: 0,
25827
+ icon: _ctx.icon
25828
+ }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
25829
+ !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
25830
+ _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
25831
+ vue.createVNode(vue.unref(Btn), {
25832
+ thin: "",
25833
+ icon: "clear",
25834
+ class: "color-black bg-gray-light",
25835
+ onClick: _cache[0] || (_cache[0] = ($event) => {
25836
+ vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
25837
+ emitUpdate();
25838
+ })
25832
25839
  })
25833
- })
25834
- ])) : vue.createCommentVNode("", true),
25835
- !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), vue.mergeProps({
25836
- key: 3,
25837
- thin: ""
25838
- }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
25839
- ], 42, _hoisted_2$k),
25840
- _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
25841
- key: 0,
25842
- tabindex: "-1",
25843
- style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
25844
- value: vue.unref(selectedItems),
25845
- required: "",
25846
- onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
25847
- }, null, 40, _hoisted_5$b)) : vue.createCommentVNode("", true)
25840
+ ])) : vue.createCommentVNode("", true),
25841
+ !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), vue.mergeProps({
25842
+ key: 3,
25843
+ thin: ""
25844
+ }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
25845
+ ], 42, _hoisted_2$k),
25846
+ _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
25847
+ key: 0,
25848
+ tabindex: "-1",
25849
+ style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
25850
+ value: vue.unref(selectedItems),
25851
+ required: "",
25852
+ onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
25853
+ }, null, 40, _hoisted_5$b)) : vue.createCommentVNode("", true)
25854
+ ])
25848
25855
  ])
25849
25856
  ]),
25850
25857
  _: 3
@@ -25852,7 +25859,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
25852
25859
  };
25853
25860
  }
25854
25861
  });
25855
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7343ed4f"]]);
25862
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4eacc5b"]]);
25856
25863
  /*!
25857
25864
  * vue-draggable-next v2.2.0
25858
25865
  * (c) 2023 Anish George
@@ -28839,7 +28846,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
28839
28846
  }
28840
28847
  });
28841
28848
  const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
28842
- const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-853e75be"), n2 = n2(), vue.popScopeId(), n2);
28849
+ const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-472bea2f"), n2 = n2(), vue.popScopeId(), n2);
28843
28850
  const _hoisted_1$j = { class: "bagel-input" };
28844
28851
  const _hoisted_2$e = {
28845
28852
  key: 0,
@@ -29083,7 +29090,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
29083
29090
  };
29084
29091
  }
29085
29092
  });
29086
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-853e75be"]]);
29093
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-472bea2f"]]);
29087
29094
  const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-eceeebfb"), n2 = n2(), vue.popScopeId(), n2);
29088
29095
  const _hoisted_1$i = ["title"];
29089
29096
  const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
package/dist/index.mjs CHANGED
@@ -5431,7 +5431,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
5431
5431
  homeTo: { default: "/" }
5432
5432
  },
5433
5433
  setup(__props) {
5434
- const isOpen = ref(true);
5434
+ const isSmallScreen = computed(() => window.innerWidth < 1100);
5435
+ const isOpen = ref(!isSmallScreen.value);
5435
5436
  return (_ctx, _cache) => {
5436
5437
  return openBlock(), createElementBlock("div", {
5437
5438
  class: normalizeClass({ open: isOpen.value, closed: !isOpen.value })
@@ -5508,7 +5509,7 @@ const _export_sfc = (sfc, props2) => {
5508
5509
  }
5509
5510
  return target;
5510
5511
  };
5511
- const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d1115533"]]);
5512
+ const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-15070735"]]);
5512
5513
  const _hoisted_1$I = {
5513
5514
  key: 0,
5514
5515
  class: "loading"
@@ -5861,7 +5862,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
5861
5862
  };
5862
5863
  }
5863
5864
  });
5864
- const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
5865
+ const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4609dcd1"]]);
5865
5866
  const _hoisted_1$G = { class: "accordion-item" };
5866
5867
  const _hoisted_2$x = ["aria-expanded", "aria-controls"];
5867
5868
  const _hoisted_3$l = { class: "accordion-label" };
@@ -5938,7 +5939,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
5938
5939
  });
5939
5940
  const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-f87b579d"]]);
5940
5941
  const _sfc_main$I = {};
5941
- const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0" };
5942
+ const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
5942
5943
  const _hoisted_2$w = { class: "p-1" };
5943
5944
  const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
5944
5945
  function _sfc_render$2(_ctx, _cache) {
@@ -16816,10 +16817,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
16816
16817
  get: () => formData.value
16817
16818
  });
16818
16819
  const form = ref();
16819
- const validateForm = () => {
16820
+ function validateForm() {
16820
16821
  var _a2;
16822
+ setTimeout(() => {
16823
+ var _a3;
16824
+ return (_a3 = form.value) == null ? void 0 : _a3.reportValidity();
16825
+ }, 300);
16821
16826
  return (_a2 = form.value) == null ? void 0 : _a2.reportValidity();
16822
- };
16827
+ }
16823
16828
  const clearForm = () => data2.value = {};
16824
16829
  watch(
16825
16830
  () => props2.status,
@@ -25805,44 +25810,46 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
25805
25810
  }, 8, ["style"])
25806
25811
  ]),
25807
25812
  default: withCtx(() => [
25808
- createElementVNode("label", _hoisted_1$q, [
25813
+ createElementVNode("label", null, [
25809
25814
  createTextVNode(toDisplayString(_ctx.label) + " ", 1),
25810
- createElementVNode("button", {
25811
- disabled: _ctx.disabled,
25812
- type: "button",
25813
- class: normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
25814
- onKeydown: openOptions,
25815
- onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
25816
- }, [
25817
- _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
25818
- key: 0,
25819
- icon: _ctx.icon
25820
- }, null, 8, ["icon"])) : createCommentVNode("", true),
25821
- !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$f, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
25822
- _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
25823
- createVNode(unref(Btn), {
25824
- thin: "",
25825
- icon: "clear",
25826
- class: "color-black bg-gray-light",
25827
- onClick: _cache[0] || (_cache[0] = ($event) => {
25828
- isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
25829
- emitUpdate();
25815
+ createElementVNode("div", _hoisted_1$q, [
25816
+ createElementVNode("button", {
25817
+ disabled: _ctx.disabled,
25818
+ type: "button",
25819
+ class: normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
25820
+ onKeydown: openOptions,
25821
+ onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
25822
+ }, [
25823
+ _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
25824
+ key: 0,
25825
+ icon: _ctx.icon
25826
+ }, null, 8, ["icon"])) : createCommentVNode("", true),
25827
+ !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$f, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
25828
+ _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
25829
+ createVNode(unref(Btn), {
25830
+ thin: "",
25831
+ icon: "clear",
25832
+ class: "color-black bg-gray-light",
25833
+ onClick: _cache[0] || (_cache[0] = ($event) => {
25834
+ isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
25835
+ emitUpdate();
25836
+ })
25830
25837
  })
25831
- })
25832
- ])) : createCommentVNode("", true),
25833
- !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$O), mergeProps({
25834
- key: 3,
25835
- thin: ""
25836
- }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
25837
- ], 42, _hoisted_2$k),
25838
- _ctx.required ? (openBlock(), createElementBlock("input", {
25839
- key: 0,
25840
- tabindex: "-1",
25841
- style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
25842
- value: unref(selectedItems),
25843
- required: "",
25844
- onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
25845
- }, null, 40, _hoisted_5$b)) : createCommentVNode("", true)
25838
+ ])) : createCommentVNode("", true),
25839
+ !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$O), mergeProps({
25840
+ key: 3,
25841
+ thin: ""
25842
+ }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
25843
+ ], 42, _hoisted_2$k),
25844
+ _ctx.required ? (openBlock(), createElementBlock("input", {
25845
+ key: 0,
25846
+ tabindex: "-1",
25847
+ style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
25848
+ value: unref(selectedItems),
25849
+ required: "",
25850
+ onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
25851
+ }, null, 40, _hoisted_5$b)) : createCommentVNode("", true)
25852
+ ])
25846
25853
  ])
25847
25854
  ]),
25848
25855
  _: 3
@@ -25850,7 +25857,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
25850
25857
  };
25851
25858
  }
25852
25859
  });
25853
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7343ed4f"]]);
25860
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4eacc5b"]]);
25854
25861
  /*!
25855
25862
  * vue-draggable-next v2.2.0
25856
25863
  * (c) 2023 Anish George
@@ -28837,7 +28844,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
28837
28844
  }
28838
28845
  });
28839
28846
  const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
28840
- const _withScopeId$2 = (n2) => (pushScopeId("data-v-853e75be"), n2 = n2(), popScopeId(), n2);
28847
+ const _withScopeId$2 = (n2) => (pushScopeId("data-v-472bea2f"), n2 = n2(), popScopeId(), n2);
28841
28848
  const _hoisted_1$j = { class: "bagel-input" };
28842
28849
  const _hoisted_2$e = {
28843
28850
  key: 0,
@@ -29081,7 +29088,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
29081
29088
  };
29082
29089
  }
29083
29090
  });
29084
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-853e75be"]]);
29091
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-472bea2f"]]);
29085
29092
  const _withScopeId$1 = (n2) => (pushScopeId("data-v-eceeebfb"), n2 = n2(), popScopeId(), n2);
29086
29093
  const _hoisted_1$i = ["title"];
29087
29094
  const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
package/dist/style.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- [dir='rtl'] .top-arrow[data-v-d1115533] {
2
+ [dir='rtl'] .top-arrow[data-v-15070735] {
3
3
  transform: rotate(180deg);
4
4
  }
5
- .nav-expend[data-v-d1115533] {
5
+ .nav-expend[data-v-15070735] {
6
6
  text-align: center;
7
7
  cursor: pointer;
8
8
  background: var(--bgl-white);
@@ -28,17 +28,17 @@
28
28
  margin-bottom: 30px;
29
29
  }
30
30
  */
31
- .nav-expend[data-v-d1115533] {
31
+ .nav-expend[data-v-15070735] {
32
32
  background: var(--bgl-white);
33
33
  }
34
- .nav-expend[data-v-d1115533]:hover {
34
+ .nav-expend[data-v-15070735]:hover {
35
35
  filter: brightness(95%);
36
36
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
37
37
  }
38
- .nav-expend[data-v-d1115533]:active {
38
+ .nav-expend[data-v-15070735]:active {
39
39
  filter: var(--bgl-active-filter);
40
40
  }
41
- .nav[data-v-d1115533] {
41
+ .nav[data-v-15070735] {
42
42
  color: var(--bgl-white);
43
43
  background: var(--bgl-primary);
44
44
  z-index: 100;
@@ -47,10 +47,10 @@
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  }
50
- .nav[data-v-d1115533] * {
50
+ .nav[data-v-15070735] * {
51
51
  user-select: none;
52
52
  }
53
- .nav-button[data-v-d1115533] {
53
+ .nav-button[data-v-15070735] {
54
54
  text-decoration: none;
55
55
  cursor: pointer;
56
56
  display: flex;
@@ -61,11 +61,11 @@
61
61
  transition: all 0.2s ease;
62
62
  pointer-events: none;
63
63
  }
64
- .nav-button[data-v-d1115533]:hover {
64
+ .nav-button[data-v-15070735]:hover {
65
65
  width: fit-content;
66
66
  pointer-events: all;
67
67
  }
68
- .nav-button .bgl_icon-font[data-v-d1115533] {
68
+ .nav-button .bgl_icon-font[data-v-15070735] {
69
69
  font-size: 22px;
70
70
  margin: 0.25rem 10px;
71
71
  padding: 10px;
@@ -78,16 +78,16 @@
78
78
  transition: all 0.2s ease;
79
79
  pointer-events: all;
80
80
  }
81
- .nav-button:hover .bgl_icon-font[data-v-d1115533],
82
- .nav-button.router-link-active .bgl_icon-font[data-v-d1115533] {
81
+ .nav-button:hover .bgl_icon-font[data-v-15070735],
82
+ .nav-button.router-link-active .bgl_icon-font[data-v-15070735] {
83
83
  background: var(--bgl-white);
84
84
  color: var(--bgl-primary);
85
85
  }
86
- .nav-button:hover .tooltip[data-v-d1115533] {
86
+ .nav-button:hover .tooltip[data-v-15070735] {
87
87
  opacity: 1;
88
88
  pointer-events: all;
89
89
  }
90
- .tooltip[data-v-d1115533] {
90
+ .tooltip[data-v-15070735] {
91
91
  background-color: var(--bgl-white);
92
92
  color: var(--bgl-primary);
93
93
  line-height: 1;
@@ -101,23 +101,23 @@
101
101
  opacity: 0;
102
102
  margin-inline-start: 1rem;
103
103
  }
104
- .tooltip[data-v-d1115533]:hover {
104
+ .tooltip[data-v-15070735]:hover {
105
105
  filter: brightness(95%);
106
106
  }
107
- .tooltip[data-v-d1115533]:active {
107
+ .tooltip[data-v-15070735]:active {
108
108
  filter: brightness(90%);
109
109
  }
110
- .bot-buttons-wrapper[data-v-d1115533] {
110
+ .bot-buttons-wrapper[data-v-15070735] {
111
111
  margin-top: auto;
112
112
  width: 100%;
113
113
  }
114
- .nav-links-wrapper[data-v-d1115533] {
114
+ .nav-links-wrapper[data-v-15070735] {
115
115
  direction: ltr;
116
116
  }
117
- [dir='rtl'] .nav-links-wrapper[data-v-d1115533] {
117
+ [dir='rtl'] .nav-links-wrapper[data-v-15070735] {
118
118
  direction: rtl;
119
119
  }
120
- .nav-scroll[data-v-d1115533] {
120
+ .nav-scroll[data-v-15070735] {
121
121
  overflow-y: scroll;
122
122
  width: 50vw;
123
123
  direction: rtl;
@@ -127,30 +127,30 @@
127
127
  display: flex;
128
128
  flex-direction: column;
129
129
  }
130
- .nav[data-v-d1115533]::-webkit-scrollbar-thumb {
130
+ .nav[data-v-15070735]::-webkit-scrollbar-thumb {
131
131
  background-color: transparent;
132
132
  }
133
- .nav[data-v-d1115533]:hover::-webkit-scrollbar-thumb {
133
+ .nav[data-v-15070735]:hover::-webkit-scrollbar-thumb {
134
134
  background-color: var(--bgl-gray);
135
135
  }
136
- [dir='rtl'] .nav-scroll[data-v-d1115533] {
136
+ [dir='rtl'] .nav-scroll[data-v-15070735] {
137
137
  direction: ltr;
138
138
  }
139
- .full-nav[data-v-d1115533] {
139
+ .full-nav[data-v-15070735] {
140
140
  height: 100%;
141
141
  display: flex;
142
142
  flex-direction: column;
143
143
  }
144
144
  @media screen and (min-width: 910px) {
145
- .nav.open .nav-expend[data-v-d1115533] {
145
+ .nav.open .nav-expend[data-v-15070735] {
146
146
  margin-inline-start: 189px;
147
147
  transform: rotate(180deg);
148
148
  }
149
- .nav.open[data-v-d1115533] {
149
+ .nav.open[data-v-15070735] {
150
150
  width: 200px;
151
151
  text-align: start;
152
152
  }
153
- .nav.open .tooltip[data-v-d1115533] {
153
+ .nav.open .tooltip[data-v-15070735] {
154
154
  background-color: transparent;
155
155
  color: var(--bgl-white);
156
156
  padding: 0;
@@ -159,30 +159,30 @@
159
159
  opacity: 1;
160
160
  margin-inline-start: 0rem;
161
161
  }
162
- .nav.open .nav-button .bgl_icon-font[data-v-d1115533] {
162
+ .nav.open .nav-button .bgl_icon-font[data-v-15070735] {
163
163
  margin: 0;
164
164
  background: transparent;
165
165
  }
166
- .nav.open .nav-button[data-v-d1115533] {
166
+ .nav.open .nav-button[data-v-15070735] {
167
167
  width: 180px;
168
168
  border-radius: 10px;
169
169
  margin-inline-start: 10px;
170
170
  margin-top: 10px;
171
171
  margin-bottom: 10px;
172
172
  }
173
- .nav.open .nav-button[data-v-d1115533]:hover,
174
- .nav.open .nav-button.router-link-active[data-v-d1115533] {
173
+ .nav.open .nav-button[data-v-15070735]:hover,
174
+ .nav.open .nav-button.router-link-active[data-v-15070735] {
175
175
  background: var(--bgl-white);
176
176
  color: var(--bgl-primary);
177
177
  }
178
- .nav.open .nav-button[data-v-d1115533]:hover,
179
- .nav.open .nav-button:hover .tooltip[data-v-d1115533],
180
- .nav.open .nav-button.router-link-active .tooltip[data-v-d1115533] {
178
+ .nav.open .nav-button[data-v-15070735]:hover,
179
+ .nav.open .nav-button:hover .tooltip[data-v-15070735],
180
+ .nav.open .nav-button.router-link-active .tooltip[data-v-15070735] {
181
181
  color: var(--bgl-primary);
182
182
  }
183
183
  }
184
184
  @media screen and (max-width: 910px) {
185
- .full-nav[data-v-d1115533] {
185
+ .full-nav[data-v-15070735] {
186
186
  height: auto;
187
187
  display: flex;
188
188
  flex-direction: row;
@@ -191,10 +191,10 @@
191
191
  inset-inline-end: 0;
192
192
  overflow-x: auto;
193
193
  }
194
- .nav.open[data-v-d1115533] {
194
+ .nav.open[data-v-15070735] {
195
195
  width: initial;
196
196
  }
197
- .nav[data-v-d1115533] {
197
+ .nav[data-v-15070735] {
198
198
  width: auto;
199
199
  display: flex;
200
200
  flex-direction: row;
@@ -202,7 +202,7 @@
202
202
  overflow-x: auto;
203
203
  justify-content: flex-start;
204
204
  }
205
- .tooltip[data-v-d1115533] {
205
+ .tooltip[data-v-15070735] {
206
206
  opacity: 1;
207
207
  background: transparent;
208
208
  color: var(--bgl-white);
@@ -211,25 +211,25 @@
211
211
  padding: 0;
212
212
  margin: 0;
213
213
  }
214
- .nav-button[data-v-d1115533] {
214
+ .nav-button[data-v-15070735] {
215
215
  flex-direction: column;
216
216
  margin: 12px 0.25rem;
217
217
  }
218
- .nav-button .bgl_icon-font[data-v-d1115533] {
218
+ .nav-button .bgl_icon-font[data-v-15070735] {
219
219
  padding: 2px 0 0 0;
220
220
  margin: 0;
221
221
  height: 30px;
222
222
  width: 30px;
223
223
  }
224
- .nav-links-wrapper[data-v-d1115533] {
224
+ .nav-links-wrapper[data-v-15070735] {
225
225
  display: flex;
226
226
  }
227
- .bot-buttons-wrapper[data-v-d1115533] {
227
+ .bot-buttons-wrapper[data-v-15070735] {
228
228
  margin-top: 0;
229
229
  width: auto;
230
230
  display: flex;
231
231
  }
232
- .nav-scroll[data-v-d1115533] {
232
+ .nav-scroll[data-v-15070735] {
233
233
  overflow-y: visible;
234
234
  width: auto;
235
235
  direction: auto;
@@ -240,10 +240,10 @@
240
240
  flex-direction: row;
241
241
  margin-inline-end: auto;
242
242
  }
243
- .nav[data-v-d1115533]::-webkit-scrollbar {
243
+ .nav[data-v-15070735]::-webkit-scrollbar {
244
244
  display: none;
245
245
  }
246
- .nav-expend[data-v-d1115533] {
246
+ .nav-expend[data-v-15070735] {
247
247
  display: none;
248
248
  }
249
249
  }
@@ -531,11 +531,11 @@ a[data-v-59ea4a90] {
531
531
  border-radius: var(--card-border-radius);
532
532
  }
533
533
 
534
- .modal-title[data-v-9b1b63ca] {
534
+ .modal-title[data-v-4609dcd1] {
535
535
  margin-top: 0.5rem;
536
536
  }
537
537
  @media screen and (max-width: 910px) {
538
- .modal-title[data-v-9b1b63ca] {
538
+ .modal-title[data-v-4609dcd1] {
539
539
  margin-top: 1rem;
540
540
  }
541
541
  }
@@ -1909,10 +1909,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
1909
1909
  }
1910
1910
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
1911
1911
 
1912
- .selectinput[data-v-7343ed4f] {
1912
+ .selectinput[data-v-b4eacc5b] {
1913
1913
  width: 100%;
1914
1914
  }
1915
- .selectinput-option[data-v-7343ed4f] {
1915
+ .selectinput-option[data-v-b4eacc5b] {
1916
1916
  padding: 6px 12px;
1917
1917
  cursor: pointer;
1918
1918
  border-radius: 5px;
@@ -1923,14 +1923,14 @@ svg.leaflet-image-layer.leaflet-interactive path {
1923
1923
  width: 100%;
1924
1924
  font-size: var(--input-font-size);
1925
1925
  }
1926
- .selectinput-options[data-v-7343ed4f] {
1926
+ .selectinput-options[data-v-b4eacc5b] {
1927
1927
  max-height: 300px;
1928
1928
  overflow-y: auto;
1929
1929
  }
1930
- .selectinput-option[data-v-7343ed4f]:hover {
1930
+ .selectinput-option[data-v-b4eacc5b]:hover {
1931
1931
  background: var(--bgl-gray-20);
1932
1932
  }
1933
- .isEmpty p[data-v-7343ed4f] {
1933
+ .isEmpty p[data-v-b4eacc5b] {
1934
1934
  opacity: 0.3;
1935
1935
  }
1936
1936
 
@@ -2337,7 +2337,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2337
2337
  color: var(--bgl-white);
2338
2338
  }
2339
2339
 
2340
- .bagel-input .fileUploadWrap[data-v-853e75be] {
2340
+ .bagel-input .fileUploadWrap[data-v-472bea2f] {
2341
2341
  --width: 320px;
2342
2342
  outline: 1px solid var(--border-color);
2343
2343
  border-radius: var(--input-border-radius);
@@ -2350,7 +2350,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2350
2350
  overflow-y: auto;
2351
2351
  background: var(--input-bg);
2352
2352
  }
2353
- .previewName[data-v-853e75be] {
2353
+ .previewName[data-v-472bea2f] {
2354
2354
  padding: 0.5rem;
2355
2355
  text-align: start;
2356
2356
  color: var(--input-color);
@@ -2360,18 +2360,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
2360
2360
  align-items: center;
2361
2361
  padding-inline: 14px;
2362
2362
  }
2363
- .previewName p[data-v-853e75be] {
2363
+ .previewName p[data-v-472bea2f] {
2364
2364
  overflow: hidden;
2365
2365
  text-overflow: ellipsis;
2366
2366
  white-space: nowrap;
2367
2367
  }
2368
- .imagePreviewWrap[data-v-853e75be] {
2368
+ .imagePreviewWrap[data-v-472bea2f] {
2369
2369
  background: var(--input-bg);
2370
2370
  border-radius: var(--input-border-radius);
2371
2371
  padding: 5px;
2372
2372
  min-height: 90px;
2373
2373
  }
2374
- img.preview[data-v-853e75be] {
2374
+ img.preview[data-v-472bea2f] {
2375
2375
  /* max-height: calc(var(--width) / 2); */
2376
2376
  /* max-width: calc(var(--width) * 2); */
2377
2377
  width: 40px;
@@ -2381,7 +2381,7 @@ img.preview[data-v-853e75be] {
2381
2381
  background: var(--bgl-gray-light);
2382
2382
  box-shadow: 0 0 10px #00000012;
2383
2383
  }
2384
- img.preview.single[data-v-853e75be] {
2384
+ img.preview.single[data-v-472bea2f] {
2385
2385
  max-width: var(--width);
2386
2386
  width: auto;
2387
2387
  object-fit: contain;
@@ -2389,18 +2389,19 @@ img.preview.single[data-v-853e75be] {
2389
2389
  max-height: calc(var(--width) / 2);
2390
2390
  margin: 1rem;
2391
2391
  }
2392
- .fileUploadWrap.dragover[data-v-853e75be],
2393
- .fileUploadWrap[data-v-853e75be]:hover {
2392
+ .fileUploadWrap.dragover[data-v-472bea2f],
2393
+ .fileUploadWrap[data-v-472bea2f]:hover {
2394
2394
  box-shadow: inset 0 0 10px #00000012;
2395
2395
  }
2396
- .bagel-input .fileUploadWrap.fileDropZone[data-v-853e75be] {
2396
+ .bagel-input .fileUploadWrap[data-v-472bea2f] {
2397
2397
  background: var(--input-bg);
2398
2398
  display: flex;
2399
2399
  align-items: center;
2400
2400
  justify-content: center;
2401
2401
  color: var(--bgl-gray);
2402
+ flex-direction: column;
2402
2403
  }
2403
- .pie[data-v-853e75be] {
2404
+ .pie[data-v-472bea2f] {
2404
2405
  width: 30px;
2405
2406
  height: 30px;
2406
2407
  position: relative;
@@ -2408,7 +2409,7 @@ img.preview.single[data-v-853e75be] {
2408
2409
  align-items: center;
2409
2410
  justify-content: center;
2410
2411
  }
2411
- .pie[data-v-853e75be]:before {
2412
+ .pie[data-v-472bea2f]:before {
2412
2413
  content: '';
2413
2414
  position: absolute;
2414
2415
  border-radius: 50%;
@@ -2426,26 +2427,26 @@ img.preview.single[data-v-853e75be] {
2426
2427
  #000 calc(100% - var(--b))
2427
2428
  );
2428
2429
  }
2429
- .pie .success[data-v-853e75be] {
2430
+ .pie .success[data-v-472bea2f] {
2430
2431
  transform: scale(0);
2431
2432
  opacity: 0;
2432
2433
  transition: all 0.3s ease-in-out;
2433
2434
  }
2434
- .pie .progress[data-v-853e75be] {
2435
+ .pie .progress[data-v-472bea2f] {
2435
2436
  position: absolute;
2436
2437
  font-size: 10px;
2437
2438
  }
2438
- .pie.complete .progress[data-v-853e75be] {
2439
+ .pie.complete .progress[data-v-472bea2f] {
2439
2440
  display: none;
2440
2441
  }
2441
- .pie.complete .success[data-v-853e75be] {
2442
+ .pie.complete .success[data-v-472bea2f] {
2442
2443
  transform: scale(1.3);
2443
2444
  opacity: 1;
2444
2445
  }
2445
- .pie.complete[data-v-853e75be]:before {
2446
+ .pie.complete[data-v-472bea2f]:before {
2446
2447
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
2447
2448
  }
2448
- .pie.complete[data-v-853e75be] {
2449
+ .pie.complete[data-v-472bea2f] {
2449
2450
  color: var(--bgl-green);
2450
2451
  }
2451
2452
 
@@ -4933,6 +4934,7 @@ input[type="number"][data-v-4c741194] {
4933
4934
  .m_w100p,
4934
4935
  .m_w100p .m_width-100 {
4935
4936
  width: 100% !important;
4937
+ max-width: 100% !important;
4936
4938
  }
4937
4939
 
4938
4940
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.579",
4
+ "version": "0.0.585",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -121,7 +121,7 @@
121
121
  "leaflet": "^1.9.4",
122
122
  "libphonenumber-js": "1.11.4",
123
123
  "signature_pad": "^5.0.2",
124
- "type-fest": "^4.21.0"
124
+ "type-fest": "^4.22.0"
125
125
  },
126
126
  "scripts": {
127
127
  "dev": "tsx watch src/index.ts",
package/src/components/ListView.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <script lang="ts" setup></script>
2
2
 
3
3
  <template>
4
- <div class="list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0">
4
+ <div class="list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0">
5
5
  <div class="p-1">
6
6
  <slot name="header" />
7
7
  </div>
package/src/components/ModalForm.vue CHANGED
@@ -45,13 +45,13 @@ const form = $ref<InstanceType<typeof BagelForm>>()
45
45
  const closeModal = () => modal?.closeModal()
46
46
 
47
47
  async function runSubmit() {
48
- if (form?.validateForm?.() === false) return
49
- try {
50
- await props.onSubmit?.(formData.value)
51
- closeModal()
52
- } catch (err: any) {
53
- if (props.onError) props.onError(err)
54
- else bagel.onError?.(err)
48
+ if (form?.validateForm?.() === false) return
49
+ try {
50
+ await props.onSubmit?.(formData.value)
51
+ closeModal()
52
+ } catch (err: any) {
53
+ if (props.onError) props.onError(err)
54
+ else bagel.onError?.(err)
55
55
  }
56
56
  }
57
57
 
package/src/components/NavBar.vue CHANGED
@@ -2,6 +2,7 @@
2
2
  import type { MaterialIcons, NavLink } from '@bagelink/vue'
3
3
  import { MaterialIcon } from '@bagelink/vue'
4
4
 
5
+
5
6
  withDefaults(
6
7
  defineProps<{
7
8
  footerLinks?: NavLink[]
@@ -19,7 +20,8 @@ withDefaults(
19
20
  }
20
21
  )
21
22
 
22
- const isOpen = $ref(true)
23
+ const isSmallScreen = $computed(() => window.innerWidth < 1100)
24
+ const isOpen = $ref(!isSmallScreen)
23
25
  </script>
24
26
 
25
27
  <template>
package/src/components/form/BglForm.vue CHANGED
@@ -42,7 +42,11 @@ let data = $computed({
42
42
  })
43
43
  const form = $ref<HTMLFormElement>()
44
44
 
45
- const validateForm = () => form?.reportValidity()
45
+ function validateForm() {
46
+ // ? Ensures that scrolling does not dismiss validation-tooltip in safari
47
+ setTimeout(() => form?.reportValidity(), 300) // TODO: check if browser is safari
48
+ return form?.reportValidity()
49
+ }
46
50
 
47
51
  const clearForm = () => (data = {})
48
52
 
package/src/components/form/inputs/FileUpload.vue CHANGED
@@ -305,12 +305,13 @@ img.preview.single {
305
305
  box-shadow: inset 0 0 10px #00000012;
306
306
  }
307
307
 
308
- .bagel-input .fileUploadWrap.fileDropZone {
308
+ .bagel-input .fileUploadWrap {
309
309
  background: var(--input-bg);
310
310
  display: flex;
311
311
  align-items: center;
312
312
  justify-content: center;
313
313
  color: var(--bgl-gray);
314
+ flex-direction: column;
314
315
  }
315
316
 
316
317
  .pie {
package/src/components/form/inputs/SelectInput.vue CHANGED
@@ -190,44 +190,46 @@ onMounted(() => {
190
190
  @click.stop
191
191
  @hide="updateOpen(false)"
192
192
  >
193
- <label class="flex gap-05">
193
+ <label>
194
194
  {{ label }}
195
- <button
196
- :disabled="disabled"
197
- type="button"
198
- class="selectinput-btn"
199
- :class="{ isEmpty: selectedItemCount === 0 }"
200
- @keydown="openOptions"
201
- @click="updateOpen(true)"
202
- >
203
- <Icon v-if="icon" :icon="icon" />
204
- <p v-if="!hideLabel">
205
- {{ selectedLabel }}
206
- </p>
207
-
208
- <div v-if="clearable && selectedItemCount > 0" class="ms-auto ps-05 me-05">
209
- <Btn
195
+ <div class="flex gap-05">
196
+ <button
197
+ :disabled="disabled"
198
+ type="button"
199
+ class="selectinput-btn"
200
+ :class="{ isEmpty: selectedItemCount === 0 }"
201
+ @keydown="openOptions"
202
+ @click="updateOpen(true)"
203
+ >
204
+ <Icon v-if="icon" :icon="icon" />
205
+ <p v-if="!hideLabel">
206
+ {{ selectedLabel }}
207
+ </p>
208
+
209
+ <div v-if="clearable && selectedItemCount > 0" class="ms-auto ps-05 me-05">
210
+ <Btn
211
+ thin
212
+ icon="clear"
213
+ class="color-black bg-gray-light"
214
+ @click="selectedItems = []; emitUpdate()"
215
+ />
216
+ </div>
217
+ <Icon
218
+ v-if="!disabled"
210
219
  thin
211
- icon="clear"
212
- class="color-black bg-gray-light"
213
- @click="selectedItems = []; emitUpdate()"
220
+ v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }"
214
221
  />
215
- </div>
216
- <Icon
217
- v-if="!disabled"
218
- thin
219
- v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }"
220
- />
221
- </button>
222
- <input
223
- v-if="required"
224
- tabindex="-1"
225
- style="width: 0; height: 0; position: absolute; opacity: 0; z-index: -1"
226
- :value="selectedItems"
227
- required
228
- @input="updateOpen(true)"
229
- >
230
-
222
+ </button>
223
+ <input
224
+ v-if="required"
225
+ tabindex="-1"
226
+ style="width: 0; height: 0; position: absolute; opacity: 0; z-index: -1"
227
+ :value="selectedItems"
228
+ required
229
+ @input="updateOpen(true)"
230
+ >
231
+
232
+ </div>
231
233
  </label>
232
234
  <template #popper>
233
235
  <Card
package/src/styles/mobilLayout.css CHANGED
@@ -198,6 +198,7 @@
198
198
  .m_w100p,
199
199
  .m_w100p .m_width-100 {
200
200
  width: 100% !important;
201
+ max-width: 100% !important;
201
202
  }
202
203
 
203
204