@universal-material/web 3.5.4 → 3.5.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.5.4",
+  "version": "3.5.5",
   "description": "Material web components",
   "type": "module",
   "keywords": [

package/shared/selection-control/selection-control-list-item.js

@@ -28,7 +28,7 @@ export const mixinSelectionControlListItem = (base) => {
             return html `
         <label>
           <u-list-item ?selectable=${!this.disabled}>
-            <div slot="${this.leading ? 'leading' : 'trailing'}">${super.render()}</div>
+            <div slot="${this.leading ? 'leading-icon' : 'trailing-icon'}">${super.render()}</div>
             <span id="label"><slot></slot></span>
             <span id="description" slot="supporting-text"><slot name="supporting-text"></slot></span>
           </u-list-item>

package/shared/selection-control/selection-control-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QAApD;;YAe+B,YAAO,GAAG,KAAK,CAAC;YAE1B,uBAAkB,GAAG,aAAa,CAAC;YACnC,sBAAiB,GAAG,OAAO,CAAC;QAajD,CAAC;iBA9BQ,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;;;;;;;OASF;SACF,AAZY,CAYX;QAOO,MAAM;YACb,OAAO,IAAI,CAAA;;qCAEoB,CAAC,IAAI,CAAC,QAAQ;yBAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,MAAM,EAAE;;;;;OAK1E,CAAC;QACJ,CAAC;;IAf4B;QAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAiB;IAkB/C,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class SelectionControlListItem extends base {\n    static styles = [\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`\n        :host {\n          --u-list-item-block-padding: 0;\n          display: block;\n        }\n\n        :host(:not([disabled])) {\n          cursor: pointer;\n        }\n      `,\n    ];\n\n    @property({ type: Boolean }) leading = false;\n\n    protected override inputDescribedById = 'description';\n    protected override inputLabelledById = 'label';\n\n    override render(): HTMLTemplateResult {\n      return html`\n        <label>\n          <u-list-item ?selectable=${!this.disabled}>\n            <div slot=\"${this.leading ? 'leading' : 'trailing'}\">${super.render()}</div>\n            <span id=\"label\"><slot></slot></span>\n            <span id=\"description\" slot=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>\n          </u-list-item>\n        </label>\n      `;\n    }\n  }\n\n  return SelectionControlListItem;\n};\n"]}
+{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QAApD;;YAe+B,YAAO,GAAG,KAAK,CAAC;YAE1B,uBAAkB,GAAG,aAAa,CAAC;YACnC,sBAAiB,GAAG,OAAO,CAAC;QAajD,CAAC;iBA9BQ,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;;;;;;;OASF;SACF,AAZY,CAYX;QAOO,MAAM;YACb,OAAO,IAAI,CAAA;;qCAEoB,CAAC,IAAI,CAAC,QAAQ;yBAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,KAAK,KAAK,CAAC,MAAM,EAAE;;;;;OAKpF,CAAC;QACJ,CAAC;;IAf4B;QAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAiB;IAkB/C,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class SelectionControlListItem extends base {\n    static styles = [\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`\n        :host {\n          --u-list-item-block-padding: 0;\n          display: block;\n        }\n\n        :host(:not([disabled])) {\n          cursor: pointer;\n        }\n      `,\n    ];\n\n    @property({ type: Boolean }) leading = false;\n\n    protected override inputDescribedById = 'description';\n    protected override inputLabelledById = 'label';\n\n    override render(): HTMLTemplateResult {\n      return html`\n        <label>\n          <u-list-item ?selectable=${!this.disabled}>\n            <div slot=\"${this.leading ? 'leading-icon' : 'trailing-icon'}\">${super.render()}</div>\n            <span id=\"label\"><slot></slot></span>\n            <span id=\"description\" slot=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>\n          </u-list-item>\n        </label>\n      `;\n    }\n  }\n\n  return SelectionControlListItem;\n};\n"]}

package/vscode.html-custom-data.json

@@ -155,156 +155,6 @@
       ],
       "references": []
     },
-    {
-      "name": "u-calendar",
-      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
-      "attributes": [
-        {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "dateOutsideMonth",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-range-calendar",
-      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
-      "attributes": [
-        {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "dateOutsideMonth",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-card-content",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "has-content",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-card-media",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "wide",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-card",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The Card variant to render.",
-          "values": [
-            {
-              "name": "filled"
-            },
-            {
-              "name": "elevated"
-            },
-            {
-              "name": "outlined"
-            }
-          ]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-checkbox-list-item",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "leading",
-          "values": []
-        },
-        {
-          "name": "hide-state-layer",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "values": []
-        },
-        {
-          "name": "name",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "The element value to use in form submission when checked.",
-          "values": []
-        },
-        {
-          "name": "checked",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-checkbox",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "hide-state-layer",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "values": []
-        },
-        {
-          "name": "name",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "The element value to use in form submission when checked.",
-          "values": []
-        },
-        {
-          "name": "checked",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "u-button-set",
       "description": "\n---\n",
@@ -747,6 +597,88 @@
       ],
       "references": []
     },
+    {
+      "name": "u-calendar",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
+      "attributes": [
+        {
+          "name": "value",
+          "values": []
+        },
+        {
+          "name": "dateOutsideMonth",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-range-calendar",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
+      "attributes": [
+        {
+          "name": "value",
+          "values": []
+        },
+        {
+          "name": "dateOutsideMonth",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-card-content",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "has-content",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-card-media",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "wide",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-card",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The Card variant to render.",
+          "values": [
+            {
+              "name": "filled"
+            },
+            {
+              "name": "elevated"
+            },
+            {
+              "name": "outlined"
+            }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-chip-set",
       "description": "\n---\n",
@@ -907,6 +839,74 @@
       ],
       "references": []
     },
+    {
+      "name": "u-checkbox-list-item",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "leading",
+          "values": []
+        },
+        {
+          "name": "hide-state-layer",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "values": []
+        },
+        {
+          "name": "name",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The element value to use in form submission when checked.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-checkbox",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "hide-state-layer",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "values": []
+        },
+        {
+          "name": "name",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The element value to use in form submission when checked.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-dialog",
       "description": "\n---\n\n\n### **Events:**\n - **close**\n- **closed**\n- **cancel**",
@@ -1014,6 +1014,23 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "u-list-item",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "selectable",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-list",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "u-menu-item",
       "description": "\n---\n",
@@ -1130,23 +1147,6 @@
       ],
       "references": []
     },
-    {
-      "name": "u-list-item",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "selectable",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-list",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "u-drawer-headline",
       "description": "\n---\n",
@@ -1331,45 +1331,61 @@
       "references": []
     },
     {
-      "name": "u-search",
+      "name": "u-option",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "position",
-          "values": [
-            {
-              "name": "fixed"
-            },
-            {
-              "name": "absolute"
-            },
-            {
-              "name": "static"
-            }
-          ]
+          "name": "value",
+          "values": []
         },
         {
-          "name": "value",
+          "name": "selected",
           "values": []
         },
         {
-          "name": "autocomplete",
-          "values": [
-            {
-              "name": "on"
-            },
-            {
-              "name": "off"
-            }
-          ]
+          "name": "active",
+          "values": []
         },
         {
-          "name": "maxlength",
+          "name": "has-badge",
           "values": []
         },
         {
-          "name": "role",
+          "name": "disabled",
+          "description": "Whether the button is disabled or not.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL that the link button points to.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "values": []
+        },
+        {
+          "name": "name",
           "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-select",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "menu-positioning",
+          "values": [
+            {
+              "name": "relative"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
         },
         {
           "name": "placeholder",
@@ -1442,62 +1458,46 @@
       "references": []
     },
     {
-      "name": "u-option",
+      "name": "u-search",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "values": []
-        },
-        {
-          "name": "active",
-          "values": []
-        },
-        {
-          "name": "has-badge",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the button is disabled or not.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "The URL that the link button points to.",
-          "values": []
+          "name": "position",
+          "values": [
+            {
+              "name": "fixed"
+            },
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "static"
+            }
+          ]
         },
         {
-          "name": "target",
-          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "name": "value",
           "values": []
         },
         {
-          "name": "name",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-select",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "menu-positioning",
+          "name": "autocomplete",
           "values": [
             {
-              "name": "relative"
+              "name": "on"
             },
             {
-              "name": "fixed"
+              "name": "off"
             }
           ]
         },
+        {
+          "name": "maxlength",
+          "values": []
+        },
+        {
+          "name": "role",
+          "values": []
+        },
         {
           "name": "placeholder",
           "values": []