@universal-material/web 3.5.5 → 3.5.7

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/list/list-item.js CHANGED
@@ -16,7 +16,7 @@ let UmListItem = class UmListItem extends LitElement {
16
16
  `;
17
17
  const containerClasses = classMap({ selectable: this.selectable });
18
18
  return html `
19
- <div class="container ${containerClasses}">
19
+ <div class="container ${containerClasses}" part="container">
20
20
  ${this.selectable ? ripple : nothing}
21
21
  <slot name="leading-icon" part="leading"></slot>
22
22
  <div class="content" part="content">
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../src/list/list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAGtB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAGuC,eAAU,GAAG,KAAK,CAAC;IAyBjE,CAAC;aA3BiB,WAAM,GAAG,MAAM,AAAT,CAAU;IAIvB,MAAM;QACb,MAAM,MAAM,GAAG,IAAI,CAAA;;KAElB,CAAC;QAEF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;8BACe,gBAAgB;UACpC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;;;KAYvC,CAAC;IACJ,CAAC;;AAxB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAoB;AAHpD,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4BtB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './list-item.styles.js';\n\nimport '../ripple/ripple.js';\n\n@customElement('u-list-item')\nexport class UmListItem extends LitElement {\n static override styles = styles;\n\n @property({ type: Boolean, reflect: true }) selectable = false;\n\n override render(): HTMLTemplateResult {\n const ripple = html`\n <u-ripple></u-ripple>\n `;\n\n const containerClasses = classMap({ selectable: this.selectable });\n\n return html`\n <div class=\"container ${containerClasses}\">\n ${this.selectable ? ripple : nothing}\n <slot name=\"leading-icon\" part=\"leading\"></slot>\n <div class=\"content\" part=\"content\">\n <div class=\"headline\" part=\"headline\">\n <slot></slot>\n </div>\n <div class=\"supporting-text\" part=\"supporting-text\">\n <slot name=\"supporting-text\"></slot>\n </div>\n </div>\n <slot name=\"trailing-icon\" part=\"trailing\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-list-item': UmListItem;\n }\n}\n"]}
1
+ {"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../src/list/list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAGtB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAGuC,eAAU,GAAG,KAAK,CAAC;IAyBjE,CAAC;aA3BiB,WAAM,GAAG,MAAM,AAAT,CAAU;IAIvB,MAAM;QACb,MAAM,MAAM,GAAG,IAAI,CAAA;;KAElB,CAAC;QAEF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;8BACe,gBAAgB;UACpC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;;;KAYvC,CAAC;IACJ,CAAC;;AAxB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAoB;AAHpD,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4BtB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './list-item.styles.js';\n\nimport '../ripple/ripple.js';\n\n@customElement('u-list-item')\nexport class UmListItem extends LitElement {\n static override styles = styles;\n\n @property({ type: Boolean, reflect: true }) selectable = false;\n\n override render(): HTMLTemplateResult {\n const ripple = html`\n <u-ripple></u-ripple>\n `;\n\n const containerClasses = classMap({ selectable: this.selectable });\n\n return html`\n <div class=\"container ${containerClasses}\" part=\"container\">\n ${this.selectable ? ripple : nothing}\n <slot name=\"leading-icon\" part=\"leading\"></slot>\n <div class=\"content\" part=\"content\">\n <div class=\"headline\" part=\"headline\">\n <slot></slot>\n </div>\n <div class=\"supporting-text\" part=\"supporting-text\">\n <slot name=\"supporting-text\"></slot>\n </div>\n </div>\n <slot name=\"trailing-icon\" part=\"trailing\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-list-item': UmListItem;\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-material/web",
3
- "version": "3.5.5",
3
+ "version": "3.5.7",
4
4
  "description": "Material web components",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -77,84 +77,6 @@
77
77
  ],
78
78
  "references": []
79
79
  },
80
- {
81
- "name": "u-button-field",
82
- "description": "\n---\n",
83
- "attributes": [
84
- {
85
- "name": "value",
86
- "values": []
87
- },
88
- {
89
- "name": "placeholder",
90
- "values": []
91
- },
92
- {
93
- "name": "variant",
94
- "values": [
95
- {
96
- "name": "filled"
97
- },
98
- {
99
- "name": "outlined"
100
- }
101
- ]
102
- },
103
- {
104
- "name": "label",
105
- "description": "The floating label for the field",
106
- "values": []
107
- },
108
- {
109
- "name": "counter",
110
- "values": []
111
- },
112
- {
113
- "name": "hide-counter",
114
- "values": []
115
- },
116
- {
117
- "name": "supporting-text",
118
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
119
- "values": []
120
- },
121
- {
122
- "name": "error-text",
123
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
124
- "values": []
125
- },
126
- {
127
- "name": "empty",
128
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
129
- "values": []
130
- },
131
- {
132
- "name": "disabled",
133
- "values": []
134
- },
135
- {
136
- "name": "invalid",
137
- "description": "Get or sets where or not the field is in a visually invalid state.",
138
- "values": []
139
- },
140
- {
141
- "name": "has-leading-icon",
142
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
143
- "values": []
144
- },
145
- {
146
- "name": "has-trailing-icon",
147
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
148
- "values": []
149
- },
150
- {
151
- "name": "has-error-text",
152
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
153
- "values": []
154
- }
155
- ],
156
- "references": []
157
- },
158
80
  {
159
81
  "name": "u-button-set",
160
82
  "description": "\n---\n",
@@ -597,6 +519,84 @@
597
519
  ],
598
520
  "references": []
599
521
  },
522
+ {
523
+ "name": "u-button-field",
524
+ "description": "\n---\n",
525
+ "attributes": [
526
+ {
527
+ "name": "value",
528
+ "values": []
529
+ },
530
+ {
531
+ "name": "placeholder",
532
+ "values": []
533
+ },
534
+ {
535
+ "name": "variant",
536
+ "values": [
537
+ {
538
+ "name": "filled"
539
+ },
540
+ {
541
+ "name": "outlined"
542
+ }
543
+ ]
544
+ },
545
+ {
546
+ "name": "label",
547
+ "description": "The floating label for the field",
548
+ "values": []
549
+ },
550
+ {
551
+ "name": "counter",
552
+ "values": []
553
+ },
554
+ {
555
+ "name": "hide-counter",
556
+ "values": []
557
+ },
558
+ {
559
+ "name": "supporting-text",
560
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
561
+ "values": []
562
+ },
563
+ {
564
+ "name": "error-text",
565
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
566
+ "values": []
567
+ },
568
+ {
569
+ "name": "empty",
570
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
571
+ "values": []
572
+ },
573
+ {
574
+ "name": "disabled",
575
+ "values": []
576
+ },
577
+ {
578
+ "name": "invalid",
579
+ "description": "Get or sets where or not the field is in a visually invalid state.",
580
+ "values": []
581
+ },
582
+ {
583
+ "name": "has-leading-icon",
584
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
585
+ "values": []
586
+ },
587
+ {
588
+ "name": "has-trailing-icon",
589
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
590
+ "values": []
591
+ },
592
+ {
593
+ "name": "has-error-text",
594
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
595
+ "values": []
596
+ }
597
+ ],
598
+ "references": []
599
+ },
600
600
  {
601
601
  "name": "u-calendar",
602
602
  "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
@@ -679,6 +679,74 @@
679
679
  ],
680
680
  "references": []
681
681
  },
682
+ {
683
+ "name": "u-checkbox-list-item",
684
+ "description": "\n---\n",
685
+ "attributes": [
686
+ {
687
+ "name": "leading",
688
+ "values": []
689
+ },
690
+ {
691
+ "name": "hide-state-layer",
692
+ "values": []
693
+ },
694
+ {
695
+ "name": "indeterminate",
696
+ "values": []
697
+ },
698
+ {
699
+ "name": "name",
700
+ "values": []
701
+ },
702
+ {
703
+ "name": "disabled",
704
+ "values": []
705
+ },
706
+ {
707
+ "name": "value",
708
+ "description": "The element value to use in form submission when checked.",
709
+ "values": []
710
+ },
711
+ {
712
+ "name": "checked",
713
+ "values": []
714
+ }
715
+ ],
716
+ "references": []
717
+ },
718
+ {
719
+ "name": "u-checkbox",
720
+ "description": "\n---\n",
721
+ "attributes": [
722
+ {
723
+ "name": "hide-state-layer",
724
+ "values": []
725
+ },
726
+ {
727
+ "name": "indeterminate",
728
+ "values": []
729
+ },
730
+ {
731
+ "name": "name",
732
+ "values": []
733
+ },
734
+ {
735
+ "name": "disabled",
736
+ "values": []
737
+ },
738
+ {
739
+ "name": "value",
740
+ "description": "The element value to use in form submission when checked.",
741
+ "values": []
742
+ },
743
+ {
744
+ "name": "checked",
745
+ "values": []
746
+ }
747
+ ],
748
+ "references": []
749
+ },
682
750
  {
683
751
  "name": "u-chip-set",
684
752
  "description": "\n---\n",
@@ -839,74 +907,6 @@
839
907
  ],
840
908
  "references": []
841
909
  },
842
- {
843
- "name": "u-checkbox-list-item",
844
- "description": "\n---\n",
845
- "attributes": [
846
- {
847
- "name": "leading",
848
- "values": []
849
- },
850
- {
851
- "name": "hide-state-layer",
852
- "values": []
853
- },
854
- {
855
- "name": "indeterminate",
856
- "values": []
857
- },
858
- {
859
- "name": "name",
860
- "values": []
861
- },
862
- {
863
- "name": "disabled",
864
- "values": []
865
- },
866
- {
867
- "name": "value",
868
- "description": "The element value to use in form submission when checked.",
869
- "values": []
870
- },
871
- {
872
- "name": "checked",
873
- "values": []
874
- }
875
- ],
876
- "references": []
877
- },
878
- {
879
- "name": "u-checkbox",
880
- "description": "\n---\n",
881
- "attributes": [
882
- {
883
- "name": "hide-state-layer",
884
- "values": []
885
- },
886
- {
887
- "name": "indeterminate",
888
- "values": []
889
- },
890
- {
891
- "name": "name",
892
- "values": []
893
- },
894
- {
895
- "name": "disabled",
896
- "values": []
897
- },
898
- {
899
- "name": "value",
900
- "description": "The element value to use in form submission when checked.",
901
- "values": []
902
- },
903
- {
904
- "name": "checked",
905
- "values": []
906
- }
907
- ],
908
- "references": []
909
- },
910
910
  {
911
911
  "name": "u-dialog",
912
912
  "description": "\n---\n\n\n### **Events:**\n - **close**\n- **closed**\n- **cancel**",
@@ -928,6 +928,12 @@
928
928
  ],
929
929
  "references": []
930
930
  },
931
+ {
932
+ "name": "u-elevation",
933
+ "description": "\n---\n",
934
+ "attributes": [],
935
+ "references": []
936
+ },
931
937
  {
932
938
  "name": "u-field",
933
939
  "description": "\n---\n",
@@ -1002,12 +1008,6 @@
1002
1008
  ],
1003
1009
  "references": []
1004
1010
  },
1005
- {
1006
- "name": "u-elevation",
1007
- "description": "\n---\n",
1008
- "attributes": [],
1009
- "references": []
1010
- },
1011
1011
  {
1012
1012
  "name": "u-icon",
1013
1013
  "description": "\n---\n",
@@ -1228,36 +1228,6 @@
1228
1228
  "attributes": [],
1229
1229
  "references": []
1230
1230
  },
1231
- {
1232
- "name": "u-circular-progress",
1233
- "description": "\n---\n",
1234
- "attributes": [
1235
- {
1236
- "name": "value",
1237
- "values": []
1238
- },
1239
- {
1240
- "name": "max",
1241
- "values": []
1242
- }
1243
- ],
1244
- "references": []
1245
- },
1246
- {
1247
- "name": "u-progress-bar",
1248
- "description": "\n---\n",
1249
- "attributes": [
1250
- {
1251
- "name": "value",
1252
- "values": []
1253
- },
1254
- {
1255
- "name": "max",
1256
- "values": []
1257
- }
1258
- ],
1259
- "references": []
1260
- },
1261
1231
  {
1262
1232
  "name": "u-radio-list-item",
1263
1233
  "description": "\n---\n",
@@ -1319,19 +1289,22 @@
1319
1289
  "references": []
1320
1290
  },
1321
1291
  {
1322
- "name": "u-ripple",
1292
+ "name": "u-circular-progress",
1323
1293
  "description": "\n---\n",
1324
1294
  "attributes": [
1325
1295
  {
1326
- "name": "disabled",
1327
- "description": "Disables the ripple.",
1296
+ "name": "value",
1297
+ "values": []
1298
+ },
1299
+ {
1300
+ "name": "max",
1328
1301
  "values": []
1329
1302
  }
1330
1303
  ],
1331
1304
  "references": []
1332
1305
  },
1333
1306
  {
1334
- "name": "u-option",
1307
+ "name": "u-progress-bar",
1335
1308
  "description": "\n---\n",
1336
1309
  "attributes": [
1337
1310
  {
@@ -1339,54 +1312,65 @@
1339
1312
  "values": []
1340
1313
  },
1341
1314
  {
1342
- "name": "selected",
1343
- "values": []
1344
- },
1345
- {
1346
- "name": "active",
1347
- "values": []
1348
- },
1349
- {
1350
- "name": "has-badge",
1315
+ "name": "max",
1351
1316
  "values": []
1352
- },
1317
+ }
1318
+ ],
1319
+ "references": []
1320
+ },
1321
+ {
1322
+ "name": "u-ripple",
1323
+ "description": "\n---\n",
1324
+ "attributes": [
1353
1325
  {
1354
1326
  "name": "disabled",
1355
- "description": "Whether the button is disabled or not.",
1356
- "values": []
1357
- },
1358
- {
1359
- "name": "href",
1360
- "description": "The URL that the link button points to.",
1361
- "values": []
1362
- },
1363
- {
1364
- "name": "target",
1365
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1366
- "values": []
1367
- },
1368
- {
1369
- "name": "name",
1327
+ "description": "Disables the ripple.",
1370
1328
  "values": []
1371
1329
  }
1372
1330
  ],
1373
1331
  "references": []
1374
1332
  },
1375
1333
  {
1376
- "name": "u-select",
1334
+ "name": "u-search",
1377
1335
  "description": "\n---\n",
1378
1336
  "attributes": [
1379
1337
  {
1380
- "name": "menu-positioning",
1338
+ "name": "position",
1381
1339
  "values": [
1382
1340
  {
1383
- "name": "relative"
1341
+ "name": "fixed"
1384
1342
  },
1385
1343
  {
1386
- "name": "fixed"
1344
+ "name": "absolute"
1345
+ },
1346
+ {
1347
+ "name": "static"
1348
+ }
1349
+ ]
1350
+ },
1351
+ {
1352
+ "name": "value",
1353
+ "values": []
1354
+ },
1355
+ {
1356
+ "name": "autocomplete",
1357
+ "values": [
1358
+ {
1359
+ "name": "on"
1360
+ },
1361
+ {
1362
+ "name": "off"
1387
1363
  }
1388
1364
  ]
1389
1365
  },
1366
+ {
1367
+ "name": "maxlength",
1368
+ "values": []
1369
+ },
1370
+ {
1371
+ "name": "role",
1372
+ "values": []
1373
+ },
1390
1374
  {
1391
1375
  "name": "placeholder",
1392
1376
  "values": []
@@ -1458,46 +1442,62 @@
1458
1442
  "references": []
1459
1443
  },
1460
1444
  {
1461
- "name": "u-search",
1445
+ "name": "u-option",
1462
1446
  "description": "\n---\n",
1463
1447
  "attributes": [
1464
1448
  {
1465
- "name": "position",
1466
- "values": [
1467
- {
1468
- "name": "fixed"
1469
- },
1470
- {
1471
- "name": "absolute"
1472
- },
1473
- {
1474
- "name": "static"
1475
- }
1476
- ]
1449
+ "name": "value",
1450
+ "values": []
1477
1451
  },
1478
1452
  {
1479
- "name": "value",
1453
+ "name": "selected",
1480
1454
  "values": []
1481
1455
  },
1482
1456
  {
1483
- "name": "autocomplete",
1484
- "values": [
1485
- {
1486
- "name": "on"
1487
- },
1488
- {
1489
- "name": "off"
1490
- }
1491
- ]
1457
+ "name": "active",
1458
+ "values": []
1492
1459
  },
1493
1460
  {
1494
- "name": "maxlength",
1461
+ "name": "has-badge",
1495
1462
  "values": []
1496
1463
  },
1497
1464
  {
1498
- "name": "role",
1465
+ "name": "disabled",
1466
+ "description": "Whether the button is disabled or not.",
1467
+ "values": []
1468
+ },
1469
+ {
1470
+ "name": "href",
1471
+ "description": "The URL that the link button points to.",
1472
+ "values": []
1473
+ },
1474
+ {
1475
+ "name": "target",
1476
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1499
1477
  "values": []
1500
1478
  },
1479
+ {
1480
+ "name": "name",
1481
+ "values": []
1482
+ }
1483
+ ],
1484
+ "references": []
1485
+ },
1486
+ {
1487
+ "name": "u-select",
1488
+ "description": "\n---\n",
1489
+ "attributes": [
1490
+ {
1491
+ "name": "menu-positioning",
1492
+ "values": [
1493
+ {
1494
+ "name": "relative"
1495
+ },
1496
+ {
1497
+ "name": "fixed"
1498
+ }
1499
+ ]
1500
+ },
1501
1501
  {
1502
1502
  "name": "placeholder",
1503
1503
  "values": []