@ulu/frontend-vue 0.1.2-beta.8 → 0.1.3-beta.1

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 (48) hide show
  1. package/dist/frontend-vue.js +1604 -1596
  2. package/dist/types/components/collapsible/UluModal.vue.d.ts.map +1 -1
  3. package/dist/types/components/forms/UluForm.vue.d.ts +24 -0
  4. package/dist/types/components/forms/UluForm.vue.d.ts.map +1 -0
  5. package/dist/types/components/forms/UluFormActions.vue.d.ts +10 -0
  6. package/dist/types/components/forms/UluFormActions.vue.d.ts.map +1 -0
  7. package/dist/types/components/forms/UluFormCheckbox.vue.d.ts +22 -0
  8. package/dist/types/components/forms/UluFormCheckbox.vue.d.ts.map +1 -0
  9. package/dist/types/components/forms/UluFormFieldset.vue.d.ts +16 -0
  10. package/dist/types/components/forms/UluFormFieldset.vue.d.ts.map +1 -0
  11. package/dist/types/components/forms/UluFormFile.vue.d.ts +2 -0
  12. package/dist/types/components/forms/UluFormFile.vue.d.ts.map +1 -1
  13. package/dist/types/components/forms/UluFormItem.vue.d.ts +28 -0
  14. package/dist/types/components/forms/UluFormItem.vue.d.ts.map +1 -0
  15. package/dist/types/components/forms/UluFormItemsInline.vue.d.ts +10 -0
  16. package/dist/types/components/forms/UluFormItemsInline.vue.d.ts.map +1 -0
  17. package/dist/types/components/forms/UluFormRadio.vue.d.ts +26 -0
  18. package/dist/types/components/forms/UluFormRadio.vue.d.ts.map +1 -0
  19. package/dist/types/components/forms/UluFormRequiredChar.vue.d.ts +3 -0
  20. package/dist/types/components/forms/UluFormRequiredChar.vue.d.ts.map +1 -0
  21. package/dist/types/components/forms/UluFormSelect.vue.d.ts +3 -1
  22. package/dist/types/components/forms/UluFormSelect.vue.d.ts.map +1 -1
  23. package/dist/types/components/forms/UluFormText.vue.d.ts +3 -1
  24. package/dist/types/components/forms/UluFormText.vue.d.ts.map +1 -1
  25. package/dist/types/components/forms/UluFormTextarea.vue.d.ts +24 -0
  26. package/dist/types/components/forms/UluFormTextarea.vue.d.ts.map +1 -0
  27. package/dist/types/components/navigation/UluPager.vue.d.ts.map +1 -1
  28. package/dist/types/components/systems/facets/UluFacetsSearch.vue.d.ts.map +1 -1
  29. package/dist/types/components/systems/facets/UluFacetsSort.vue.d.ts.map +1 -1
  30. package/lib/components/collapsible/UluModal.vue +2 -4
  31. package/lib/components/forms/UluForm.vue +42 -0
  32. package/lib/components/forms/UluFormActions.vue +9 -0
  33. package/lib/components/forms/UluFormCheckbox.vue +38 -0
  34. package/lib/components/forms/UluFormFieldset.vue +15 -0
  35. package/lib/components/forms/UluFormFile.vue +24 -23
  36. package/lib/components/forms/UluFormItem.vue +49 -0
  37. package/lib/components/forms/UluFormItemsInline.vue +9 -0
  38. package/lib/components/forms/UluFormMessage.vue +3 -3
  39. package/lib/components/forms/UluFormRadio.vue +48 -0
  40. package/lib/components/forms/UluFormRequiredChar.vue +7 -0
  41. package/lib/components/forms/UluFormSelect.vue +24 -23
  42. package/lib/components/forms/UluFormText.vue +20 -19
  43. package/lib/components/forms/UluFormTextarea.vue +41 -0
  44. package/lib/components/navigation/UluPager.vue +2 -3
  45. package/lib/components/systems/facets/UluFacetsSearch.vue +2 -2
  46. package/lib/components/systems/facets/UluFacetsSort.vue +2 -4
  47. package/lib/components/systems/facets/useFacets.js +4 -4
  48. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"UluModal.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/collapsible/UluModal.vue"],"names":[],"mappings":";IA+YM;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;IAlGH;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;IAKH;;OAEG"}
1
+ {"version":3,"file":"UluModal.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/collapsible/UluModal.vue"],"names":[],"mappings":";IA4YM;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;IAlGH;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;IAKH;;OAEG"}
@@ -0,0 +1,24 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof __VLS_props>;
8
+ element: string;
9
+ fullWidth: boolean;
10
+ fullWidthSelect: boolean;
11
+ hideLabels: boolean;
12
+ actionsRight: boolean;
13
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
+ type __VLS_Slots = {
15
+ default?: ((props: {}) => any) | undefined;
16
+ };
17
+ declare const __VLS_props: {
18
+ readonly element: string;
19
+ readonly fullWidth: boolean;
20
+ readonly fullWidthSelect: boolean;
21
+ readonly hideLabels: boolean;
22
+ readonly actionsRight: boolean;
23
+ };
24
+ //# sourceMappingURL=UluForm.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluForm.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluForm.vue"],"names":[],"mappings":"wBAwIqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;;2OAE3C;;;;AA5FH;;;;;;EAwBG"}
@@ -0,0 +1,10 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
7
+ type __VLS_Slots = {
8
+ default?: ((props: {}) => any) | undefined;
9
+ };
10
+ //# sourceMappingURL=UluFormActions.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormActions.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormActions.vue"],"names":[],"mappings":"wBA+CqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AAJzB,6SACG"}
@@ -0,0 +1,22 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $emit: typeof __VLS_emit;
8
+ $props: Partial<typeof __VLS_props>;
9
+ modelValue: boolean;
10
+ required: boolean;
11
+ label?: string | undefined;
12
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
+ type __VLS_Slots = {
14
+ default?: ((props: {}) => any) | undefined;
15
+ };
16
+ declare const __VLS_emit: (event: "update:modelValue", ...args: any[]) => void;
17
+ declare const __VLS_props: {
18
+ readonly modelValue: boolean;
19
+ readonly required: boolean;
20
+ readonly label?: string | undefined;
21
+ };
22
+ //# sourceMappingURL=UluFormCheckbox.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormCheckbox.vue"],"names":[],"mappings":"wBAkIqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;2OAG3C;;;;AAxEH,+EAAsD;AAftD;;;;EAaG"}
@@ -0,0 +1,16 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof __VLS_props>;
8
+ legend?: string | undefined;
9
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
10
+ type __VLS_Slots = {
11
+ default?: ((props: {}) => any) | undefined;
12
+ };
13
+ declare const __VLS_props: {
14
+ readonly legend?: string | undefined;
15
+ };
16
+ //# sourceMappingURL=UluFormFieldset.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormFieldset.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormFieldset.vue"],"names":[],"mappings":"wBAyEqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,WAAW,CAAC;;2OAE3C;;;;AAxDH;;EAKG"}
@@ -7,6 +7,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
7
  $emit: typeof emit;
8
8
  $props: Partial<typeof __VLS_props>;
9
9
  label: string;
10
+ required: boolean;
10
11
  labelHidden: boolean;
11
12
  noClasses: boolean;
12
13
  multiple: boolean;
@@ -18,6 +19,7 @@ type __VLS_Slots = {
18
19
  declare const emit: (event: "file-change", ...args: any[]) => void;
19
20
  declare const __VLS_props: {
20
21
  readonly label: string;
22
+ readonly required: boolean;
21
23
  readonly labelHidden: boolean;
22
24
  readonly noClasses: boolean;
23
25
  readonly multiple: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"UluFormFile.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormFile.vue"],"names":[],"mappings":"wBAqKqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;;2OAG3C;;;;AAxED,mEAA0C;AA1B1C;;;;;;EAwBG"}
1
+ {"version":3,"file":"UluFormFile.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormFile.vue"],"names":[],"mappings":"wBA4KqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;;;2OAG3C;;;;AA5ED,mEAA0C;AA9B1C;;;;;;;EA4BG"}
@@ -0,0 +1,28 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof __VLS_props>;
8
+ warning: boolean;
9
+ file: boolean;
10
+ select: boolean;
11
+ textarea: boolean;
12
+ text: boolean;
13
+ error: boolean;
14
+ alignTop: boolean;
15
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
+ type __VLS_Slots = {
17
+ default?: ((props: {}) => any) | undefined;
18
+ };
19
+ declare const __VLS_props: {
20
+ readonly warning: boolean;
21
+ readonly file: boolean;
22
+ readonly select: boolean;
23
+ readonly textarea: boolean;
24
+ readonly text: boolean;
25
+ readonly error: boolean;
26
+ readonly alignTop: boolean;
27
+ };
28
+ //# sourceMappingURL=UluFormItem.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormItem.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormItem.vue"],"names":[],"mappings":"wBA4IqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;;;;2OAE3C;;;;AAzFH;;;;;;;;EA6BG"}
@@ -0,0 +1,10 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
7
+ type __VLS_Slots = {
8
+ default?: ((props: {}) => any) | undefined;
9
+ };
10
+ //# sourceMappingURL=UluFormItemsInline.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormItemsInline.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormItemsInline.vue"],"names":[],"mappings":"wBA+CqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AAJzB,6SACG"}
@@ -0,0 +1,26 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $emit: typeof __VLS_emit;
8
+ $props: Partial<typeof __VLS_props>;
9
+ required: boolean;
10
+ value?: string | undefined;
11
+ name?: string | undefined;
12
+ label?: string | undefined;
13
+ modelValue?: string | undefined;
14
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
+ type __VLS_Slots = {
16
+ default?: ((props: {}) => any) | undefined;
17
+ };
18
+ declare const __VLS_emit: (event: "update:modelValue", ...args: any[]) => void;
19
+ declare const __VLS_props: {
20
+ readonly required: boolean;
21
+ readonly value?: string | undefined;
22
+ readonly name?: string | undefined;
23
+ readonly label?: string | undefined;
24
+ readonly modelValue?: string | undefined;
25
+ };
26
+ //# sourceMappingURL=UluFormRadio.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormRadio.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormRadio.vue"],"names":[],"mappings":"wBAsJqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;;2OAG3C;;;;AA1EH,+EAAsD;AAvBtD;;;;;;EAqBG"}
@@ -0,0 +1,3 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ export default _default;
3
+ //# sourceMappingURL=UluFormRequiredChar.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormRequiredChar.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormRequiredChar.vue"],"names":[],"mappings":""}
@@ -6,16 +6,18 @@ type __VLS_WithSlots<T, S> = T & (new () => {
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
7
7
  $emit: typeof __VLS_emit;
8
8
  $props: Partial<typeof __VLS_props>;
9
+ required: boolean;
9
10
  labelHidden: boolean;
10
11
  options?: unknown[] | undefined;
11
12
  label?: string | undefined;
12
13
  modelValue?: string | undefined;
13
14
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
15
  type __VLS_Slots = {
15
- default?: ((props: {}) => any) | undefined;
16
+ label?: ((props: {}) => any) | undefined;
16
17
  };
17
18
  declare const __VLS_emit: (event: "update:modelValue", ...args: any[]) => void;
18
19
  declare const __VLS_props: {
20
+ readonly required: boolean;
19
21
  readonly labelHidden: boolean;
20
22
  readonly options?: unknown[] | undefined;
21
23
  readonly label?: string | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"UluFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormSelect.vue"],"names":[],"mappings":"wBA6JqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;AAlFD,+EAAsD;AAnBtD;;;;;EAiBG"}
1
+ {"version":3,"file":"UluFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormSelect.vue"],"names":[],"mappings":"wBAoKqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;;2OAG3C;;;;AAtFD,+EAAsD;AAvBtD;;;;;;EAqBG"}
@@ -6,15 +6,17 @@ type __VLS_WithSlots<T, S> = T & (new () => {
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
7
7
  $emit: typeof __VLS_emit;
8
8
  $props: Partial<typeof __VLS_props>;
9
+ required: boolean;
9
10
  labelHidden: boolean;
10
11
  label?: string | undefined;
11
12
  modelValue?: string | undefined;
12
13
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
14
  type __VLS_Slots = {
14
- default?: ((props: {}) => any) | undefined;
15
+ label?: ((props: {}) => any) | undefined;
15
16
  };
16
17
  declare const __VLS_emit: (event: "update:modelValue", ...args: any[]) => void;
17
18
  declare const __VLS_props: {
19
+ readonly required: boolean;
18
20
  readonly labelHidden: boolean;
19
21
  readonly label?: string | undefined;
20
22
  readonly modelValue?: string | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"UluFormText.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormText.vue"],"names":[],"mappings":"wBAqIqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;2OAG3C;;;;AAtED,+EAAsD;AAftD;;;;EAaG"}
1
+ {"version":3,"file":"UluFormText.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormText.vue"],"names":[],"mappings":"wBA4IqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;AA1ED,+EAAsD;AAnBtD;;;;;EAiBG"}
@@ -0,0 +1,24 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $emit: typeof __VLS_emit;
8
+ $props: Partial<typeof __VLS_props>;
9
+ required: boolean;
10
+ labelHidden: boolean;
11
+ label?: string | undefined;
12
+ modelValue?: string | undefined;
13
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
+ type __VLS_Slots = {
15
+ label?: ((props: {}) => any) | undefined;
16
+ };
17
+ declare const __VLS_emit: (event: "update:modelValue", ...args: any[]) => void;
18
+ declare const __VLS_props: {
19
+ readonly required: boolean;
20
+ readonly labelHidden: boolean;
21
+ readonly label?: string | undefined;
22
+ readonly modelValue?: string | undefined;
23
+ };
24
+ //# sourceMappingURL=UluFormTextarea.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluFormTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/forms/UluFormTextarea.vue"],"names":[],"mappings":"wBA0IqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,UAAU;YADhB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;AAzED,+EAAsD;AAnBtD;;;;;EAiBG"}
@@ -1 +1 @@
1
- {"version":3,"file":"UluPager.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/navigation/UluPager.vue"],"names":[],"mappings":";YA6bmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;AAjVxC;;;;;EA6BG"}
1
+ {"version":3,"file":"UluPager.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/navigation/UluPager.vue"],"names":[],"mappings":";YA2bmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;AAjVxC;;;;;EA6BG"}
@@ -1 +1 @@
1
- {"version":3,"file":"UluFacetsSearch.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/facets/UluFacetsSearch.vue"],"names":[],"mappings":";WAgIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;AAnEtC,yEAAgD;AAZhD;;;;EAUG"}
1
+ {"version":3,"file":"UluFacetsSearch.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/facets/UluFacetsSearch.vue"],"names":[],"mappings":";WAgIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;AAlEtC,yEAAgD;AAZhD;;;;EAUG"}
@@ -1 +1 @@
1
- {"version":3,"file":"UluFacetsSort.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/facets/UluFacetsSort.vue"],"names":[],"mappings":"wBAiJqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;2OAG3C;;;;AA9ED,yEAAgD;AAfhD;;;;EAaG"}
1
+ {"version":3,"file":"UluFacetsSort.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/facets/UluFacetsSort.vue"],"names":[],"mappings":"wBA6IqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;2OAG3C;;;;AA9ED,yEAAgD;AAfhD;;;;EAaG"}
@@ -68,8 +68,7 @@
68
68
  import { useModifiers } from "../../composables/useModifiers.js";
69
69
  import { wasClickOutside, preventScroll as setupPreventScroll } from "@ulu/utils/browser/dom.js";
70
70
  import { Resizer } from "@ulu/frontend/js/ui/resizer.js";
71
-
72
- let modalCount = 0;
71
+ import { newId } from "../../utils/dom.js";
73
72
 
74
73
  export default {
75
74
  name: "UluModal",
@@ -180,10 +179,9 @@
180
179
  modifiers: [String, Array]
181
180
  },
182
181
  data() {
183
- ++modalCount;
184
182
  return {
185
183
  containerWidth: null,
186
- titleId: `ulu-modal-${ modalCount }-title`,
184
+ titleId: newId('ulu-modal-title'),
187
185
  bodyOverflowValue: null,
188
186
  bodyPaddingRightValue: null,
189
187
  isResizing: false,
@@ -0,0 +1,42 @@
1
+ <template>
2
+ <component
3
+ :is="element"
4
+ class="form-theme"
5
+ :class="[{
6
+ 'form-theme--full-width': fullWidth,
7
+ 'form-theme--full-width-select': fullWidthSelect,
8
+ 'form-theme--hide-labels': hideLabels,
9
+ 'form-theme--actions-right': actionsRight
10
+ }]"
11
+ >
12
+ <slot />
13
+ </component>
14
+ </template>
15
+
16
+ <script setup>
17
+ defineProps({
18
+ /**
19
+ * The HTML element to use for the form.
20
+ */
21
+ element: {
22
+ type: String,
23
+ default: 'form'
24
+ },
25
+ /**
26
+ * If true, applies the full-width styles to text inputs.
27
+ */
28
+ fullWidth: Boolean,
29
+ /**
30
+ * If true, applies the full-width styles to select inputs.
31
+ */
32
+ fullWidthSelect: Boolean,
33
+ /**
34
+ * If true, hides all labels in the form.
35
+ */
36
+ hideLabels: Boolean,
37
+ /**
38
+ * If true, right-aligns the form actions.
39
+ */
40
+ actionsRight: Boolean
41
+ });
42
+ </script>
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <div class="form-theme__actions">
3
+ <slot />
4
+ </div>
5
+ </template>
6
+
7
+ <script setup>
8
+ // This component doesn't need any script.
9
+ </script>
@@ -0,0 +1,38 @@
1
+ <template>
2
+ <input
3
+ type="checkbox"
4
+ :id="id"
5
+ :checked="modelValue"
6
+ @change="$emit('update:modelValue', $event.target.checked)"
7
+ :required="required"
8
+ >
9
+ <label :for="id">
10
+ <slot>
11
+ {{ label }}<UluFormRequiredChar v-if="required" />
12
+ </slot>
13
+ </label>
14
+ </template>
15
+
16
+ <script setup>
17
+ import { newId } from "../../utils/dom.js";
18
+ import UluFormRequiredChar from "./UluFormRequiredChar.vue";
19
+
20
+ defineProps({
21
+ /**
22
+ * The label for the checkbox.
23
+ */
24
+ label: String,
25
+ /**
26
+ * The value of the checkbox (for v-model).
27
+ */
28
+ modelValue: Boolean,
29
+ /**
30
+ * If true, the field will be required.
31
+ */
32
+ required: Boolean
33
+ });
34
+
35
+ defineEmits(['update:modelValue']);
36
+
37
+ const id = newId();
38
+ </script>
@@ -0,0 +1,15 @@
1
+ <template>
2
+ <fieldset class="form-theme__fieldset">
3
+ <legend v-if="legend">{{ legend }}</legend>
4
+ <slot />
5
+ </fieldset>
6
+ </template>
7
+
8
+ <script setup>
9
+ defineProps({
10
+ /**
11
+ * The legend for the fieldset.
12
+ */
13
+ legend: String
14
+ });
15
+ </script>
@@ -1,28 +1,25 @@
1
1
  <template>
2
- <div class="site-form__item site-form__item--file">
3
- <label
4
- :class="{ 'hidden-visually' : labelHidden }"
5
- :for="id"
6
- >
7
- <slot name="label">
8
- {{ label }}
9
- </slot>
10
- </label>
11
- <input
12
- type="file"
13
- @change="onChangeFile"
14
- :multiple="multiple"
15
- :id="id"
16
- v-bind="inputAttrs"
17
- />
18
- </div>
2
+ <label
3
+ :class="{ 'hidden-visually' : labelHidden }"
4
+ :for="id"
5
+ >
6
+ <slot name="label">
7
+ {{ label }}<UluFormRequiredChar v-if="required" />
8
+ </slot>
9
+ </label>
10
+ <input
11
+ type="file"
12
+ @change="onChangeFile"
13
+ :multiple="multiple"
14
+ :id="id"
15
+ v-bind="inputAttrs"
16
+ :required="required"
17
+ />
19
18
  </template>
20
19
 
21
20
  <script setup>
22
- const getNextId = (() => {
23
- let count = 0;
24
- return () => `file-input-id-${++count}`;
25
- })();
21
+ import { newId } from "../../utils/dom.js";
22
+ import UluFormRequiredChar from "./UluFormRequiredChar.vue";
26
23
 
27
24
  defineProps({
28
25
  /**
@@ -47,12 +44,16 @@
47
44
  /**
48
45
  * Additional attributes to bind to the input element.
49
46
  */
50
- inputAttrs: Object
47
+ inputAttrs: Object,
48
+ /**
49
+ * If true, the field will be required.
50
+ */
51
+ required: Boolean
51
52
  });
52
53
 
53
54
  const emit = defineEmits(["file-change"]);
54
55
 
55
- const id = getNextId();
56
+ const id = newId();
56
57
 
57
58
  const onChangeFile = (event) => {
58
59
  emit("file-change", event.target.files);
@@ -0,0 +1,49 @@
1
+ <template>
2
+ <div
3
+ class="form-theme__item"
4
+ :class="[{
5
+ 'is-danger': error,
6
+ 'is-warning': warning,
7
+ 'form-theme__item--align-top': alignTop,
8
+ 'form-theme__item--text': text,
9
+ 'form-theme__item--file': file,
10
+ 'form-theme__item--select': select,
11
+ 'form-theme__item--textarea': textarea
12
+ }]"
13
+ >
14
+ <slot />
15
+ </div>
16
+ </template>
17
+
18
+ <script setup>
19
+ defineProps({
20
+ /**
21
+ * If true, applies the error state styles.
22
+ */
23
+ error: Boolean,
24
+ /**
25
+ * If true, applies the warning state styles.
26
+ */
27
+ warning: Boolean,
28
+ /**
29
+ * If true, aligns the item to the top.
30
+ */
31
+ alignTop: Boolean,
32
+ /**
33
+ * If true, applies the text item styles.
34
+ */
35
+ text: Boolean,
36
+ /**
37
+ * If true, applies the file item styles.
38
+ */
39
+ file: Boolean,
40
+ /**
41
+ * If true, applies the select item styles.
42
+ */
43
+ select: Boolean,
44
+ /**
45
+ * If true, applies the textarea item styles.
46
+ */
47
+ textarea: Boolean
48
+ });
49
+ </script>
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <div class="form-theme__items-inline">
3
+ <slot />
4
+ </div>
5
+ </template>
6
+
7
+ <script setup>
8
+ // This component doesn't need any script.
9
+ </script>
@@ -1,7 +1,7 @@
1
1
  <template>
2
- <p class="site-form__description" :class="{
3
- 'site-form__error' : error,
4
- 'site-form__warning' : warning
2
+ <p class="form-theme__description" :class="{
3
+ 'form-theme__error' : error,
4
+ 'form-theme__warning' : warning
5
5
  }">
6
6
  <UluIcon v-if="error || warning" :icon="`type:${ error ? 'error' : 'warning' }`" />
7
7
  <slot/>
@@ -0,0 +1,48 @@
1
+ <template>
2
+ <input
3
+ type="radio"
4
+ :id="id"
5
+ :name="name"
6
+ :value="value"
7
+ :checked="modelValue === value"
8
+ @change="$emit('update:modelValue', value)"
9
+ :required="required"
10
+ >
11
+ <label :for="id">
12
+ <slot>
13
+ {{ label }}<UluFormRequiredChar v-if="required" />
14
+ </slot>
15
+ </label>
16
+ </template>
17
+
18
+ <script setup>
19
+ import { newId } from "../../utils/dom.js";
20
+ import UluFormRequiredChar from "./UluFormRequiredChar.vue";
21
+
22
+ defineProps({
23
+ /**
24
+ * The label for the radio button.
25
+ */
26
+ label: String,
27
+ /**
28
+ * The value of the selected radio button in the group (for v-model).
29
+ */
30
+ modelValue: String,
31
+ /**
32
+ * The value of this radio button.
33
+ */
34
+ value: String,
35
+ /**
36
+ * The name of the radio button group.
37
+ */
38
+ name: String,
39
+ /**
40
+ * If true, the field will be required.
41
+ */
42
+ required: Boolean
43
+ });
44
+
45
+ defineEmits(['update:modelValue']);
46
+
47
+ const id = newId();
48
+ </script>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <span class="form-theme__required-char">*</span>
3
+ </template>
4
+
5
+ <script setup>
6
+ // This component doesn't need any script.
7
+ </script>