@awc-ui/vue 1.0.0-beta.1 → 1.0.0-beta.10

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/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",
@@ -376,6 +378,7 @@ var MdBadge = /* @__PURE__ */ defineContainer("md-badge", defineMdBadge, [
376
378
  "value",
377
379
  "max",
378
380
  "icon",
381
+ "shape",
379
382
  "density"
380
383
  ]);
381
384
  var MdBarChart = /* @__PURE__ */ defineContainer("md-bar-chart", defineMdBarChart, [
@@ -517,22 +520,28 @@ var MdCard = /* @__PURE__ */ defineContainer("md-card", defineMdCard, [
517
520
  "mdDragMove",
518
521
  "mdDragEnd"
519
522
  ]);
520
- var MdCheckbox = /* @__PURE__ */ defineContainer("md-checkbox", defineMdCheckbox, [
521
- "valueMissingLabel",
522
- "error",
523
- "errorText",
524
- "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
+ ],
525
542
  "checked",
526
- "indeterminate",
527
- "disabled",
528
- "softDisabled",
529
- "required",
530
- "name",
531
- "value",
532
- "density",
533
- "mdChange",
534
- "mdValidityChange"
535
- ]);
543
+ "mdChange"
544
+ );
536
545
  var MdChip = /* @__PURE__ */ defineContainer("md-chip", defineMdChip, [
537
546
  "variant",
538
547
  "icon",
@@ -546,12 +555,14 @@ var MdChip = /* @__PURE__ */ defineContainer("md-chip", defineMdChip, [
546
555
  "softDisabled",
547
556
  "removable",
548
557
  "label",
558
+ "contentAlign",
549
559
  "density",
550
560
  "mdClick",
551
561
  "mdSelect",
552
562
  "mdRemove"
553
563
  ]);
554
564
  var MdColorPicker = /* @__PURE__ */ defineContainer("md-color-picker", defineMdColorPicker, [
565
+ "locale",
555
566
  "variant",
556
567
  "value",
557
568
  "format",
@@ -568,65 +579,71 @@ var MdColorPicker = /* @__PURE__ */ defineContainer("md-color-picker", defineMdC
568
579
  "mdChange",
569
580
  "mdOpenChange"
570
581
  ]);
571
- var MdDatePicker = /* @__PURE__ */ defineContainer("md-date-picker", defineMdDatePicker, [
572
- "valueMissingLabel",
573
- "reserveSupportingSpace",
574
- "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
+ ],
575
644
  "value",
576
- "label",
577
- "placeholder",
578
- "min",
579
- "max",
580
- "open",
581
- "disabled",
582
- "required",
583
- "clearable",
584
- "clearLabel",
585
- "error",
586
- "errorText",
587
- "supportingText",
588
- "locale",
589
- "dateSeparator",
590
- "fieldVariant",
591
- "firstDayOfWeek",
592
- "headline",
593
- "cancelLabel",
594
- "okLabel",
595
- "selectDateLabel",
596
- "enterDatesLabel",
597
- "invalidDateLabel",
598
- "previousMonthLabel",
599
- "nextMonthLabel",
600
- "previousYearLabel",
601
- "nextYearLabel",
602
- "chooseMonthLabel",
603
- "chooseYearLabel",
604
- "chooseMonthYearLabel",
605
- "chooseMonthAndYearLabel",
606
- "toggleCalendarLabel",
607
- "toggleTextLabel",
608
- "openCalendarLabel",
609
- "closeCalendarLabel",
610
- "calendarIcon",
611
- "yearGridLabel",
612
- "scrimDismissible",
613
- "outsideClickDismissible",
614
- "commitOnSelect",
615
- "name",
616
- "isDateDisabled",
617
- "density",
618
- "mdChange",
619
- "mdSelected",
620
- "mdInput",
621
- "mdOpen",
622
- "mdClose",
623
- "mdCancel",
624
- "mdViewChange",
625
- "mdMenuOpen",
626
- "mdMenuSelect",
627
- "mdModeChange",
628
- "mdValidityChange"
629
- ]);
645
+ "mdChange"
646
+ );
630
647
  var MdDialog = /* @__PURE__ */ defineContainer("md-dialog", defineMdDialog, [
631
648
  "open",
632
649
  "headline",
@@ -868,58 +885,64 @@ var MdMeter = /* @__PURE__ */ defineContainer("md-meter", defineMdMeter, [
868
885
  "thickness",
869
886
  "density"
870
887
  ]);
871
- var MdMultiSelect = /* @__PURE__ */ defineContainer("md-multi-select", defineMdMultiSelect, [
872
- "valueMissingLabel",
873
- "reserveSupportingSpace",
874
- "variant",
875
- "label",
876
- "placeholder",
877
- "supportingText",
878
- "error",
879
- "errorText",
880
- "disabled",
881
- "softDisabled",
882
- "required",
883
- "density",
884
- "options",
885
- "virtualize",
886
- "filterable",
887
- "filterMode",
888
- "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
+ ],
889
943
  "value",
890
- "maxSelected",
891
- "showSelectAll",
892
- "selectAllLabel",
893
- "placement",
894
- "maxHeight",
895
- "matchTriggerWidth",
896
- "displayMode",
897
- "chipOverflow",
898
- "chipPosition",
899
- "trigger",
900
- "triggerIcon",
901
- "triggerLabel",
902
- "countFormatter",
903
- "searchPlaceholder",
904
- "filterLabel",
905
- "noResultsText",
906
- "noOptionsText",
907
- "searchingLabel",
908
- "loadingText",
909
- "loading",
910
- "clearable",
911
- "clearIcon",
912
- "clearLabel",
913
- "dropdownIcon",
914
- "name",
915
- "open",
916
- "mdChange",
917
- "mdOpen",
918
- "mdClose",
919
- "mdRemove",
920
- "mdClear",
921
- "mdValidityChange"
922
- ]);
944
+ "mdChange"
945
+ );
923
946
  var MdNavigationBar = /* @__PURE__ */ defineContainer("md-navigation-bar", defineMdNavigationBar, [
924
947
  "activeIndex",
925
948
  "labelBehavior",
@@ -979,38 +1002,44 @@ var MdNavigationTab = /* @__PURE__ */ defineContainer("md-navigation-tab", defin
979
1002
  "density",
980
1003
  "mdTabClick"
981
1004
  ]);
982
- var MdNumberField = /* @__PURE__ */ defineContainer("md-number-field", defineMdNumberField, [
983
- "variant",
984
- "label",
985
- "placeholder",
986
- "supportingText",
987
- "error",
988
- "errorText",
989
- "disabled",
990
- "readOnly",
991
- "required",
992
- "name",
993
- "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
+ ],
994
1040
  "value",
995
- "locale",
996
- "formatOptions",
997
- "min",
998
- "max",
999
- "step",
1000
- "smallStep",
1001
- "largeStep",
1002
- "snapOnStep",
1003
- "allowOutOfRange",
1004
- "allowWheelScrub",
1005
- "steppers",
1006
- "incrementLabel",
1007
- "decrementLabel",
1008
- "valueMissingLabel",
1009
- "reserveSupportingSpace",
1010
- "mdInput",
1011
- "mdChange",
1012
- "mdValidityChange"
1013
- ]);
1041
+ "mdChange"
1042
+ );
1014
1043
  var MdOrganizationChart = /* @__PURE__ */ defineContainer("md-organization-chart", defineMdOrganizationChart, [
1015
1044
  "nodes",
1016
1045
  "selectionMode",
@@ -1024,34 +1053,40 @@ var MdOrganizationChart = /* @__PURE__ */ defineContainer("md-organization-chart
1024
1053
  "mdSelectionChange",
1025
1054
  "mdNodeToggle"
1026
1055
  ]);
1027
- var MdOtpField = /* @__PURE__ */ defineContainer("md-otp-field", defineMdOtpField, [
1028
- "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
+ ],
1029
1087
  "value",
1030
- "validationType",
1031
- "transform",
1032
- "mask",
1033
- "autoSubmit",
1034
- "groupSize",
1035
- "inputMode",
1036
- "name",
1037
- "disabled",
1038
- "readOnly",
1039
- "required",
1040
- "error",
1041
- "errorText",
1042
- "supportingText",
1043
- "label",
1044
- "cellLabelTemplate",
1045
- "valueMissingLabel",
1046
- "incompleteLabel",
1047
- "density",
1048
- "reserveSupportingSpace",
1049
- "mdInput",
1050
- "mdChange",
1051
- "mdComplete",
1052
- "mdInvalidInput",
1053
- "mdValidityChange"
1054
- ]);
1088
+ "mdInput"
1089
+ );
1055
1090
  var MdPieChart = /* @__PURE__ */ defineContainer("md-pie-chart", defineMdPieChart, [
1056
1091
  "label",
1057
1092
  "titleAlign",
@@ -1107,41 +1142,53 @@ var MdProgressIndicator = /* @__PURE__ */ defineContainer("md-progress-indicator
1107
1142
  "density",
1108
1143
  "mdComplete"
1109
1144
  ]);
1110
- var MdRadio = /* @__PURE__ */ defineContainer("md-radio", defineMdRadio, [
1111
- "valueMissingLabel",
1112
- "checked",
1113
- "disabled",
1114
- "softDisabled",
1115
- "required",
1116
- "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
+ ],
1117
1162
  "value",
1118
- "density",
1119
- "mdChange",
1120
- "mdFocus",
1121
- "mdBlur",
1122
- "mdValidityChange"
1123
- ]);
1124
- 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
+ ],
1125
1189
  "value",
1126
- "defaultValue",
1127
- "max",
1128
- "precision",
1129
- "size",
1130
- "readonly",
1131
- "disabled",
1132
- "softDisabled",
1133
- "icon",
1134
- "emptyIcon",
1135
- "outlineEmpty",
1136
- "getLabel",
1137
- "showValueLabel",
1138
- "ratingLabel",
1139
- "name",
1140
- "hover",
1141
- "density",
1142
- "mdHover",
1143
1190
  "mdChange"
1144
- ]);
1191
+ );
1145
1192
  var MdRipple = /* @__PURE__ */ defineContainer("md-ripple", defineMdRipple, [
1146
1193
  "disabled"
1147
1194
  ]);
@@ -1208,46 +1255,52 @@ var MdSegmentedButtonSet = /* @__PURE__ */ defineContainer("md-segmented-button-
1208
1255
  "density",
1209
1256
  "mdChange"
1210
1257
  ]);
1211
- var MdSelect = /* @__PURE__ */ defineContainer("md-select", defineMdSelect, [
1212
- "valueMissingLabel",
1213
- "reserveSupportingSpace",
1214
- "variant",
1215
- "label",
1216
- "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
+ ],
1217
1301
  "value",
1218
- "disabled",
1219
- "required",
1220
- "error",
1221
- "errorText",
1222
- "supportingText",
1223
- "density",
1224
- "clearable",
1225
- "matchTriggerWidth",
1226
- "placement",
1227
- "maxHeight",
1228
- "options",
1229
- "virtualize",
1230
- "filterable",
1231
- "filterMode",
1232
- "rowHeight",
1233
- "name",
1234
- "searchPlaceholder",
1235
- "filterLabel",
1236
- "noResultsText",
1237
- "noOptionsText",
1238
- "clearLabel",
1239
- "searchingLabel",
1240
- "loadingText",
1241
- "clearIcon",
1242
- "dropdownIcon",
1243
- "loading",
1244
- "fullWidth",
1245
- "open",
1246
- "mdChange",
1247
- "mdOpen",
1248
- "mdClose",
1249
- "mdValidityChange"
1250
- ]);
1302
+ "mdChange"
1303
+ );
1251
1304
  var MdSelectOption = /* @__PURE__ */ defineContainer("md-select-option", defineMdSelectOption, [
1252
1305
  "value",
1253
1306
  "label",
@@ -1288,42 +1341,48 @@ var MdSkeleton = /* @__PURE__ */ defineContainer("md-skeleton", defineMdSkeleton
1288
1341
  "announce",
1289
1342
  "density"
1290
1343
  ]);
1291
- var MdSlider = /* @__PURE__ */ defineContainer("md-slider", defineMdSlider, [
1292
- "min",
1293
- "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
+ ],
1294
1383
  "value",
1295
- "step",
1296
- "disabled",
1297
- "name",
1298
- "nameStart",
1299
- "nameEnd",
1300
- "variant",
1301
- "range",
1302
- "stops",
1303
- "valueStart",
1304
- "valueEnd",
1305
- "size",
1306
- "orientation",
1307
- "fullHeight",
1308
- "valueIndicator",
1309
- "labeled",
1310
- "insetIcon",
1311
- "icon",
1312
- "sliderAriaLabel",
1313
- "ariaLabelStart",
1314
- "ariaLabelEnd",
1315
- "valueText",
1316
- "valueStartText",
1317
- "valueEndText",
1318
- "controlled",
1319
- "density",
1320
- "mdInput",
1321
- "mdChange",
1322
- "mdFocus",
1323
- "mdBlur",
1324
- "mdDragStart",
1325
- "mdDragEnd"
1326
- ]);
1384
+ "mdChange"
1385
+ );
1327
1386
  var MdSnackbar = /* @__PURE__ */ defineContainer("md-snackbar", defineMdSnackbar, [
1328
1387
  "open",
1329
1388
  "message",
@@ -1382,6 +1441,8 @@ var MdSplitButton = /* @__PURE__ */ defineContainer("md-split-button", defineMdS
1382
1441
  var MdStatusDot = /* @__PURE__ */ defineContainer("md-status-dot", defineMdStatusDot, [
1383
1442
  "state",
1384
1443
  "size",
1444
+ "inline",
1445
+ "shape",
1385
1446
  "live",
1386
1447
  "label",
1387
1448
  "density"
@@ -1414,6 +1475,7 @@ var MdStepper = /* @__PURE__ */ defineContainer("md-stepper", defineMdStepper, [
1414
1475
  "active",
1415
1476
  "autoComplete",
1416
1477
  "nav",
1478
+ "readonly",
1417
1479
  "nextDisabled",
1418
1480
  "loading",
1419
1481
  "lazy",
@@ -1439,26 +1501,34 @@ var MdSubMenuItem = /* @__PURE__ */ defineContainer("md-sub-menu-item", defineMd
1439
1501
  "divider",
1440
1502
  "gap",
1441
1503
  "badge",
1504
+ "openDelay",
1505
+ "closeDelay",
1442
1506
  "density",
1443
1507
  "mdClick"
1444
1508
  ]);
1445
- var MdSwitch = /* @__PURE__ */ defineContainer("md-switch", defineMdSwitch, [
1446
- "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
+ ],
1447
1529
  "selected",
1448
- "disabled",
1449
- "softDisabled",
1450
- "required",
1451
- "name",
1452
- "value",
1453
- "icons",
1454
- "showOnlySelectedIcon",
1455
- "selectedIcon",
1456
- "unselectedIcon",
1457
- "density",
1458
- "mdInput",
1459
- "mdChange",
1460
- "mdValidityChange"
1461
- ]);
1530
+ "mdChange"
1531
+ );
1462
1532
  var MdTab = /* @__PURE__ */ defineContainer("md-tab", defineMdTab, [
1463
1533
  "label",
1464
1534
  "icon",
@@ -1585,6 +1655,7 @@ var MdTableSortLabel = /* @__PURE__ */ defineContainer("md-table-sort-label", de
1585
1655
  "defaultOrder",
1586
1656
  "iconPosition",
1587
1657
  "icon",
1658
+ "inactiveIcon",
1588
1659
  "active",
1589
1660
  "order",
1590
1661
  "density",
@@ -1602,106 +1673,123 @@ var MdTableToolbar = /* @__PURE__ */ defineContainer("md-table-toolbar", defineM
1602
1673
  var MdTabs = /* @__PURE__ */ defineContainer("md-tabs", defineMdTabs, [
1603
1674
  "activeTabIndex",
1604
1675
  "variant",
1676
+ "divider",
1605
1677
  "ariaLabelProp",
1606
1678
  "tabWidth",
1607
1679
  "width",
1608
1680
  "mdTabChange"
1609
1681
  ]);
1610
- var MdTextField = /* @__PURE__ */ defineContainer("md-text-field", defineMdTextField, [
1611
- "reserveSupportingSpace",
1612
- "variant",
1613
- "label",
1682
+ var MdTextField = /* @__PURE__ */ defineContainer(
1683
+ "md-text-field",
1684
+ defineMdTextField,
1685
+ [
1686
+ "reserveSupportingSpace",
1687
+ "variant",
1688
+ "label",
1689
+ "value",
1690
+ "placeholder",
1691
+ "type",
1692
+ "name",
1693
+ "pattern",
1694
+ "minLength",
1695
+ "min",
1696
+ "max",
1697
+ "step",
1698
+ "autocomplete",
1699
+ "inputMode",
1700
+ "enterKeyHint",
1701
+ "autoCapitalize",
1702
+ "spellcheck",
1703
+ "disabled",
1704
+ "readOnly",
1705
+ "required",
1706
+ "error",
1707
+ "errorText",
1708
+ "supportingText",
1709
+ "prefixText",
1710
+ "suffixText",
1711
+ "maxLength",
1712
+ "clearable",
1713
+ "passwordToggle",
1714
+ "density",
1715
+ "multiline",
1716
+ "rows",
1717
+ "speechToText",
1718
+ "speechLang",
1719
+ "restrict",
1720
+ "formatter",
1721
+ "parser",
1722
+ "formatOn",
1723
+ "focusBorderWidth",
1724
+ "appearFocused",
1725
+ "chipsWrap",
1726
+ "debounce",
1727
+ "throttle",
1728
+ "inputRole",
1729
+ "inputExpanded",
1730
+ "inputAriaAutocomplete",
1731
+ "mdInput",
1732
+ "mdChange",
1733
+ "mdSearch",
1734
+ "mdClear",
1735
+ "mdPasswordToggle",
1736
+ "mdSpeechResult",
1737
+ "mdValidityChange"
1738
+ ],
1614
1739
  "value",
1615
- "placeholder",
1616
- "type",
1617
- "name",
1618
- "pattern",
1619
- "minLength",
1620
- "min",
1621
- "max",
1622
- "step",
1623
- "autocomplete",
1624
- "inputMode",
1625
- "enterKeyHint",
1626
- "autoCapitalize",
1627
- "spellcheck",
1628
- "disabled",
1629
- "readOnly",
1630
- "required",
1631
- "error",
1632
- "errorText",
1633
- "supportingText",
1634
- "prefixText",
1635
- "suffixText",
1636
- "maxLength",
1637
- "clearable",
1638
- "passwordToggle",
1639
- "density",
1640
- "multiline",
1641
- "rows",
1642
- "speechToText",
1643
- "speechLang",
1644
- "restrict",
1645
- "formatter",
1646
- "parser",
1647
- "formatOn",
1648
- "focusBorderWidth",
1649
- "appearFocused",
1650
- "chipsWrap",
1651
- "debounce",
1652
- "throttle",
1653
- "inputRole",
1654
- "inputExpanded",
1655
- "inputAriaAutocomplete",
1656
- "mdInput",
1657
- "mdChange",
1658
- "mdSearch",
1659
- "mdClear",
1660
- "mdPasswordToggle",
1661
- "mdSpeechResult",
1662
- "mdValidityChange"
1663
- ]);
1664
- var MdTimePicker = /* @__PURE__ */ defineContainer("md-time-picker", defineMdTimePicker, [
1665
- "variant",
1666
- "format",
1740
+ "mdInput"
1741
+ );
1742
+ var MdTimePicker = /* @__PURE__ */ defineContainer(
1743
+ "md-time-picker",
1744
+ defineMdTimePicker,
1745
+ [
1746
+ "variant",
1747
+ "format",
1748
+ "value",
1749
+ "name",
1750
+ "min",
1751
+ "max",
1752
+ "required",
1753
+ "label",
1754
+ "supportingText",
1755
+ "error",
1756
+ "errorText",
1757
+ "reserveSupportingSpace",
1758
+ "headline",
1759
+ "headlineInputLabel",
1760
+ "headlineDialLabel",
1761
+ "valueMissingLabel",
1762
+ "rangeUnderflowLabel",
1763
+ "rangeOverflowLabel",
1764
+ "rangeOutsideLabel",
1765
+ "disabled",
1766
+ "open",
1767
+ "minuteStep",
1768
+ "cancelLabel",
1769
+ "okLabel",
1770
+ "hideTrigger",
1771
+ "amLabel",
1772
+ "pmLabel",
1773
+ "hourLabel",
1774
+ "minuteLabel",
1775
+ "toggleDialLabel",
1776
+ "toggleInputLabel",
1777
+ "periodLabel",
1778
+ "periodLayout",
1779
+ "orientation",
1780
+ "responsive",
1781
+ "density",
1782
+ "mdChange",
1783
+ "mdInput",
1784
+ "mdOpen",
1785
+ "mdClose",
1786
+ "mdCancel",
1787
+ "mdModeChange",
1788
+ "mdValidityChange"
1789
+ ],
1667
1790
  "value",
1668
- "name",
1669
- "min",
1670
- "max",
1671
- "required",
1672
- "label",
1673
- "headline",
1674
- "headlineInputLabel",
1675
- "headlineDialLabel",
1676
- "valueMissingLabel",
1677
- "rangeUnderflowLabel",
1678
- "rangeOverflowLabel",
1679
- "rangeOutsideLabel",
1680
- "disabled",
1681
- "open",
1682
- "minuteStep",
1683
- "cancelLabel",
1684
- "okLabel",
1685
- "hideTrigger",
1686
- "amLabel",
1687
- "pmLabel",
1688
- "hourLabel",
1689
- "minuteLabel",
1690
- "toggleDialLabel",
1691
- "toggleInputLabel",
1692
- "periodLabel",
1693
- "periodLayout",
1694
- "orientation",
1695
- "responsive",
1696
- "density",
1697
- "mdChange",
1698
- "mdInput",
1699
- "mdOpen",
1700
- "mdClose",
1701
- "mdCancel",
1702
- "mdModeChange",
1703
- "mdValidityChange"
1704
- ]);
1791
+ "mdChange"
1792
+ );
1705
1793
  var MdToolbar = /* @__PURE__ */ defineContainer("md-toolbar", defineMdToolbar, [
1706
1794
  "variant",
1707
1795
  "color",