@mezzanine-ui/core 0.13.10 → 0.13.12
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/_internal/input-check/index.d.ts +2 -2
- package/_internal/input-check/inputCheck.d.ts +12 -12
- package/_internal/input-check/inputCheck.js +9 -9
- package/_internal/input-check/inputCheckGroup.d.ts +7 -7
- package/_internal/input-check/inputCheckGroup.js +4 -4
- package/_internal/input-trigger-popper/index.d.ts +1 -1
- package/_internal/input-trigger-popper/inputTriggerPopper.d.ts +4 -4
- package/_internal/input-trigger-popper/inputTriggerPopper.js +3 -3
- package/_internal/overlay-with-slide-fade/index.d.ts +1 -1
- package/_internal/overlay-with-slide-fade/overlayWithSlideFade.d.ts +4 -4
- package/_internal/overlay-with-slide-fade/overlayWithSlideFade.js +3 -3
- package/accordion/accordion.d.ts +13 -13
- package/accordion/accordion.js +12 -12
- package/accordion/index.d.ts +1 -1
- package/alert/alert.d.ts +15 -15
- package/alert/alert.js +12 -12
- package/alert/index.d.ts +1 -1
- package/app-bar/appBar.d.ts +8 -8
- package/app-bar/appBar.js +5 -5
- package/app-bar/appBarBrand.d.ts +4 -4
- package/app-bar/appBarBrand.js +3 -3
- package/app-bar/appBarMain.d.ts +4 -4
- package/app-bar/appBarMain.js +3 -3
- package/app-bar/appBarSupport.d.ts +4 -4
- package/app-bar/appBarSupport.js +3 -3
- package/app-bar/index.d.ts +4 -4
- package/badge/badge.d.ts +7 -7
- package/badge/badge.js +6 -6
- package/badge/index.d.ts +1 -1
- package/button/button.d.ts +17 -17
- package/button/button.js +11 -11
- package/button/buttonGroup.d.ts +18 -18
- package/button/buttonGroup.js +15 -15
- package/button/index.d.ts +2 -2
- package/calendar/calendar.d.ts +47 -47
- package/calendar/calendar.js +61 -61
- package/calendar/index.d.ts +2 -2
- package/calendar/typings.d.ts +43 -43
- package/calendarMethodsDayjs/index.d.ts +3 -3
- package/calendarMethodsDayjs/index.js +97 -97
- package/calendarMethodsLuxon/index.d.ts +3 -3
- package/calendarMethodsLuxon/index.js +100 -100
- package/calendarMethodsMoment/index.d.ts +3 -3
- package/calendarMethodsMoment/index.js +112 -112
- package/card/card.d.ts +7 -7
- package/card/card.js +6 -6
- package/card/cardActions.d.ts +4 -4
- package/card/cardActions.js +3 -3
- package/card/index.d.ts +2 -2
- package/checkbox/checkbox.d.ts +15 -15
- package/checkbox/checkbox.js +6 -6
- package/checkbox/index.d.ts +1 -1
- package/date-range-picker/dateRangePicker.d.ts +11 -11
- package/date-range-picker/dateRangePicker.js +10 -10
- package/date-range-picker/index.d.ts +1 -1
- package/date-time-picker/dateTimePicker.d.ts +9 -9
- package/date-time-picker/dateTimePicker.js +8 -8
- package/date-time-picker/index.d.ts +1 -1
- package/drawer/drawer.d.ts +10 -10
- package/drawer/drawer.js +8 -8
- package/drawer/index.d.ts +1 -1
- package/empty/empty.d.ts +8 -8
- package/empty/empty.js +7 -7
- package/empty/index.d.ts +1 -1
- package/form/form.d.ts +1 -1
- package/form/formField.d.ts +18 -18
- package/form/formField.js +16 -16
- package/form/index.d.ts +2 -2
- package/icon/icon.d.ts +15 -15
- package/icon/icon.js +38 -38
- package/icon/index.d.ts +1 -1
- package/input/index.d.ts +1 -1
- package/input/input.d.ts +8 -8
- package/input/input.js +5 -5
- package/loading/index.d.ts +1 -1
- package/loading/loading.d.ts +8 -8
- package/loading/loading.js +7 -7
- package/menu/index.d.ts +4 -4
- package/menu/menu.d.ts +13 -13
- package/menu/menu.js +13 -13
- package/menu/menuDivider.d.ts +4 -4
- package/menu/menuDivider.js +3 -3
- package/menu/menuItem.d.ts +8 -8
- package/menu/menuItem.js +7 -7
- package/menu/menuItemGroup.d.ts +6 -6
- package/menu/menuItemGroup.js +5 -5
- package/message/index.d.ts +1 -1
- package/message/message.d.ts +16 -16
- package/message/message.js +13 -13
- package/modal/index.d.ts +1 -1
- package/modal/modal.d.ts +30 -30
- package/modal/modal.js +25 -25
- package/navigation/index.d.ts +3 -3
- package/navigation/navigation.d.ts +8 -8
- package/navigation/navigation.js +5 -5
- package/navigation/navigationItem.d.ts +6 -6
- package/navigation/navigationItem.js +5 -5
- package/navigation/navigationSubMenu.d.ts +11 -11
- package/navigation/navigationSubMenu.js +10 -10
- package/notification/index.d.ts +1 -1
- package/notification/notification.d.ts +25 -25
- package/notification/notification.js +22 -22
- package/overlay/index.d.ts +1 -1
- package/overlay/overlay.d.ts +10 -10
- package/overlay/overlay.js +9 -9
- package/package.json +3 -3
- package/page-footer/index.d.ts +1 -1
- package/page-footer/pageFooter.d.ts +4 -4
- package/page-footer/pageFooter.js +3 -3
- package/pagination/index.d.ts +4 -4
- package/pagination/pagination.d.ts +8 -8
- package/pagination/pagination.js +7 -7
- package/pagination/paginationItem.d.ts +9 -9
- package/pagination/paginationItem.js +7 -7
- package/pagination/paginationJumper.d.ts +5 -5
- package/pagination/paginationJumper.js +4 -4
- package/pagination/paginationPageSize.d.ts +5 -5
- package/pagination/paginationPageSize.js +4 -4
- package/picker/index.d.ts +1 -1
- package/picker/picker.d.ts +10 -10
- package/picker/picker.js +5 -5
- package/popconfirm/index.d.ts +1 -1
- package/popconfirm/popconfirm.d.ts +5 -5
- package/popconfirm/popconfirm.js +4 -4
- package/popover/index.d.ts +1 -1
- package/popover/popover.d.ts +6 -6
- package/popover/popover.js +5 -5
- package/progress/index.d.ts +1 -1
- package/progress/progress.d.ts +27 -27
- package/progress/progress.js +25 -25
- package/radio/index.d.ts +1 -1
- package/radio/radio.d.ts +13 -13
- package/radio/radio.js +4 -4
- package/select/index.d.ts +1 -1
- package/select/select.d.ts +30 -30
- package/select/select.js +26 -26
- package/skeleton/index.d.ts +1 -1
- package/skeleton/skeleton.d.ts +5 -5
- package/skeleton/skeleton.js +4 -4
- package/slider/index.d.ts +1 -1
- package/slider/slider.d.ts +60 -60
- package/slider/slider.js +122 -122
- package/stepper/index.d.ts +2 -2
- package/stepper/step.d.ts +9 -9
- package/stepper/step.js +8 -8
- package/stepper/stepper.d.ts +4 -4
- package/stepper/stepper.js +3 -3
- package/switch/index.d.ts +1 -1
- package/switch/switch.d.ts +13 -13
- package/switch/switch.js +21 -21
- package/table/index.d.ts +1 -1
- package/table/table.d.ts +150 -150
- package/table/table.js +65 -65
- package/tabs/index.d.ts +1 -1
- package/tabs/tabs.d.ts +11 -11
- package/tabs/tabs.js +10 -10
- package/tag/index.d.ts +1 -1
- package/tag/tag.d.ts +10 -10
- package/tag/tag.js +7 -7
- package/text-field/index.d.ts +1 -1
- package/text-field/textField.d.ts +19 -19
- package/text-field/textField.js +16 -16
- package/textarea/index.d.ts +1 -1
- package/textarea/textarea.d.ts +9 -9
- package/textarea/textarea.js +6 -6
- package/time-panel/index.d.ts +1 -1
- package/time-panel/timePanel.d.ts +33 -33
- package/time-panel/timePanel.js +45 -45
- package/tooltip/index.d.ts +1 -1
- package/tooltip/tooltip.d.ts +4 -4
- package/tooltip/tooltip.js +3 -3
- package/tree/index.d.ts +1 -1
- package/tree/tree.d.ts +49 -49
- package/tree/tree.js +20 -20
- package/typography/index.d.ts +2 -2
- package/typography/typography.d.ts +22 -22
- package/typography/typography.js +17 -17
- package/upload/UploadPictureBlock.d.ts +51 -51
- package/upload/UploadPictureBlock.js +105 -105
- package/upload/UploadPictureWall.d.ts +5 -5
- package/upload/UploadPictureWall.js +4 -4
- package/upload/index.d.ts +5 -5
- package/upload/uploadInput.d.ts +4 -4
- package/upload/uploadInput.js +3 -3
- package/upload/uploadPicture.d.ts +4 -4
- package/upload/uploadPicture.js +3 -3
- package/upload/uploadResult.d.ts +17 -17
- package/upload/uploadResult.js +14 -14
package/textarea/textarea.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
const textareaPrefix = 'mzn-textarea';
|
|
2
|
-
const textareaClasses = {
|
|
3
|
-
host: textareaPrefix,
|
|
4
|
-
size: (size) => `${textareaPrefix}--${size}`,
|
|
5
|
-
upperLimit: `${textareaPrefix}--upper-limit`,
|
|
6
|
-
count: `${textareaPrefix}__count`,
|
|
1
|
+
const textareaPrefix = 'mzn-textarea';
|
|
2
|
+
const textareaClasses = {
|
|
3
|
+
host: textareaPrefix,
|
|
4
|
+
size: (size) => `${textareaPrefix}--${size}`,
|
|
5
|
+
upperLimit: `${textareaPrefix}--upper-limit`,
|
|
6
|
+
count: `${textareaPrefix}__count`,
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { textareaClasses, textareaPrefix };
|
package/time-panel/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './timePanel';
|
|
1
|
+
export * from './timePanel';
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/** Types */
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
value: TimePanelUnitValue;
|
|
5
|
-
label: string;
|
|
6
|
-
};
|
|
7
|
-
export
|
|
8
|
-
/** Classes */
|
|
9
|
-
export declare const timePanelPrefix = "mzn-time-panel";
|
|
10
|
-
export declare const timePanelColumnsPrefix
|
|
11
|
-
export declare const timePanelActionPrefix
|
|
12
|
-
export declare const timePanelButtonPrefix
|
|
13
|
-
export declare const timePanelColumnPrefix
|
|
14
|
-
export declare const timePanelClasses: {
|
|
15
|
-
host: string;
|
|
16
|
-
/** Columns classes */
|
|
17
|
-
columns: string;
|
|
18
|
-
/** Action classes */
|
|
19
|
-
action: string;
|
|
20
|
-
/** Button classes */
|
|
21
|
-
button: string;
|
|
22
|
-
buttonActive: string;
|
|
23
|
-
/** Column classes */
|
|
24
|
-
column: string;
|
|
25
|
-
columnPrefix: string;
|
|
26
|
-
columnButton: string;
|
|
27
|
-
columnControlButton: string;
|
|
28
|
-
columnCells: string;
|
|
29
|
-
columnRatioBoxInner: string;
|
|
30
|
-
};
|
|
31
|
-
/** Helpers */
|
|
32
|
-
export declare function getUnitLabel(target: string | number, digits: number, fill?: string): string;
|
|
33
|
-
export declare function getUnits(start: number, end: number, step: number): TimePanelUnit[];
|
|
1
|
+
/** Types */
|
|
2
|
+
export type TimePanelUnitValue = number;
|
|
3
|
+
export type TimePanelUnit = {
|
|
4
|
+
value: TimePanelUnitValue;
|
|
5
|
+
label: string;
|
|
6
|
+
};
|
|
7
|
+
export type TimePanelMode = 'hour' | 'minute' | 'second';
|
|
8
|
+
/** Classes */
|
|
9
|
+
export declare const timePanelPrefix = "mzn-time-panel";
|
|
10
|
+
export declare const timePanelColumnsPrefix = "mzn-time-panel-columns";
|
|
11
|
+
export declare const timePanelActionPrefix = "mzn-time-panel-action";
|
|
12
|
+
export declare const timePanelButtonPrefix = "mzn-time-panel-button";
|
|
13
|
+
export declare const timePanelColumnPrefix = "mzn-time-panel-column";
|
|
14
|
+
export declare const timePanelClasses: {
|
|
15
|
+
host: string;
|
|
16
|
+
/** Columns classes */
|
|
17
|
+
columns: string;
|
|
18
|
+
/** Action classes */
|
|
19
|
+
action: string;
|
|
20
|
+
/** Button classes */
|
|
21
|
+
button: string;
|
|
22
|
+
buttonActive: string;
|
|
23
|
+
/** Column classes */
|
|
24
|
+
column: string;
|
|
25
|
+
columnPrefix: string;
|
|
26
|
+
columnButton: string;
|
|
27
|
+
columnControlButton: string;
|
|
28
|
+
columnCells: string;
|
|
29
|
+
columnRatioBoxInner: string;
|
|
30
|
+
};
|
|
31
|
+
/** Helpers */
|
|
32
|
+
export declare function getUnitLabel(target: string | number, digits: number, fill?: string): string;
|
|
33
|
+
export declare function getUnits(start: number, end: number, step: number): TimePanelUnit[];
|
package/time-panel/timePanel.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
/** Classes */
|
|
2
|
-
const timePanelPrefix = 'mzn-time-panel';
|
|
3
|
-
const timePanelColumnsPrefix = `${timePanelPrefix}-columns`;
|
|
4
|
-
const timePanelActionPrefix = `${timePanelPrefix}-action`;
|
|
5
|
-
const timePanelButtonPrefix = `${timePanelPrefix}-button`;
|
|
6
|
-
const timePanelColumnPrefix = `${timePanelPrefix}-column`;
|
|
7
|
-
const timePanelClasses = {
|
|
8
|
-
host: timePanelPrefix,
|
|
9
|
-
/** Columns classes */
|
|
10
|
-
columns: timePanelColumnsPrefix,
|
|
11
|
-
/** Action classes */
|
|
12
|
-
action: timePanelActionPrefix,
|
|
13
|
-
/** Button classes */
|
|
14
|
-
button: timePanelButtonPrefix,
|
|
15
|
-
buttonActive: `${timePanelButtonPrefix}--active`,
|
|
16
|
-
/** Column classes */
|
|
17
|
-
column: timePanelColumnPrefix,
|
|
18
|
-
columnPrefix: `${timePanelColumnPrefix}__prefix`,
|
|
19
|
-
columnButton: `${timePanelColumnPrefix}__button`,
|
|
20
|
-
columnControlButton: `${timePanelColumnPrefix}__control-button`,
|
|
21
|
-
columnCells: `${timePanelColumnPrefix}__cells`,
|
|
22
|
-
columnRatioBoxInner: `${timePanelColumnPrefix}__ratio-box-inner`,
|
|
23
|
-
};
|
|
24
|
-
/** Helpers */
|
|
25
|
-
function getUnitLabel(target, digits, fill = '0') {
|
|
26
|
-
const guardedString = String(target);
|
|
27
|
-
if (guardedString.length < digits) {
|
|
28
|
-
let result = guardedString;
|
|
29
|
-
const remainder = digits - guardedString.length;
|
|
30
|
-
for (let i = 0; i < remainder; i += 1) {
|
|
31
|
-
result = `${fill}${result}`;
|
|
32
|
-
}
|
|
33
|
-
return result;
|
|
34
|
-
}
|
|
35
|
-
return guardedString;
|
|
36
|
-
}
|
|
37
|
-
function getUnits(start, end, step) {
|
|
38
|
-
const units = [];
|
|
39
|
-
for (let i = start; i <= end; i += step) {
|
|
40
|
-
units.push({
|
|
41
|
-
label: getUnitLabel(i, 2),
|
|
42
|
-
value: i,
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
return units;
|
|
1
|
+
/** Classes */
|
|
2
|
+
const timePanelPrefix = 'mzn-time-panel';
|
|
3
|
+
const timePanelColumnsPrefix = `${timePanelPrefix}-columns`;
|
|
4
|
+
const timePanelActionPrefix = `${timePanelPrefix}-action`;
|
|
5
|
+
const timePanelButtonPrefix = `${timePanelPrefix}-button`;
|
|
6
|
+
const timePanelColumnPrefix = `${timePanelPrefix}-column`;
|
|
7
|
+
const timePanelClasses = {
|
|
8
|
+
host: timePanelPrefix,
|
|
9
|
+
/** Columns classes */
|
|
10
|
+
columns: timePanelColumnsPrefix,
|
|
11
|
+
/** Action classes */
|
|
12
|
+
action: timePanelActionPrefix,
|
|
13
|
+
/** Button classes */
|
|
14
|
+
button: timePanelButtonPrefix,
|
|
15
|
+
buttonActive: `${timePanelButtonPrefix}--active`,
|
|
16
|
+
/** Column classes */
|
|
17
|
+
column: timePanelColumnPrefix,
|
|
18
|
+
columnPrefix: `${timePanelColumnPrefix}__prefix`,
|
|
19
|
+
columnButton: `${timePanelColumnPrefix}__button`,
|
|
20
|
+
columnControlButton: `${timePanelColumnPrefix}__control-button`,
|
|
21
|
+
columnCells: `${timePanelColumnPrefix}__cells`,
|
|
22
|
+
columnRatioBoxInner: `${timePanelColumnPrefix}__ratio-box-inner`,
|
|
23
|
+
};
|
|
24
|
+
/** Helpers */
|
|
25
|
+
function getUnitLabel(target, digits, fill = '0') {
|
|
26
|
+
const guardedString = String(target);
|
|
27
|
+
if (guardedString.length < digits) {
|
|
28
|
+
let result = guardedString;
|
|
29
|
+
const remainder = digits - guardedString.length;
|
|
30
|
+
for (let i = 0; i < remainder; i += 1) {
|
|
31
|
+
result = `${fill}${result}`;
|
|
32
|
+
}
|
|
33
|
+
return result;
|
|
34
|
+
}
|
|
35
|
+
return guardedString;
|
|
36
|
+
}
|
|
37
|
+
function getUnits(start, end, step) {
|
|
38
|
+
const units = [];
|
|
39
|
+
for (let i = start; i <= end; i += step) {
|
|
40
|
+
units.push({
|
|
41
|
+
label: getUnitLabel(i, 2),
|
|
42
|
+
value: i,
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
return units;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
export { getUnitLabel, getUnits, timePanelActionPrefix, timePanelButtonPrefix, timePanelClasses, timePanelColumnPrefix, timePanelColumnsPrefix, timePanelPrefix };
|
package/tooltip/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './tooltip';
|
|
1
|
+
export * from './tooltip';
|
package/tooltip/tooltip.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const tooltipPrefix = "mzn-tooltip";
|
|
2
|
-
export declare const tooltipClasses: {
|
|
3
|
-
readonly host: "mzn-tooltip";
|
|
4
|
-
};
|
|
1
|
+
export declare const tooltipPrefix = "mzn-tooltip";
|
|
2
|
+
export declare const tooltipClasses: {
|
|
3
|
+
readonly host: "mzn-tooltip";
|
|
4
|
+
};
|
package/tooltip/tooltip.js
CHANGED
package/tree/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './tree';
|
|
1
|
+
export * from './tree';
|
package/tree/tree.d.ts
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export interface TreeState {
|
|
5
|
-
checkable?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
selectable?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
expanded?: boolean;
|
|
12
|
-
indeterminate?: boolean;
|
|
13
|
-
selected?: boolean;
|
|
14
|
-
};
|
|
15
|
-
export interface TreeNodePropShape<L> {
|
|
16
|
-
label: L;
|
|
17
|
-
dynamicNodesFetching?: boolean;
|
|
18
|
-
nodes?: TreeNodePropShape<L>[];
|
|
19
|
-
value: TreeNodeValue;
|
|
20
|
-
}
|
|
21
|
-
export interface TreeNodeDataShape<L> extends TreeNodeState, TreeNodePropShape<L> {
|
|
22
|
-
label: L;
|
|
23
|
-
nodes?: TreeNodeDataShape<L>[];
|
|
24
|
-
}
|
|
25
|
-
export interface TreeNodeEntityShape<L> {
|
|
26
|
-
node: TreeNodeDataShape<L>;
|
|
27
|
-
siblings?: TreeNodeEntityShape<L>[];
|
|
28
|
-
values: TreeNodeValue[];
|
|
29
|
-
}
|
|
30
|
-
export declare const treePrefix = "mzn-tree";
|
|
31
|
-
export declare const treeNodeListPrefix
|
|
32
|
-
export declare const treeNodePrefix
|
|
33
|
-
export declare const treeClasses: {
|
|
34
|
-
host: string;
|
|
35
|
-
/** tree node list classes */
|
|
36
|
-
nodeList: string;
|
|
37
|
-
nodeListSize: (size: TreeSize) => string;
|
|
38
|
-
/** tree node classes */
|
|
39
|
-
node: string;
|
|
40
|
-
nodeSize: (size: TreeSize) => string;
|
|
41
|
-
nodeStem: string;
|
|
42
|
-
nodeCaret: string;
|
|
43
|
-
nodeCaretExpanded: string;
|
|
44
|
-
nodeLabel: string;
|
|
45
|
-
nodeLabelSelectable: string;
|
|
46
|
-
nodeLabelIndeterminate: string;
|
|
47
|
-
nodeLabelActive: string;
|
|
48
|
-
nodeLabelDisabled: string;
|
|
49
|
-
};
|
|
1
|
+
export type TreeSelectMethod = 'toggle' | 'target';
|
|
2
|
+
export type TreeSize = 'small' | 'medium' | 'large';
|
|
3
|
+
export type TreeNodeValue = string | number;
|
|
4
|
+
export interface TreeState {
|
|
5
|
+
checkable?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
selectable?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export type TreeNodeState = {
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
expanded?: boolean;
|
|
12
|
+
indeterminate?: boolean;
|
|
13
|
+
selected?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export interface TreeNodePropShape<L> {
|
|
16
|
+
label: L;
|
|
17
|
+
dynamicNodesFetching?: boolean;
|
|
18
|
+
nodes?: TreeNodePropShape<L>[];
|
|
19
|
+
value: TreeNodeValue;
|
|
20
|
+
}
|
|
21
|
+
export interface TreeNodeDataShape<L> extends TreeNodeState, TreeNodePropShape<L> {
|
|
22
|
+
label: L;
|
|
23
|
+
nodes?: TreeNodeDataShape<L>[];
|
|
24
|
+
}
|
|
25
|
+
export interface TreeNodeEntityShape<L> {
|
|
26
|
+
node: TreeNodeDataShape<L>;
|
|
27
|
+
siblings?: TreeNodeEntityShape<L>[];
|
|
28
|
+
values: TreeNodeValue[];
|
|
29
|
+
}
|
|
30
|
+
export declare const treePrefix = "mzn-tree";
|
|
31
|
+
export declare const treeNodeListPrefix = "mzn-tree-node-list";
|
|
32
|
+
export declare const treeNodePrefix = "mzn-tree-node";
|
|
33
|
+
export declare const treeClasses: {
|
|
34
|
+
host: string;
|
|
35
|
+
/** tree node list classes */
|
|
36
|
+
nodeList: string;
|
|
37
|
+
nodeListSize: (size: TreeSize) => string;
|
|
38
|
+
/** tree node classes */
|
|
39
|
+
node: string;
|
|
40
|
+
nodeSize: (size: TreeSize) => string;
|
|
41
|
+
nodeStem: string;
|
|
42
|
+
nodeCaret: string;
|
|
43
|
+
nodeCaretExpanded: string;
|
|
44
|
+
nodeLabel: string;
|
|
45
|
+
nodeLabelSelectable: string;
|
|
46
|
+
nodeLabelIndeterminate: string;
|
|
47
|
+
nodeLabelActive: string;
|
|
48
|
+
nodeLabelDisabled: string;
|
|
49
|
+
};
|
package/tree/tree.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
// Classes
|
|
2
|
-
const treePrefix = 'mzn-tree';
|
|
3
|
-
const treeNodeListPrefix = `${treePrefix}-node-list`;
|
|
4
|
-
const treeNodePrefix = `${treePrefix}-node`;
|
|
5
|
-
const treeClasses = {
|
|
6
|
-
host: treePrefix,
|
|
7
|
-
/** tree node list classes */
|
|
8
|
-
nodeList: treeNodeListPrefix,
|
|
9
|
-
nodeListSize: (size) => `${treeNodeListPrefix}--${size}`,
|
|
10
|
-
/** tree node classes */
|
|
11
|
-
node: treeNodePrefix,
|
|
12
|
-
nodeSize: (size) => `${treeNodePrefix}--${size}`,
|
|
13
|
-
nodeStem: `${treeNodePrefix}__stem`,
|
|
14
|
-
nodeCaret: `${treeNodePrefix}__caret`,
|
|
15
|
-
nodeCaretExpanded: `${treeNodePrefix}__caret-expanded`,
|
|
16
|
-
nodeLabel: `${treeNodePrefix}__label`,
|
|
17
|
-
nodeLabelSelectable: `${treeNodePrefix}__label--selectable`,
|
|
18
|
-
nodeLabelIndeterminate: `${treeNodePrefix}__label--indeterminate`,
|
|
19
|
-
nodeLabelActive: `${treeNodePrefix}__label--active`,
|
|
20
|
-
nodeLabelDisabled: `${treeNodePrefix}__label--disabled`,
|
|
1
|
+
// Classes
|
|
2
|
+
const treePrefix = 'mzn-tree';
|
|
3
|
+
const treeNodeListPrefix = `${treePrefix}-node-list`;
|
|
4
|
+
const treeNodePrefix = `${treePrefix}-node`;
|
|
5
|
+
const treeClasses = {
|
|
6
|
+
host: treePrefix,
|
|
7
|
+
/** tree node list classes */
|
|
8
|
+
nodeList: treeNodeListPrefix,
|
|
9
|
+
nodeListSize: (size) => `${treeNodeListPrefix}--${size}`,
|
|
10
|
+
/** tree node classes */
|
|
11
|
+
node: treeNodePrefix,
|
|
12
|
+
nodeSize: (size) => `${treeNodePrefix}--${size}`,
|
|
13
|
+
nodeStem: `${treeNodePrefix}__stem`,
|
|
14
|
+
nodeCaret: `${treeNodePrefix}__caret`,
|
|
15
|
+
nodeCaretExpanded: `${treeNodePrefix}__caret-expanded`,
|
|
16
|
+
nodeLabel: `${treeNodePrefix}__label`,
|
|
17
|
+
nodeLabelSelectable: `${treeNodePrefix}__label--selectable`,
|
|
18
|
+
nodeLabelIndeterminate: `${treeNodePrefix}__label--indeterminate`,
|
|
19
|
+
nodeLabelActive: `${treeNodePrefix}__label--active`,
|
|
20
|
+
nodeLabelDisabled: `${treeNodePrefix}__label--disabled`,
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
export { treeClasses, treeNodeListPrefix, treeNodePrefix, treePrefix };
|
package/typography/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '@mezzanine-ui/system/typography';
|
|
2
|
-
export * from './typography';
|
|
1
|
+
export * from '@mezzanine-ui/system/typography';
|
|
2
|
+
export * from './typography';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { CssVarInterpolations } from '@mezzanine-ui/system/css';
|
|
2
|
-
import { GradualMainColor, MainColor, TextColor } from '@mezzanine-ui/system/palette';
|
|
3
|
-
import { TypographyVariant } from '@mezzanine-ui/system/typography';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
export
|
|
8
|
-
export interface TypographyCssVars {
|
|
9
|
-
align?: TypographyAlign;
|
|
10
|
-
color?: TypographyColor;
|
|
11
|
-
display?: TypographyDisplay;
|
|
12
|
-
}
|
|
13
|
-
export declare const typographyClasses: {
|
|
14
|
-
readonly variant: (variant: TypographyVariant) => string;
|
|
15
|
-
readonly align: "mzn-typography--align";
|
|
16
|
-
readonly color: "mzn-typography--color";
|
|
17
|
-
readonly display: "mzn-typography--display";
|
|
18
|
-
readonly ellipsis: "mzn-typography--ellipsis";
|
|
19
|
-
readonly noWrap: "mzn-typography--nowrap";
|
|
20
|
-
};
|
|
21
|
-
export declare function toTypographyCssVars(variables: TypographyCssVars): CssVarInterpolations;
|
|
22
|
-
export {};
|
|
1
|
+
import { CssVarInterpolations } from '@mezzanine-ui/system/css';
|
|
2
|
+
import { GradualMainColor, MainColor, TextColor } from '@mezzanine-ui/system/palette';
|
|
3
|
+
import { TypographyVariant } from '@mezzanine-ui/system/typography';
|
|
4
|
+
export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
|
|
5
|
+
export type TypographyColor = 'inherit' | MainColor | GradualMainColor | TextColor;
|
|
6
|
+
type TypographyDisplayBase = 'block' | 'flex';
|
|
7
|
+
export type TypographyDisplay = TypographyDisplayBase | `inline-${TypographyDisplayBase}`;
|
|
8
|
+
export interface TypographyCssVars {
|
|
9
|
+
align?: TypographyAlign;
|
|
10
|
+
color?: TypographyColor;
|
|
11
|
+
display?: TypographyDisplay;
|
|
12
|
+
}
|
|
13
|
+
export declare const typographyClasses: {
|
|
14
|
+
readonly variant: (variant: TypographyVariant) => string;
|
|
15
|
+
readonly align: "mzn-typography--align";
|
|
16
|
+
readonly color: "mzn-typography--color";
|
|
17
|
+
readonly display: "mzn-typography--display";
|
|
18
|
+
readonly ellipsis: "mzn-typography--ellipsis";
|
|
19
|
+
readonly noWrap: "mzn-typography--nowrap";
|
|
20
|
+
};
|
|
21
|
+
export declare function toTypographyCssVars(variables: TypographyCssVars): CssVarInterpolations;
|
|
22
|
+
export {};
|
package/typography/typography.js
CHANGED
|
@@ -2,23 +2,23 @@ import { toCssVar } from '@mezzanine-ui/system/css';
|
|
|
2
2
|
import { palettePrefix } from '@mezzanine-ui/system/palette';
|
|
3
3
|
import { typographyPrefix } from '@mezzanine-ui/system/typography';
|
|
4
4
|
|
|
5
|
-
const typographyClasses = {
|
|
6
|
-
variant: (variant) => `${typographyPrefix}--${variant}`,
|
|
7
|
-
align: `${typographyPrefix}--align`,
|
|
8
|
-
color: `${typographyPrefix}--color`,
|
|
9
|
-
display: `${typographyPrefix}--display`,
|
|
10
|
-
ellipsis: `${typographyPrefix}--ellipsis`,
|
|
11
|
-
noWrap: `${typographyPrefix}--nowrap`,
|
|
12
|
-
};
|
|
13
|
-
function toTypographyCssVars(variables) {
|
|
14
|
-
const { align, color, display, } = variables;
|
|
15
|
-
return {
|
|
16
|
-
[`--${typographyPrefix}-align`]: align,
|
|
17
|
-
[`--${typographyPrefix}-color`]: !color || color === 'inherit'
|
|
18
|
-
? color
|
|
19
|
-
: toCssVar(`${palettePrefix}-${color}`),
|
|
20
|
-
[`--${typographyPrefix}-display`]: display,
|
|
21
|
-
};
|
|
5
|
+
const typographyClasses = {
|
|
6
|
+
variant: (variant) => `${typographyPrefix}--${variant}`,
|
|
7
|
+
align: `${typographyPrefix}--align`,
|
|
8
|
+
color: `${typographyPrefix}--color`,
|
|
9
|
+
display: `${typographyPrefix}--display`,
|
|
10
|
+
ellipsis: `${typographyPrefix}--ellipsis`,
|
|
11
|
+
noWrap: `${typographyPrefix}--nowrap`,
|
|
12
|
+
};
|
|
13
|
+
function toTypographyCssVars(variables) {
|
|
14
|
+
const { align, color, display, } = variables;
|
|
15
|
+
return {
|
|
16
|
+
[`--${typographyPrefix}-align`]: align,
|
|
17
|
+
[`--${typographyPrefix}-color`]: !color || color === 'inherit'
|
|
18
|
+
? color
|
|
19
|
+
: toCssVar(`${palettePrefix}-${color}`),
|
|
20
|
+
[`--${typographyPrefix}-display`]: display,
|
|
21
|
+
};
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
export { toTypographyCssVars, typographyClasses };
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
/// <reference types="node" />
|
|
2
|
-
import { CssVarInterpolations } from '@mezzanine-ui/system/css';
|
|
3
|
-
import EventEmitter from 'events';
|
|
4
|
-
export declare const uploadPictureBlockPrefix = "mzn-upload-picture-block";
|
|
5
|
-
export interface UploadPictureBlockCssVars {
|
|
6
|
-
percentage?: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const uploadPictureBlockClasses: {
|
|
9
|
-
host: string;
|
|
10
|
-
disabled: string;
|
|
11
|
-
error: string;
|
|
12
|
-
loading: string;
|
|
13
|
-
group: string;
|
|
14
|
-
status: string;
|
|
15
|
-
preview: string;
|
|
16
|
-
delete: string;
|
|
17
|
-
};
|
|
18
|
-
export declare function toUploadPictureBlockCssVars(variables: UploadPictureBlockCssVars): CssVarInterpolations;
|
|
19
|
-
export declare class ImageUploader extends EventEmitter {
|
|
20
|
-
uid: string;
|
|
21
|
-
file: File | null;
|
|
22
|
-
percentage: number;
|
|
23
|
-
preview: string;
|
|
24
|
-
url: string;
|
|
25
|
-
isLoading: boolean;
|
|
26
|
-
isError: boolean;
|
|
27
|
-
constructor(file?: File, url?: string);
|
|
28
|
-
setNewFile(file: File): void;
|
|
29
|
-
setPreview(): void;
|
|
30
|
-
setPercentage(percentage: number): void;
|
|
31
|
-
setUrl(url: string): void;
|
|
32
|
-
setLoadingStatus(isLoading: boolean): void;
|
|
33
|
-
setErrorStatus(isError: boolean): void;
|
|
34
|
-
clear(): void;
|
|
35
|
-
getUid(): string;
|
|
36
|
-
getFile(): File | null;
|
|
37
|
-
getPercentage(): number;
|
|
38
|
-
getPreview(): string;
|
|
39
|
-
getUrl(): string;
|
|
40
|
-
getIsLoading(): boolean;
|
|
41
|
-
getIsError(): boolean;
|
|
42
|
-
getAll(): {
|
|
43
|
-
uid: string;
|
|
44
|
-
file: File | null;
|
|
45
|
-
percentage: number;
|
|
46
|
-
preview: string;
|
|
47
|
-
url: string;
|
|
48
|
-
isLoading: boolean;
|
|
49
|
-
isError: boolean;
|
|
50
|
-
};
|
|
51
|
-
}
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import { CssVarInterpolations } from '@mezzanine-ui/system/css';
|
|
3
|
+
import EventEmitter from 'events';
|
|
4
|
+
export declare const uploadPictureBlockPrefix = "mzn-upload-picture-block";
|
|
5
|
+
export interface UploadPictureBlockCssVars {
|
|
6
|
+
percentage?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const uploadPictureBlockClasses: {
|
|
9
|
+
host: string;
|
|
10
|
+
disabled: string;
|
|
11
|
+
error: string;
|
|
12
|
+
loading: string;
|
|
13
|
+
group: string;
|
|
14
|
+
status: string;
|
|
15
|
+
preview: string;
|
|
16
|
+
delete: string;
|
|
17
|
+
};
|
|
18
|
+
export declare function toUploadPictureBlockCssVars(variables: UploadPictureBlockCssVars): CssVarInterpolations;
|
|
19
|
+
export declare class ImageUploader extends EventEmitter {
|
|
20
|
+
uid: string;
|
|
21
|
+
file: File | null;
|
|
22
|
+
percentage: number;
|
|
23
|
+
preview: string;
|
|
24
|
+
url: string;
|
|
25
|
+
isLoading: boolean;
|
|
26
|
+
isError: boolean;
|
|
27
|
+
constructor(file?: File, url?: string);
|
|
28
|
+
setNewFile(file: File): void;
|
|
29
|
+
setPreview(): void;
|
|
30
|
+
setPercentage(percentage: number): void;
|
|
31
|
+
setUrl(url: string): void;
|
|
32
|
+
setLoadingStatus(isLoading: boolean): void;
|
|
33
|
+
setErrorStatus(isError: boolean): void;
|
|
34
|
+
clear(): void;
|
|
35
|
+
getUid(): string;
|
|
36
|
+
getFile(): File | null;
|
|
37
|
+
getPercentage(): number;
|
|
38
|
+
getPreview(): string;
|
|
39
|
+
getUrl(): string;
|
|
40
|
+
getIsLoading(): boolean;
|
|
41
|
+
getIsError(): boolean;
|
|
42
|
+
getAll(): {
|
|
43
|
+
uid: string;
|
|
44
|
+
file: File | null;
|
|
45
|
+
percentage: number;
|
|
46
|
+
preview: string;
|
|
47
|
+
url: string;
|
|
48
|
+
isLoading: boolean;
|
|
49
|
+
isError: boolean;
|
|
50
|
+
};
|
|
51
|
+
}
|