@universal-material/web 3.5.3 → 3.5.5

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.
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-headline.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD,qBACa,gBAAiB,SAAQ,UAAU;IAE9C,OAAgB,MAAM,iCAGpB;IAEO,MAAM,IAAI,cAAc;CAGlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"drawer-headline.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD,qBACa,gBAAiB,SAAQ,UAAU;IAE9C,OAAgB,MAAM,iCAGpB;IAEO,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
@@ -9,7 +9,11 @@ let UmDrawerHeadline = class UmDrawerHeadline extends LitElement {
9
9
  styles,
10
10
  ]; }
11
11
  render() {
12
- return html `<slot></slot>`;
12
+ return html `
13
+ <div class="container">
14
+ <slot></slot>
15
+ </div>
16
+ `;
13
17
  }
14
18
  };
15
19
  UmDrawerHeadline = __decorate([
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-headline.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;aAE9B,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATU,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAU5B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-headline.styles.js';\n\n@customElement('u-drawer-headline')\nexport class UmDrawerHeadline extends LitElement {\n\n static override styles = [\n UmButtonWrapper.styles,\n styles,\n ];\n\n override render(): TemplateResult {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-drawer-headline': UmDrawerHeadline;\n }\n}\n"]}
1
+ {"version":3,"file":"drawer-headline.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;aAE9B,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAbU,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAc5B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-headline.styles.js';\n\n@customElement('u-drawer-headline')\nexport class UmDrawerHeadline extends LitElement {\n\n static override styles = [\n UmButtonWrapper.styles,\n styles,\n ];\n\n override render(): TemplateResult {\n return html`\n <div class=\"container\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-drawer-headline': UmDrawerHeadline;\n }\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `
3
- :host {
3
+ .container {
4
4
  font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
5
5
  line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));
6
6
  font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-headline.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n margin-block: var(--u-drawer-headline-margin-block, 16px 24px);\n }\n`;\n"]}
1
+ {"version":3,"file":"drawer-headline.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .container {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n margin-block: var(--u-drawer-headline-margin-block, 16px 24px);\n }\n`;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-material/web",
3
- "version": "3.5.3",
3
+ "version": "3.5.5",
4
4
  "description": "Material web components",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -28,7 +28,7 @@ export const mixinSelectionControlListItem = (base) => {
28
28
  return html `
29
29
  <label>
30
30
  <u-list-item ?selectable=${!this.disabled}>
31
- <div slot="${this.leading ? 'leading' : 'trailing'}">${super.render()}</div>
31
+ <div slot="${this.leading ? 'leading-icon' : 'trailing-icon'}">${super.render()}</div>
32
32
  <span id="label"><slot></slot></span>
33
33
  <span id="description" slot="supporting-text"><slot name="supporting-text"></slot></span>
34
34
  </u-list-item>
@@ -1 +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"]}
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,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"]}