@awc-ui/vue 1.0.0-beta.9 → 1.0.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.
Files changed (19) hide show
  1. package/README.md +60 -17
  2. package/dist/components.d.ts +81 -81
  3. package/dist/components.d.ts.map +1 -1
  4. package/dist/components.js +19 -14
  5. package/dist/components.js.map +1 -1
  6. package/dist/index.d.ts +4 -1
  7. package/dist/index.d.ts.map +1 -1
  8. package/dist/index.js +4 -1
  9. package/dist/index.js.map +1 -1
  10. package/dist/index.mjs +546 -467
  11. package/dist/index.mjs.map +4 -4
  12. package/dist/runtime.d.ts +17 -0
  13. package/dist/runtime.d.ts.map +1 -0
  14. package/dist/runtime.js +178 -0
  15. package/dist/runtime.js.map +1 -0
  16. package/lib/components.ts +45 -27
  17. package/lib/index.ts +4 -1
  18. package/lib/runtime.ts +220 -0
  19. package/package.json +5 -4
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  // lib/index.ts
2
2
  import { defineCustomElements } from "@awc-ui/core/loader";
3
3
 
4
- // lib/vue-component-lib/utils.ts
5
- import { defineComponent, getCurrentInstance, h, inject, ref, withDirectives } from "vue";
4
+ // lib/runtime.ts
5
+ import { defineComponent, getCurrentInstance, h, inject, ref } from "vue";
6
6
  var UPDATE_VALUE_EVENT = "update:modelValue";
7
7
  var MODEL_VALUE = "modelValue";
8
8
  var ROUTER_LINK_VALUE = "routerLink";
@@ -23,23 +23,12 @@ var defineContainer = (name, defineCustomElement, componentProps = [], modelProp
23
23
  if (defineCustomElement !== void 0) {
24
24
  defineCustomElement();
25
25
  }
26
+ const eventNames = componentProps.filter((name2) => /^md[A-Z]/.test(name2));
27
+ const propertyNames = componentProps.filter((name2) => !eventNames.includes(name2));
26
28
  const Container = defineComponent((props, { attrs, slots, emit }) => {
27
29
  let modelPropValue = props[modelProp];
28
30
  const containerRef = ref();
29
31
  const classes = new Set(getComponentClasses(attrs.class));
30
- const vModelDirective = {
31
- created: (el) => {
32
- const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
33
- eventsNames.forEach((eventName) => {
34
- el.addEventListener(eventName.toLowerCase(), (e) => {
35
- if (e.target.tagName === el.tagName) {
36
- modelPropValue = (e?.target)[modelProp];
37
- emit(UPDATE_VALUE_EVENT, modelPropValue);
38
- }
39
- });
40
- });
41
- }
42
- };
43
32
  const currentInstance = getCurrentInstance();
44
33
  const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
45
34
  const navManager = hasRouter ? inject(NAV_MANAGER) : void 0;
@@ -89,7 +78,7 @@ var defineContainer = (name, defineCustomElement, componentProps = [], modelProp
89
78
  if (props[MODEL_VALUE] !== EMPTY_PROP) {
90
79
  propsToAdd = {
91
80
  ...propsToAdd,
92
- [modelProp]: props[MODEL_VALUE]
81
+ ...name === "md-radio" ? { checked: props[MODEL_VALUE] != null && Object.is(props[MODEL_VALUE], props.value) } : { [modelProp]: props[MODEL_VALUE] }
93
82
  };
94
83
  } else if (modelPropValue !== EMPTY_PROP) {
95
84
  propsToAdd = {
@@ -104,8 +93,15 @@ var defineContainer = (name, defineCustomElement, componentProps = [], modelProp
104
93
  href: props[ROUTER_LINK_VALUE]
105
94
  };
106
95
  }
107
- const node = h(name, propsToAdd, slots.default && slots.default());
108
- return modelProp === void 0 ? node : withDirectives(node, [[vModelDirective]]);
96
+ for (const eventName of eventNames) {
97
+ propsToAdd[`on:${eventName}`] = (event) => {
98
+ if (modelProp && eventName === modelUpdateEvent && event.target === event.currentTarget && (name !== "md-radio" || event.target.checked)) {
99
+ emit(UPDATE_VALUE_EVENT, event.target[modelProp]);
100
+ }
101
+ emit(eventName, event);
102
+ };
103
+ }
104
+ return h(name, propsToAdd, slots.default && slots.default());
109
105
  };
110
106
  });
111
107
  if (typeof Container !== "function") {
@@ -113,12 +109,12 @@ var defineContainer = (name, defineCustomElement, componentProps = [], modelProp
113
109
  Container.props = {
114
110
  [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP
115
111
  };
116
- componentProps.forEach((componentProp) => {
112
+ propertyNames.forEach((componentProp) => {
117
113
  Container.props[componentProp] = DEFAULT_EMPTY_PROP;
118
114
  });
115
+ Container.emits = [...eventNames, ...modelProp ? [UPDATE_VALUE_EVENT] : []];
119
116
  if (modelProp) {
120
117
  Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
121
- Container.emits = [UPDATE_VALUE_EVENT];
122
118
  }
123
119
  }
124
120
  return Container;
@@ -309,53 +305,59 @@ var MdAreaChart = /* @__PURE__ */ defineContainer("md-area-chart", defineMdAreaC
309
305
  "mdReady",
310
306
  "mdZoom"
311
307
  ]);
312
- var MdAutocomplete = /* @__PURE__ */ defineContainer("md-autocomplete", defineMdAutocomplete, [
313
- "valueMissingLabel",
314
- "reserveSupportingSpace",
315
- "variant",
316
- "label",
317
- "placeholder",
318
- "supportingText",
319
- "error",
320
- "errorText",
321
- "disabled",
322
- "softDisabled",
323
- "required",
324
- "density",
325
- "options",
326
- "multiple",
327
- "chipPosition",
308
+ var MdAutocomplete = /* @__PURE__ */ defineContainer(
309
+ "md-autocomplete",
310
+ defineMdAutocomplete,
311
+ [
312
+ "valueMissingLabel",
313
+ "reserveSupportingSpace",
314
+ "variant",
315
+ "label",
316
+ "placeholder",
317
+ "supportingText",
318
+ "error",
319
+ "errorText",
320
+ "disabled",
321
+ "softDisabled",
322
+ "required",
323
+ "density",
324
+ "options",
325
+ "multiple",
326
+ "chipPosition",
327
+ "value",
328
+ "inputValue",
329
+ "freeSolo",
330
+ "maxSelected",
331
+ "loading",
332
+ "noOptionsText",
333
+ "noResultsText",
334
+ "loadingText",
335
+ "statusTemplate",
336
+ "disableCloseOnSelect",
337
+ "clearOnBlur",
338
+ "clearable",
339
+ "clearIcon",
340
+ "dropdownIcon",
341
+ "limitResults",
342
+ "open",
343
+ "filterer",
344
+ "virtualize",
345
+ "filterMode",
346
+ "rowHeight",
347
+ "placement",
348
+ "matchTriggerWidth",
349
+ "maxHeight",
350
+ "name",
351
+ "mdChange",
352
+ "mdInput",
353
+ "mdOpen",
354
+ "mdClose",
355
+ "mdClear",
356
+ "mdValidityChange"
357
+ ],
328
358
  "value",
329
- "inputValue",
330
- "freeSolo",
331
- "maxSelected",
332
- "loading",
333
- "noOptionsText",
334
- "noResultsText",
335
- "loadingText",
336
- "statusTemplate",
337
- "disableCloseOnSelect",
338
- "clearOnBlur",
339
- "clearable",
340
- "clearIcon",
341
- "dropdownIcon",
342
- "limitResults",
343
- "open",
344
- "filterer",
345
- "virtualize",
346
- "filterMode",
347
- "rowHeight",
348
- "placement",
349
- "matchTriggerWidth",
350
- "maxHeight",
351
- "name",
352
- "mdChange",
353
- "mdInput",
354
- "mdOpen",
355
- "mdClose",
356
- "mdClear",
357
- "mdValidityChange"
358
- ]);
359
+ "mdInput"
360
+ );
359
361
  var MdAvatar = /* @__PURE__ */ defineContainer("md-avatar", defineMdAvatar, [
360
362
  "src",
361
363
  "alt",
@@ -518,22 +520,28 @@ var MdCard = /* @__PURE__ */ defineContainer("md-card", defineMdCard, [
518
520
  "mdDragMove",
519
521
  "mdDragEnd"
520
522
  ]);
521
- var MdCheckbox = /* @__PURE__ */ defineContainer("md-checkbox", defineMdCheckbox, [
522
- "valueMissingLabel",
523
- "error",
524
- "errorText",
525
- "supportingText",
523
+ var MdCheckbox = /* @__PURE__ */ defineContainer(
524
+ "md-checkbox",
525
+ defineMdCheckbox,
526
+ [
527
+ "valueMissingLabel",
528
+ "error",
529
+ "errorText",
530
+ "supportingText",
531
+ "checked",
532
+ "indeterminate",
533
+ "disabled",
534
+ "softDisabled",
535
+ "required",
536
+ "name",
537
+ "value",
538
+ "density",
539
+ "mdChange",
540
+ "mdValidityChange"
541
+ ],
526
542
  "checked",
527
- "indeterminate",
528
- "disabled",
529
- "softDisabled",
530
- "required",
531
- "name",
532
- "value",
533
- "density",
534
- "mdChange",
535
- "mdValidityChange"
536
- ]);
543
+ "mdChange"
544
+ );
537
545
  var MdChip = /* @__PURE__ */ defineContainer("md-chip", defineMdChip, [
538
546
  "variant",
539
547
  "icon",
@@ -554,6 +562,7 @@ var MdChip = /* @__PURE__ */ defineContainer("md-chip", defineMdChip, [
554
562
  "mdRemove"
555
563
  ]);
556
564
  var MdColorPicker = /* @__PURE__ */ defineContainer("md-color-picker", defineMdColorPicker, [
565
+ "locale",
557
566
  "variant",
558
567
  "value",
559
568
  "format",
@@ -570,65 +579,71 @@ var MdColorPicker = /* @__PURE__ */ defineContainer("md-color-picker", defineMdC
570
579
  "mdChange",
571
580
  "mdOpenChange"
572
581
  ]);
573
- var MdDatePicker = /* @__PURE__ */ defineContainer("md-date-picker", defineMdDatePicker, [
574
- "valueMissingLabel",
575
- "reserveSupportingSpace",
576
- "variant",
582
+ var MdDatePicker = /* @__PURE__ */ defineContainer(
583
+ "md-date-picker",
584
+ defineMdDatePicker,
585
+ [
586
+ "valueMissingLabel",
587
+ "reserveSupportingSpace",
588
+ "variant",
589
+ "value",
590
+ "label",
591
+ "placeholder",
592
+ "min",
593
+ "max",
594
+ "open",
595
+ "disabled",
596
+ "required",
597
+ "clearable",
598
+ "clearLabel",
599
+ "error",
600
+ "errorText",
601
+ "supportingText",
602
+ "locale",
603
+ "dateSeparator",
604
+ "fieldVariant",
605
+ "firstDayOfWeek",
606
+ "headline",
607
+ "cancelLabel",
608
+ "okLabel",
609
+ "selectDateLabel",
610
+ "enterDatesLabel",
611
+ "invalidDateLabel",
612
+ "previousMonthLabel",
613
+ "nextMonthLabel",
614
+ "previousYearLabel",
615
+ "nextYearLabel",
616
+ "chooseMonthLabel",
617
+ "chooseYearLabel",
618
+ "chooseMonthYearLabel",
619
+ "chooseMonthAndYearLabel",
620
+ "toggleCalendarLabel",
621
+ "toggleTextLabel",
622
+ "openCalendarLabel",
623
+ "closeCalendarLabel",
624
+ "calendarIcon",
625
+ "yearGridLabel",
626
+ "scrimDismissible",
627
+ "outsideClickDismissible",
628
+ "commitOnSelect",
629
+ "name",
630
+ "isDateDisabled",
631
+ "density",
632
+ "mdChange",
633
+ "mdSelected",
634
+ "mdInput",
635
+ "mdOpen",
636
+ "mdClose",
637
+ "mdCancel",
638
+ "mdViewChange",
639
+ "mdMenuOpen",
640
+ "mdMenuSelect",
641
+ "mdModeChange",
642
+ "mdValidityChange"
643
+ ],
577
644
  "value",
578
- "label",
579
- "placeholder",
580
- "min",
581
- "max",
582
- "open",
583
- "disabled",
584
- "required",
585
- "clearable",
586
- "clearLabel",
587
- "error",
588
- "errorText",
589
- "supportingText",
590
- "locale",
591
- "dateSeparator",
592
- "fieldVariant",
593
- "firstDayOfWeek",
594
- "headline",
595
- "cancelLabel",
596
- "okLabel",
597
- "selectDateLabel",
598
- "enterDatesLabel",
599
- "invalidDateLabel",
600
- "previousMonthLabel",
601
- "nextMonthLabel",
602
- "previousYearLabel",
603
- "nextYearLabel",
604
- "chooseMonthLabel",
605
- "chooseYearLabel",
606
- "chooseMonthYearLabel",
607
- "chooseMonthAndYearLabel",
608
- "toggleCalendarLabel",
609
- "toggleTextLabel",
610
- "openCalendarLabel",
611
- "closeCalendarLabel",
612
- "calendarIcon",
613
- "yearGridLabel",
614
- "scrimDismissible",
615
- "outsideClickDismissible",
616
- "commitOnSelect",
617
- "name",
618
- "isDateDisabled",
619
- "density",
620
- "mdChange",
621
- "mdSelected",
622
- "mdInput",
623
- "mdOpen",
624
- "mdClose",
625
- "mdCancel",
626
- "mdViewChange",
627
- "mdMenuOpen",
628
- "mdMenuSelect",
629
- "mdModeChange",
630
- "mdValidityChange"
631
- ]);
645
+ "mdChange"
646
+ );
632
647
  var MdDialog = /* @__PURE__ */ defineContainer("md-dialog", defineMdDialog, [
633
648
  "open",
634
649
  "headline",
@@ -870,58 +885,64 @@ var MdMeter = /* @__PURE__ */ defineContainer("md-meter", defineMdMeter, [
870
885
  "thickness",
871
886
  "density"
872
887
  ]);
873
- var MdMultiSelect = /* @__PURE__ */ defineContainer("md-multi-select", defineMdMultiSelect, [
874
- "valueMissingLabel",
875
- "reserveSupportingSpace",
876
- "variant",
877
- "label",
878
- "placeholder",
879
- "supportingText",
880
- "error",
881
- "errorText",
882
- "disabled",
883
- "softDisabled",
884
- "required",
885
- "density",
886
- "options",
887
- "virtualize",
888
- "filterable",
889
- "filterMode",
890
- "rowHeight",
888
+ var MdMultiSelect = /* @__PURE__ */ defineContainer(
889
+ "md-multi-select",
890
+ defineMdMultiSelect,
891
+ [
892
+ "valueMissingLabel",
893
+ "reserveSupportingSpace",
894
+ "variant",
895
+ "label",
896
+ "placeholder",
897
+ "supportingText",
898
+ "error",
899
+ "errorText",
900
+ "disabled",
901
+ "softDisabled",
902
+ "required",
903
+ "density",
904
+ "options",
905
+ "virtualize",
906
+ "filterable",
907
+ "filterMode",
908
+ "rowHeight",
909
+ "value",
910
+ "maxSelected",
911
+ "showSelectAll",
912
+ "selectAllLabel",
913
+ "placement",
914
+ "maxHeight",
915
+ "matchTriggerWidth",
916
+ "displayMode",
917
+ "chipOverflow",
918
+ "chipPosition",
919
+ "trigger",
920
+ "triggerIcon",
921
+ "triggerLabel",
922
+ "countFormatter",
923
+ "searchPlaceholder",
924
+ "filterLabel",
925
+ "noResultsText",
926
+ "noOptionsText",
927
+ "searchingLabel",
928
+ "loadingText",
929
+ "loading",
930
+ "clearable",
931
+ "clearIcon",
932
+ "clearLabel",
933
+ "dropdownIcon",
934
+ "name",
935
+ "open",
936
+ "mdChange",
937
+ "mdOpen",
938
+ "mdClose",
939
+ "mdRemove",
940
+ "mdClear",
941
+ "mdValidityChange"
942
+ ],
891
943
  "value",
892
- "maxSelected",
893
- "showSelectAll",
894
- "selectAllLabel",
895
- "placement",
896
- "maxHeight",
897
- "matchTriggerWidth",
898
- "displayMode",
899
- "chipOverflow",
900
- "chipPosition",
901
- "trigger",
902
- "triggerIcon",
903
- "triggerLabel",
904
- "countFormatter",
905
- "searchPlaceholder",
906
- "filterLabel",
907
- "noResultsText",
908
- "noOptionsText",
909
- "searchingLabel",
910
- "loadingText",
911
- "loading",
912
- "clearable",
913
- "clearIcon",
914
- "clearLabel",
915
- "dropdownIcon",
916
- "name",
917
- "open",
918
- "mdChange",
919
- "mdOpen",
920
- "mdClose",
921
- "mdRemove",
922
- "mdClear",
923
- "mdValidityChange"
924
- ]);
944
+ "mdChange"
945
+ );
925
946
  var MdNavigationBar = /* @__PURE__ */ defineContainer("md-navigation-bar", defineMdNavigationBar, [
926
947
  "activeIndex",
927
948
  "labelBehavior",
@@ -981,38 +1002,44 @@ var MdNavigationTab = /* @__PURE__ */ defineContainer("md-navigation-tab", defin
981
1002
  "density",
982
1003
  "mdTabClick"
983
1004
  ]);
984
- var MdNumberField = /* @__PURE__ */ defineContainer("md-number-field", defineMdNumberField, [
985
- "variant",
986
- "label",
987
- "placeholder",
988
- "supportingText",
989
- "error",
990
- "errorText",
991
- "disabled",
992
- "readOnly",
993
- "required",
994
- "name",
995
- "density",
1005
+ var MdNumberField = /* @__PURE__ */ defineContainer(
1006
+ "md-number-field",
1007
+ defineMdNumberField,
1008
+ [
1009
+ "variant",
1010
+ "label",
1011
+ "placeholder",
1012
+ "supportingText",
1013
+ "error",
1014
+ "errorText",
1015
+ "disabled",
1016
+ "readOnly",
1017
+ "required",
1018
+ "name",
1019
+ "density",
1020
+ "value",
1021
+ "locale",
1022
+ "formatOptions",
1023
+ "min",
1024
+ "max",
1025
+ "step",
1026
+ "smallStep",
1027
+ "largeStep",
1028
+ "snapOnStep",
1029
+ "allowOutOfRange",
1030
+ "allowWheelScrub",
1031
+ "steppers",
1032
+ "incrementLabel",
1033
+ "decrementLabel",
1034
+ "valueMissingLabel",
1035
+ "reserveSupportingSpace",
1036
+ "mdInput",
1037
+ "mdChange",
1038
+ "mdValidityChange"
1039
+ ],
996
1040
  "value",
997
- "locale",
998
- "formatOptions",
999
- "min",
1000
- "max",
1001
- "step",
1002
- "smallStep",
1003
- "largeStep",
1004
- "snapOnStep",
1005
- "allowOutOfRange",
1006
- "allowWheelScrub",
1007
- "steppers",
1008
- "incrementLabel",
1009
- "decrementLabel",
1010
- "valueMissingLabel",
1011
- "reserveSupportingSpace",
1012
- "mdInput",
1013
- "mdChange",
1014
- "mdValidityChange"
1015
- ]);
1041
+ "mdChange"
1042
+ );
1016
1043
  var MdOrganizationChart = /* @__PURE__ */ defineContainer("md-organization-chart", defineMdOrganizationChart, [
1017
1044
  "nodes",
1018
1045
  "selectionMode",
@@ -1026,34 +1053,40 @@ var MdOrganizationChart = /* @__PURE__ */ defineContainer("md-organization-chart
1026
1053
  "mdSelectionChange",
1027
1054
  "mdNodeToggle"
1028
1055
  ]);
1029
- var MdOtpField = /* @__PURE__ */ defineContainer("md-otp-field", defineMdOtpField, [
1030
- "length",
1056
+ var MdOtpField = /* @__PURE__ */ defineContainer(
1057
+ "md-otp-field",
1058
+ defineMdOtpField,
1059
+ [
1060
+ "length",
1061
+ "value",
1062
+ "validationType",
1063
+ "transform",
1064
+ "mask",
1065
+ "autoSubmit",
1066
+ "groupSize",
1067
+ "inputMode",
1068
+ "name",
1069
+ "disabled",
1070
+ "readOnly",
1071
+ "required",
1072
+ "error",
1073
+ "errorText",
1074
+ "supportingText",
1075
+ "label",
1076
+ "cellLabelTemplate",
1077
+ "valueMissingLabel",
1078
+ "incompleteLabel",
1079
+ "density",
1080
+ "reserveSupportingSpace",
1081
+ "mdInput",
1082
+ "mdChange",
1083
+ "mdComplete",
1084
+ "mdInvalidInput",
1085
+ "mdValidityChange"
1086
+ ],
1031
1087
  "value",
1032
- "validationType",
1033
- "transform",
1034
- "mask",
1035
- "autoSubmit",
1036
- "groupSize",
1037
- "inputMode",
1038
- "name",
1039
- "disabled",
1040
- "readOnly",
1041
- "required",
1042
- "error",
1043
- "errorText",
1044
- "supportingText",
1045
- "label",
1046
- "cellLabelTemplate",
1047
- "valueMissingLabel",
1048
- "incompleteLabel",
1049
- "density",
1050
- "reserveSupportingSpace",
1051
- "mdInput",
1052
- "mdChange",
1053
- "mdComplete",
1054
- "mdInvalidInput",
1055
- "mdValidityChange"
1056
- ]);
1088
+ "mdInput"
1089
+ );
1057
1090
  var MdPieChart = /* @__PURE__ */ defineContainer("md-pie-chart", defineMdPieChart, [
1058
1091
  "label",
1059
1092
  "titleAlign",
@@ -1109,41 +1142,53 @@ var MdProgressIndicator = /* @__PURE__ */ defineContainer("md-progress-indicator
1109
1142
  "density",
1110
1143
  "mdComplete"
1111
1144
  ]);
1112
- var MdRadio = /* @__PURE__ */ defineContainer("md-radio", defineMdRadio, [
1113
- "valueMissingLabel",
1114
- "checked",
1115
- "disabled",
1116
- "softDisabled",
1117
- "required",
1118
- "name",
1145
+ var MdRadio = /* @__PURE__ */ defineContainer(
1146
+ "md-radio",
1147
+ defineMdRadio,
1148
+ [
1149
+ "valueMissingLabel",
1150
+ "checked",
1151
+ "disabled",
1152
+ "softDisabled",
1153
+ "required",
1154
+ "name",
1155
+ "value",
1156
+ "density",
1157
+ "mdChange",
1158
+ "mdFocus",
1159
+ "mdBlur",
1160
+ "mdValidityChange"
1161
+ ],
1119
1162
  "value",
1120
- "density",
1121
- "mdChange",
1122
- "mdFocus",
1123
- "mdBlur",
1124
- "mdValidityChange"
1125
- ]);
1126
- var MdRating = /* @__PURE__ */ defineContainer("md-rating", defineMdRating, [
1163
+ "mdChange"
1164
+ );
1165
+ var MdRating = /* @__PURE__ */ defineContainer(
1166
+ "md-rating",
1167
+ defineMdRating,
1168
+ [
1169
+ "value",
1170
+ "defaultValue",
1171
+ "max",
1172
+ "precision",
1173
+ "size",
1174
+ "readonly",
1175
+ "disabled",
1176
+ "softDisabled",
1177
+ "icon",
1178
+ "emptyIcon",
1179
+ "outlineEmpty",
1180
+ "getLabel",
1181
+ "showValueLabel",
1182
+ "ratingLabel",
1183
+ "name",
1184
+ "hover",
1185
+ "density",
1186
+ "mdHover",
1187
+ "mdChange"
1188
+ ],
1127
1189
  "value",
1128
- "defaultValue",
1129
- "max",
1130
- "precision",
1131
- "size",
1132
- "readonly",
1133
- "disabled",
1134
- "softDisabled",
1135
- "icon",
1136
- "emptyIcon",
1137
- "outlineEmpty",
1138
- "getLabel",
1139
- "showValueLabel",
1140
- "ratingLabel",
1141
- "name",
1142
- "hover",
1143
- "density",
1144
- "mdHover",
1145
1190
  "mdChange"
1146
- ]);
1191
+ );
1147
1192
  var MdRipple = /* @__PURE__ */ defineContainer("md-ripple", defineMdRipple, [
1148
1193
  "disabled"
1149
1194
  ]);
@@ -1210,46 +1255,52 @@ var MdSegmentedButtonSet = /* @__PURE__ */ defineContainer("md-segmented-button-
1210
1255
  "density",
1211
1256
  "mdChange"
1212
1257
  ]);
1213
- var MdSelect = /* @__PURE__ */ defineContainer("md-select", defineMdSelect, [
1214
- "valueMissingLabel",
1215
- "reserveSupportingSpace",
1216
- "variant",
1217
- "label",
1218
- "placeholder",
1258
+ var MdSelect = /* @__PURE__ */ defineContainer(
1259
+ "md-select",
1260
+ defineMdSelect,
1261
+ [
1262
+ "valueMissingLabel",
1263
+ "reserveSupportingSpace",
1264
+ "variant",
1265
+ "label",
1266
+ "placeholder",
1267
+ "value",
1268
+ "disabled",
1269
+ "required",
1270
+ "error",
1271
+ "errorText",
1272
+ "supportingText",
1273
+ "density",
1274
+ "clearable",
1275
+ "matchTriggerWidth",
1276
+ "placement",
1277
+ "maxHeight",
1278
+ "options",
1279
+ "virtualize",
1280
+ "filterable",
1281
+ "filterMode",
1282
+ "rowHeight",
1283
+ "name",
1284
+ "searchPlaceholder",
1285
+ "filterLabel",
1286
+ "noResultsText",
1287
+ "noOptionsText",
1288
+ "clearLabel",
1289
+ "searchingLabel",
1290
+ "loadingText",
1291
+ "clearIcon",
1292
+ "dropdownIcon",
1293
+ "loading",
1294
+ "fullWidth",
1295
+ "open",
1296
+ "mdChange",
1297
+ "mdOpen",
1298
+ "mdClose",
1299
+ "mdValidityChange"
1300
+ ],
1219
1301
  "value",
1220
- "disabled",
1221
- "required",
1222
- "error",
1223
- "errorText",
1224
- "supportingText",
1225
- "density",
1226
- "clearable",
1227
- "matchTriggerWidth",
1228
- "placement",
1229
- "maxHeight",
1230
- "options",
1231
- "virtualize",
1232
- "filterable",
1233
- "filterMode",
1234
- "rowHeight",
1235
- "name",
1236
- "searchPlaceholder",
1237
- "filterLabel",
1238
- "noResultsText",
1239
- "noOptionsText",
1240
- "clearLabel",
1241
- "searchingLabel",
1242
- "loadingText",
1243
- "clearIcon",
1244
- "dropdownIcon",
1245
- "loading",
1246
- "fullWidth",
1247
- "open",
1248
- "mdChange",
1249
- "mdOpen",
1250
- "mdClose",
1251
- "mdValidityChange"
1252
- ]);
1302
+ "mdChange"
1303
+ );
1253
1304
  var MdSelectOption = /* @__PURE__ */ defineContainer("md-select-option", defineMdSelectOption, [
1254
1305
  "value",
1255
1306
  "label",
@@ -1290,42 +1341,48 @@ var MdSkeleton = /* @__PURE__ */ defineContainer("md-skeleton", defineMdSkeleton
1290
1341
  "announce",
1291
1342
  "density"
1292
1343
  ]);
1293
- var MdSlider = /* @__PURE__ */ defineContainer("md-slider", defineMdSlider, [
1294
- "min",
1295
- "max",
1344
+ var MdSlider = /* @__PURE__ */ defineContainer(
1345
+ "md-slider",
1346
+ defineMdSlider,
1347
+ [
1348
+ "min",
1349
+ "max",
1350
+ "value",
1351
+ "step",
1352
+ "disabled",
1353
+ "name",
1354
+ "nameStart",
1355
+ "nameEnd",
1356
+ "variant",
1357
+ "range",
1358
+ "stops",
1359
+ "valueStart",
1360
+ "valueEnd",
1361
+ "size",
1362
+ "orientation",
1363
+ "fullHeight",
1364
+ "valueIndicator",
1365
+ "labeled",
1366
+ "insetIcon",
1367
+ "icon",
1368
+ "sliderAriaLabel",
1369
+ "ariaLabelStart",
1370
+ "ariaLabelEnd",
1371
+ "valueText",
1372
+ "valueStartText",
1373
+ "valueEndText",
1374
+ "controlled",
1375
+ "density",
1376
+ "mdInput",
1377
+ "mdChange",
1378
+ "mdFocus",
1379
+ "mdBlur",
1380
+ "mdDragStart",
1381
+ "mdDragEnd"
1382
+ ],
1296
1383
  "value",
1297
- "step",
1298
- "disabled",
1299
- "name",
1300
- "nameStart",
1301
- "nameEnd",
1302
- "variant",
1303
- "range",
1304
- "stops",
1305
- "valueStart",
1306
- "valueEnd",
1307
- "size",
1308
- "orientation",
1309
- "fullHeight",
1310
- "valueIndicator",
1311
- "labeled",
1312
- "insetIcon",
1313
- "icon",
1314
- "sliderAriaLabel",
1315
- "ariaLabelStart",
1316
- "ariaLabelEnd",
1317
- "valueText",
1318
- "valueStartText",
1319
- "valueEndText",
1320
- "controlled",
1321
- "density",
1322
- "mdInput",
1323
- "mdChange",
1324
- "mdFocus",
1325
- "mdBlur",
1326
- "mdDragStart",
1327
- "mdDragEnd"
1328
- ]);
1384
+ "mdChange"
1385
+ );
1329
1386
  var MdSnackbar = /* @__PURE__ */ defineContainer("md-snackbar", defineMdSnackbar, [
1330
1387
  "open",
1331
1388
  "message",
@@ -1449,23 +1506,29 @@ var MdSubMenuItem = /* @__PURE__ */ defineContainer("md-sub-menu-item", defineMd
1449
1506
  "density",
1450
1507
  "mdClick"
1451
1508
  ]);
1452
- var MdSwitch = /* @__PURE__ */ defineContainer("md-switch", defineMdSwitch, [
1453
- "valueMissingLabel",
1509
+ var MdSwitch = /* @__PURE__ */ defineContainer(
1510
+ "md-switch",
1511
+ defineMdSwitch,
1512
+ [
1513
+ "valueMissingLabel",
1514
+ "selected",
1515
+ "disabled",
1516
+ "softDisabled",
1517
+ "required",
1518
+ "name",
1519
+ "value",
1520
+ "icons",
1521
+ "showOnlySelectedIcon",
1522
+ "selectedIcon",
1523
+ "unselectedIcon",
1524
+ "density",
1525
+ "mdInput",
1526
+ "mdChange",
1527
+ "mdValidityChange"
1528
+ ],
1454
1529
  "selected",
1455
- "disabled",
1456
- "softDisabled",
1457
- "required",
1458
- "name",
1459
- "value",
1460
- "icons",
1461
- "showOnlySelectedIcon",
1462
- "selectedIcon",
1463
- "unselectedIcon",
1464
- "density",
1465
- "mdInput",
1466
- "mdChange",
1467
- "mdValidityChange"
1468
- ]);
1530
+ "mdChange"
1531
+ );
1469
1532
  var MdTab = /* @__PURE__ */ defineContainer("md-tab", defineMdTab, [
1470
1533
  "label",
1471
1534
  "icon",
@@ -1595,6 +1658,8 @@ var MdTableSortLabel = /* @__PURE__ */ defineContainer("md-table-sort-label", de
1595
1658
  "inactiveIcon",
1596
1659
  "active",
1597
1660
  "order",
1661
+ "sortedAscendingLabel",
1662
+ "sortedDescendingLabel",
1598
1663
  "density",
1599
1664
  "mdSortRequest"
1600
1665
  ]);
@@ -1616,105 +1681,119 @@ var MdTabs = /* @__PURE__ */ defineContainer("md-tabs", defineMdTabs, [
1616
1681
  "width",
1617
1682
  "mdTabChange"
1618
1683
  ]);
1619
- var MdTextField = /* @__PURE__ */ defineContainer("md-text-field", defineMdTextField, [
1620
- "reserveSupportingSpace",
1621
- "variant",
1622
- "label",
1684
+ var MdTextField = /* @__PURE__ */ defineContainer(
1685
+ "md-text-field",
1686
+ defineMdTextField,
1687
+ [
1688
+ "reserveSupportingSpace",
1689
+ "variant",
1690
+ "label",
1691
+ "value",
1692
+ "placeholder",
1693
+ "type",
1694
+ "name",
1695
+ "pattern",
1696
+ "minLength",
1697
+ "min",
1698
+ "max",
1699
+ "step",
1700
+ "autocomplete",
1701
+ "inputMode",
1702
+ "enterKeyHint",
1703
+ "autoCapitalize",
1704
+ "spellcheck",
1705
+ "disabled",
1706
+ "readOnly",
1707
+ "required",
1708
+ "error",
1709
+ "errorText",
1710
+ "supportingText",
1711
+ "prefixText",
1712
+ "suffixText",
1713
+ "maxLength",
1714
+ "clearable",
1715
+ "passwordToggle",
1716
+ "showPasswordLabel",
1717
+ "hidePasswordLabel",
1718
+ "density",
1719
+ "multiline",
1720
+ "rows",
1721
+ "speechToText",
1722
+ "speechLang",
1723
+ "restrict",
1724
+ "formatter",
1725
+ "parser",
1726
+ "formatOn",
1727
+ "focusBorderWidth",
1728
+ "appearFocused",
1729
+ "chipsWrap",
1730
+ "debounce",
1731
+ "throttle",
1732
+ "inputRole",
1733
+ "inputExpanded",
1734
+ "inputAriaAutocomplete",
1735
+ "mdInput",
1736
+ "mdChange",
1737
+ "mdSearch",
1738
+ "mdClear",
1739
+ "mdPasswordToggle",
1740
+ "mdSpeechResult",
1741
+ "mdValidityChange"
1742
+ ],
1623
1743
  "value",
1624
- "placeholder",
1625
- "type",
1626
- "name",
1627
- "pattern",
1628
- "minLength",
1629
- "min",
1630
- "max",
1631
- "step",
1632
- "autocomplete",
1633
- "inputMode",
1634
- "enterKeyHint",
1635
- "autoCapitalize",
1636
- "spellcheck",
1637
- "disabled",
1638
- "readOnly",
1639
- "required",
1640
- "error",
1641
- "errorText",
1642
- "supportingText",
1643
- "prefixText",
1644
- "suffixText",
1645
- "maxLength",
1646
- "clearable",
1647
- "passwordToggle",
1648
- "density",
1649
- "multiline",
1650
- "rows",
1651
- "speechToText",
1652
- "speechLang",
1653
- "restrict",
1654
- "formatter",
1655
- "parser",
1656
- "formatOn",
1657
- "focusBorderWidth",
1658
- "appearFocused",
1659
- "chipsWrap",
1660
- "debounce",
1661
- "throttle",
1662
- "inputRole",
1663
- "inputExpanded",
1664
- "inputAriaAutocomplete",
1665
- "mdInput",
1666
- "mdChange",
1667
- "mdSearch",
1668
- "mdClear",
1669
- "mdPasswordToggle",
1670
- "mdSpeechResult",
1671
- "mdValidityChange"
1672
- ]);
1673
- var MdTimePicker = /* @__PURE__ */ defineContainer("md-time-picker", defineMdTimePicker, [
1674
- "variant",
1675
- "format",
1744
+ "mdInput"
1745
+ );
1746
+ var MdTimePicker = /* @__PURE__ */ defineContainer(
1747
+ "md-time-picker",
1748
+ defineMdTimePicker,
1749
+ [
1750
+ "variant",
1751
+ "format",
1752
+ "value",
1753
+ "name",
1754
+ "min",
1755
+ "max",
1756
+ "required",
1757
+ "label",
1758
+ "supportingText",
1759
+ "error",
1760
+ "errorText",
1761
+ "reserveSupportingSpace",
1762
+ "headline",
1763
+ "headlineInputLabel",
1764
+ "headlineDialLabel",
1765
+ "valueMissingLabel",
1766
+ "rangeUnderflowLabel",
1767
+ "rangeOverflowLabel",
1768
+ "rangeOutsideLabel",
1769
+ "disabled",
1770
+ "open",
1771
+ "minuteStep",
1772
+ "cancelLabel",
1773
+ "okLabel",
1774
+ "hideTrigger",
1775
+ "amLabel",
1776
+ "pmLabel",
1777
+ "hourLabel",
1778
+ "minuteLabel",
1779
+ "toggleDialLabel",
1780
+ "toggleInputLabel",
1781
+ "periodLabel",
1782
+ "periodLayout",
1783
+ "orientation",
1784
+ "responsive",
1785
+ "density",
1786
+ "mdChange",
1787
+ "mdInput",
1788
+ "mdOpen",
1789
+ "mdClose",
1790
+ "mdCancel",
1791
+ "mdModeChange",
1792
+ "mdValidityChange"
1793
+ ],
1676
1794
  "value",
1677
- "name",
1678
- "min",
1679
- "max",
1680
- "required",
1681
- "label",
1682
- "supportingText",
1683
- "error",
1684
- "errorText",
1685
- "reserveSupportingSpace",
1686
- "headline",
1687
- "headlineInputLabel",
1688
- "headlineDialLabel",
1689
- "valueMissingLabel",
1690
- "rangeUnderflowLabel",
1691
- "rangeOverflowLabel",
1692
- "rangeOutsideLabel",
1693
- "disabled",
1694
- "open",
1695
- "minuteStep",
1696
- "cancelLabel",
1697
- "okLabel",
1698
- "hideTrigger",
1699
- "amLabel",
1700
- "pmLabel",
1701
- "hourLabel",
1702
- "minuteLabel",
1703
- "toggleDialLabel",
1704
- "toggleInputLabel",
1705
- "periodLabel",
1706
- "periodLayout",
1707
- "orientation",
1708
- "responsive",
1709
- "density",
1710
- "mdChange",
1711
- "mdInput",
1712
- "mdOpen",
1713
- "mdClose",
1714
- "mdCancel",
1715
- "mdModeChange",
1716
- "mdValidityChange"
1717
- ]);
1795
+ "mdChange"
1796
+ );
1718
1797
  var MdToolbar = /* @__PURE__ */ defineContainer("md-toolbar", defineMdToolbar, [
1719
1798
  "variant",
1720
1799
  "color",