memorial-ui-component-library 1.0.4-dev.2396 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/types/radio.d.ts CHANGED
@@ -1,45 +1,45 @@
1
- import Vue from 'vue';
2
- import { MemorialUIFormPluginComponent } from './component';
3
- import { SdFormWidget } from './form';
4
-
5
- export type SdRadioGroupDirection = 'row' | 'column';
6
-
7
- /** Radio component */
8
- export declare class SdRadio extends MemorialUIFormPluginComponent {
9
- $refs: Vue['$refs'] & {
10
- radio: HTMLInputElement;
11
- };
12
-
13
- /** The current state value of the component. This value changes in response to what the component is bound to (v-model). */
14
- state: any;
15
-
16
- /** The value the radio component represents. */
17
- value: any;
18
-
19
- /** Whether the radio component is disabled. */
20
- disabled: boolean;
21
-
22
- /** Whether the radio is checked. */
23
- checked: boolean;
24
- }
25
-
26
- /** Radio Group component */
27
- export declare class SdRadioGroup extends SdFormWidget {
28
- /** The selected value from within the radio group. */
29
- value: any;
30
-
31
- /** The name of the radio group. */
32
- name: string;
33
-
34
- /** Whether the radio group and its containing radio components are disabled. */
35
- disabled: boolean;
36
-
37
- /**
38
- * The direction in which the radio group displays its radio components.
39
- * @default 'column'
40
- */
41
- direction: SdRadioGroupDirection;
42
- }
43
-
44
- declare const plugin: SdRadio;
45
- export default plugin;
1
+ import Vue from 'vue';
2
+ import { MemorialUIFormPluginComponent } from './component';
3
+ import { SdFormWidget } from './form';
4
+
5
+ export type SdRadioGroupDirection = 'row' | 'column';
6
+
7
+ /** Radio component */
8
+ export declare class SdRadio extends MemorialUIFormPluginComponent {
9
+ $refs: Vue['$refs'] & {
10
+ radio: HTMLInputElement;
11
+ };
12
+
13
+ /** The current state value of the component. This value changes in response to what the component is bound to (v-model). */
14
+ state: any;
15
+
16
+ /** The value the radio component represents. */
17
+ value: any;
18
+
19
+ /** Whether the radio component is disabled. */
20
+ disabled: boolean;
21
+
22
+ /** Whether the radio is checked. */
23
+ checked: boolean;
24
+ }
25
+
26
+ /** Radio Group component */
27
+ export declare class SdRadioGroup extends SdFormWidget {
28
+ /** The selected value from within the radio group. */
29
+ value: any;
30
+
31
+ /** The name of the radio group. */
32
+ name: string;
33
+
34
+ /** Whether the radio group and its containing radio components are disabled. */
35
+ disabled: boolean;
36
+
37
+ /**
38
+ * The direction in which the radio group displays its radio components.
39
+ * @default 'column'
40
+ */
41
+ direction: SdRadioGroupDirection;
42
+ }
43
+
44
+ declare const plugin: SdRadio;
45
+ export default plugin;
package/types/rater.d.ts CHANGED
@@ -1,34 +1,34 @@
1
- import { MemorialUIPluginComponent } from './component';
2
-
3
- export type SdRaterShapeType = 'heart' | 'star' | 'circle';
4
-
5
- export declare class SdRater extends MemorialUIPluginComponent {
6
- /**
7
- * Rater value
8
- */
9
- value: number | null;
10
-
11
- /**
12
- * Rater Icon Shape
13
- * @default 'heart'
14
- */
15
- shape: SdRaterShapeType;
16
-
17
- /**
18
- * Number of shapes in rater
19
- * @default 5
20
- */
21
- count: number;
22
-
23
- /**
24
- * Disbled state of the rater
25
- * @default false
26
- */
27
- disabled: boolean;
28
-
29
- /**
30
- * Read only state of the rater
31
- * @default false
32
- */
33
- readonly: boolean;
34
- }
1
+ import { MemorialUIPluginComponent } from './component';
2
+
3
+ export type SdRaterShapeType = 'heart' | 'star' | 'circle';
4
+
5
+ export declare class SdRater extends MemorialUIPluginComponent {
6
+ /**
7
+ * Rater value
8
+ */
9
+ value: number | null;
10
+
11
+ /**
12
+ * Rater Icon Shape
13
+ * @default 'heart'
14
+ */
15
+ shape: SdRaterShapeType;
16
+
17
+ /**
18
+ * Number of shapes in rater
19
+ * @default 5
20
+ */
21
+ count: number;
22
+
23
+ /**
24
+ * Disbled state of the rater
25
+ * @default false
26
+ */
27
+ disabled: boolean;
28
+
29
+ /**
30
+ * Read only state of the rater
31
+ * @default false
32
+ */
33
+ readonly: boolean;
34
+ }
package/types/select.d.ts CHANGED
@@ -1,77 +1,77 @@
1
- import Vue from 'vue';
2
- import {
3
- MemorialUIComponent,
4
- MemorialUIFormPluginComponent
5
- } from './component';
6
-
7
- /** Select component */
8
- export declare class SdSelect extends MemorialUIFormPluginComponent {
9
- $refs: Vue['$refs'] & {
10
- select: HTMLSelectElement;
11
- };
12
-
13
- /** The value of the selected option. */
14
- value: any;
15
-
16
- /** Whether the select component is disabled. */
17
- disabled: boolean;
18
-
19
- /** Whether the components value can be cleared. */
20
- clearable: boolean;
21
-
22
- /** Whether to force the component to always use the **native** select menu for both desktop and mobile. */
23
- native: boolean;
24
-
25
- /** Whether to force the component to always use the **custom** select menu for both desktop and mobile. */
26
- custom: boolean;
27
-
28
- /** Whether the select menu is open. */
29
- open: boolean;
30
-
31
- /** Resets the components value. */
32
- clear(): void;
33
-
34
- /** Toggles the open state of the select menu. */
35
- toggleMenu(): void;
36
-
37
- /** Closes the select menu. */
38
- close(): void;
39
-
40
- /**
41
- * A function which updates the components value and emits an event
42
- * in order to make the component usable with v-model.
43
- * This method can be injected into child components.
44
- * @param value - The updated value.
45
- * @param type - The types of events to emit (input, change)
46
- * @returns {void}
47
- */
48
- notifyOfUpdatedValue(value: any, type: Array<'change' | 'input'>): void;
49
- }
50
-
51
- /** Select option component */
52
- export declare class SdSelectOption extends MemorialUIComponent {
53
- /** The options value. */
54
- value: any;
55
-
56
- /** The label to display in the select box when this item has been selected. If this is not assigned the string representation of {@link value} is used.*/
57
- label?: string;
58
-
59
- /** Whether the option is disabled. */
60
- disabled: boolean;
61
-
62
- /** Toggles the open state of the select menu. */
63
- toggleMenu(): void;
64
-
65
- /**
66
- * A function which updates the components value and emits an event
67
- * in order to make the component usable with v-model.
68
- * This method can be injected into child components.
69
- * @param value - The updated value.
70
- * @param type - The types of events to emit (input, change)
71
- * @returns {void}
72
- */
73
- notifyOfUpdatedValue(value: any, type: Array<'change' | 'input'>): void;
74
- }
75
-
76
- declare const plugin: SdSelect;
77
- export default plugin;
1
+ import Vue from 'vue';
2
+ import {
3
+ MemorialUIComponent,
4
+ MemorialUIFormPluginComponent
5
+ } from './component';
6
+
7
+ /** Select component */
8
+ export declare class SdSelect extends MemorialUIFormPluginComponent {
9
+ $refs: Vue['$refs'] & {
10
+ select: HTMLSelectElement;
11
+ };
12
+
13
+ /** The value of the selected option. */
14
+ value: any;
15
+
16
+ /** Whether the select component is disabled. */
17
+ disabled: boolean;
18
+
19
+ /** Whether the components value can be cleared. */
20
+ clearable: boolean;
21
+
22
+ /** Whether to force the component to always use the **native** select menu for both desktop and mobile. */
23
+ native: boolean;
24
+
25
+ /** Whether to force the component to always use the **custom** select menu for both desktop and mobile. */
26
+ custom: boolean;
27
+
28
+ /** Whether the select menu is open. */
29
+ open: boolean;
30
+
31
+ /** Resets the components value. */
32
+ clear(): void;
33
+
34
+ /** Toggles the open state of the select menu. */
35
+ toggleMenu(): void;
36
+
37
+ /** Closes the select menu. */
38
+ close(): void;
39
+
40
+ /**
41
+ * A function which updates the components value and emits an event
42
+ * in order to make the component usable with v-model.
43
+ * This method can be injected into child components.
44
+ * @param value - The updated value.
45
+ * @param type - The types of events to emit (input, change)
46
+ * @returns {void}
47
+ */
48
+ notifyOfUpdatedValue(value: any, type: Array<'change' | 'input'>): void;
49
+ }
50
+
51
+ /** Select option component */
52
+ export declare class SdSelectOption extends MemorialUIComponent {
53
+ /** The options value. */
54
+ value: any;
55
+
56
+ /** The label to display in the select box when this item has been selected. If this is not assigned the string representation of {@link value} is used.*/
57
+ label?: string;
58
+
59
+ /** Whether the option is disabled. */
60
+ disabled: boolean;
61
+
62
+ /** Toggles the open state of the select menu. */
63
+ toggleMenu(): void;
64
+
65
+ /**
66
+ * A function which updates the components value and emits an event
67
+ * in order to make the component usable with v-model.
68
+ * This method can be injected into child components.
69
+ * @param value - The updated value.
70
+ * @param type - The types of events to emit (input, change)
71
+ * @returns {void}
72
+ */
73
+ notifyOfUpdatedValue(value: any, type: Array<'change' | 'input'>): void;
74
+ }
75
+
76
+ declare const plugin: SdSelect;
77
+ export default plugin;
package/dist/demo.html DELETED
@@ -1 +0,0 @@
1
- <!doctype html><meta charset="utf-8"><title>memorial-ui-component-library demo</title><script src="./memorial-ui-component-library.umd.js"></script><link rel="stylesheet" href="./memorial-ui-component-library.css"><script>console.log(memorial-ui-component-library)</script>