@universal-material/web 3.0.18 → 3.0.20
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/card/card.d.ts.map +1 -1
- package/card/card.js +1 -1
- package/card/card.js.map +1 -1
- package/container/grid-base.d.ts +1 -0
- package/container/grid-base.d.ts.map +1 -1
- package/container/grid-base.js +7 -0
- package/container/grid-base.js.map +1 -1
- package/container/grid-base.styles.d.ts.map +1 -1
- package/container/grid-base.styles.js +4 -1
- package/container/grid-base.styles.js.map +1 -1
- package/custom-elements.json +1429 -575
- package/package.json +5 -4
package/card/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,qBACa,MAAO,SAAQ,UAAU;IAEpC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IACwB,OAAO,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,qBACa,MAAO,SAAQ,UAAU;IAEpC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IACwB,OAAO,EAAE,aAAa,CAAY;IAEpD,MAAM,IAAI,kBAAkB;CAStC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
|
package/card/card.js
CHANGED
package/card/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAIL;;WAEG;QACwB,YAAO,GAAkB,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAIL;;WAEG;QACwB,YAAO,GAAkB,QAAQ,CAAC;IAW/D,CAAC;IATU,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;yCAM0B,CAAC;IACxC,CAAC;;AAfe,aAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;AAKnB;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;uCAAmC;AAPlD,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAkBlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { styles } from './card.styles';\nimport './card-content.js';\nimport './card-media.js';\nimport '../elevation/elevation.js';\n\nexport type UmCardVariant = 'filled' | 'elevated' | 'outlined';\n\n@customElement('u-card')\nexport class UmCard extends LitElement {\n\n static override styles = [baseStyles, styles];\n\n /**\n * The Card variant to render.\n */\n @property({reflect: true}) variant: UmCardVariant = 'filled';\n\n override render(): HTMLTemplateResult {\n return html`\n <u-elevation></u-elevation>\n <slot name=\"before-content\"></slot>\n <u-card-content>\n <slot></slot>\n </u-card-content>\n <slot name=\"after-content\"></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-card': UmCard;\n }\n}\n"]}
|
package/container/grid-base.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAEpF,8BAAsB,QAAS,SAAQ,UAAU;IAEpB,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACX,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,cAAc,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"grid-base.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAEpF,8BAAsB,QAAS,SAAQ,UAAU;IAEpB,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACX,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,cAAc,GAAG,SAAS,CAAC;IAC7B,SAAS,UAAS;CACtF"}
|
package/container/grid-base.js
CHANGED
|
@@ -7,6 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { LitElement } from 'lit';
|
|
8
8
|
import { property } from 'lit/decorators.js';
|
|
9
9
|
export class GridBase extends LitElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.fullWidth = false;
|
|
13
|
+
}
|
|
10
14
|
}
|
|
11
15
|
__decorate([
|
|
12
16
|
property({ reflect: true })
|
|
@@ -23,4 +27,7 @@ __decorate([
|
|
|
23
27
|
__decorate([
|
|
24
28
|
property({ attribute: 'margin-xl', reflect: true })
|
|
25
29
|
], GridBase.prototype, "marginExtraLarge", void 0);
|
|
30
|
+
__decorate([
|
|
31
|
+
property({ attribute: 'full-width', reflect: true, type: Boolean })
|
|
32
|
+
], GridBase.prototype, "fullWidth", void 0);
|
|
26
33
|
//# sourceMappingURL=grid-base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.js","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,MAAM,OAAgB,QAAS,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"grid-base.js","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,MAAM,OAAgB,QAAS,SAAQ,UAAU;IAAjD;;QAOqE,cAAS,GAAG,KAAK,CAAC;IACvF,CAAC;CAAA;AAN4B;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;wCAAoC;AACX;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAyC;AACxC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAA0C;AACzC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAyC;AACxC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;kDAA8C;AAC7B;IAAlE,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;2CAAmB","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport type UmSpacingSizes = 'none' | 'small' | 'medium ' | 'large' | 'extra-large';\n\nexport abstract class GridBase extends LitElement {\n\n @property({reflect: true}) margin: UmSpacingSizes | undefined;\n @property({attribute: 'margin-sm', reflect: true}) marginSmall: UmSpacingSizes | undefined;\n @property({attribute: 'margin-md', reflect: true}) marginMedium: UmSpacingSizes | undefined;\n @property({attribute: 'margin-lg', reflect: true}) marginLarge: UmSpacingSizes | undefined;\n @property({attribute: 'margin-xl', reflect: true}) marginExtraLarge: UmSpacingSizes | undefined;\n @property({attribute: 'full-width', reflect: true, type: Boolean}) fullWidth = false;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.styles.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"grid-base.styles.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+GlB,CAAC"}
|
|
@@ -99,7 +99,6 @@ export const styles = css `
|
|
|
99
99
|
}
|
|
100
100
|
:host {
|
|
101
101
|
width: 100%;
|
|
102
|
-
max-width: var(--u-container-max-width, 992px);
|
|
103
102
|
margin-inline: auto;
|
|
104
103
|
padding: var(--u-grid-margin, var(--_grid-margin));
|
|
105
104
|
}
|
|
@@ -107,5 +106,9 @@ export const styles = css `
|
|
|
107
106
|
content: "";
|
|
108
107
|
display: block;
|
|
109
108
|
}
|
|
109
|
+
|
|
110
|
+
:host(:not([full-width])) {
|
|
111
|
+
max-width: var(--u-container-max-width, 992px);
|
|
112
|
+
}
|
|
110
113
|
`;
|
|
111
114
|
//# sourceMappingURL=grid-base.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.styles.js","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"grid-base.styles.js","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_grid-spacing-sm: var(--u-spacing-sm, 8px);\n --_grid-spacing-md: var(--u-spacing-md, 16px);\n --_grid-spacing-lg: var(--u-spacing-lg, 24px);\n --_grid-spacing-xl: var(--u-spacing-xl, 40px);\n --_grid-spacing-default: var(--u-grid-spacing-default, var(--_grid-spacing-md));\n --_grid-margin: var(--u-grid-margin-default, var(--_grid-spacing-default));\n }\n\n :host([margin=none]) {\n --_grid-margin: 0;\n }\n\n :host([margin=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n\n :host([margin=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n\n :host([margin=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n\n :host([margin=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n\n @media (min-width: 600px) {\n :host([margin-sm=none]) {\n --_grid-margin: 0;\n }\n :host([margin-sm=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-sm=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-sm=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-sm=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n @media (min-width: 840px) {\n :host([margin-md=none]) {\n --_grid-margin: 0;\n }\n :host([margin-md=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-md=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-md=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-md=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n @media (min-width: 1200px) {\n :host([margin-lg=none]) {\n --_grid-margin: 0;\n }\n :host([margin-lg=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-lg=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-lg=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-lg=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n @media (min-width: 1600px) {\n :host([margin-xl=none]) {\n --_grid-margin: 0;\n }\n :host([margin-xl=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-xl=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-xl=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-xl=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n :host {\n width: 100%;\n margin-inline: auto;\n padding: var(--u-grid-margin, var(--_grid-margin));\n }\n :host:host::after {\n content: \"\";\n display: block;\n }\n\n :host(:not([full-width])) {\n max-width: var(--u-container-max-width, 992px);\n }\n`;\n"]}
|