@universal-material/web 3.0.28 → 3.0.30

package/theme/theme-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-builder.js","sourceRoot":"","sources":["../../src/theme/theme-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { argbFromHex, CorePalette, TonalPalette } from '@material/material-color-utilities';\n\nimport { Color } from './color.js';\nimport { CssVarBuilder } from './css-var-builder.js';\nimport { neutralColors, neutralVariantColors } from './neutral-colors.js';\nimport { ThemeColor } from './theme-color.js';\n\nfunction getCss(selector: string, content: string): string {\n  return `${selector} {\n${content}}`;\n}\n\nexport class ThemeBuilder {\n  cssClass: string | null;\n  colors: ThemeColor[] = [];\n  neutralColorPalette!: TonalPalette;\n  neutralVariantColorPalette!: TonalPalette;\n\n  private partial = false;\n\n  private constructor() {\n    this.cssClass = null;\n  }\n\n  static create(primaryColorHex: string): ThemeBuilder {\n    return new ThemeBuilder()\n      .addColorFromHex('primary', primaryColorHex);\n  }\n\n  static createPartial(): ThemeBuilder {\n    const themeBuilder = new ThemeBuilder();\n    themeBuilder.partial = true;\n\n    return themeBuilder;\n  }\n\n  addColorFromHex(name: string, hex: string): ThemeBuilder {\n    const palette = TonalPalette.fromInt(argbFromHex(hex));\n\n    this.addColorFromPalette(name, palette);\n    return this;\n  }\n\n  addColorFromPalette(name: string, palette: TonalPalette): ThemeBuilder {\n    this.colors.push({name, lightTone: 40, darkTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}`, lightTone: 100, darkTone: 20, tonalPalette: palette});\n    this.colors.push({name: `${name}-container`, lightTone: 90, darkTone: 30, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-container`, lightTone: 10, darkTone: 90, tonalPalette: palette});\n\n    this.colors.push({name: `${name}-fixed`, fixedTone: 90, tonalPalette: palette});\n    this.colors.push({name: `${name}-fixed-dim`, fixedTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed`, fixedTone: 10, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed-variant`, fixedTone: 30, tonalPalette: palette});\n    return this;\n  }\n\n  addFixedColor(name: string, hex: string): ThemeBuilder {\n    const palette = TonalPalette.fromInt(argbFromHex(hex));\n    this.colors.push({name, fixedTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}`, fixedTone: 15, tonalPalette: palette});\n    this.colors.push({name: `${name}-container`, fixedTone: 90, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-container`, fixedTone: 15, tonalPalette: palette});\n    return this;\n  }\n\n  setCssClass(cssClass: string): ThemeBuilder {\n    this.cssClass = cssClass;\n    return this;\n  }\n\n  private ensureCssClassStartsWithDot(): void {\n    if (!this.cssClass || this.cssClass.startsWith('.')) {\n      return;\n    }\n\n    this.cssClass = `.${this.cssClass}`;\n  }\n\n  private ensureThemeColors(): void {\n\n    const primaryColor = this.colors.find(c => c.name === 'primary')!;\n\n    const palette = CorePalette.of(primaryColor.tonalPalette.tone(40));\n\n    if (!this.colors.find(c => c.name === 'secondary')) {\n      this.addColorFromPalette('secondary', palette.a2);\n    }\n\n    if (!this.colors.find(c => c.name === 'tertiary')) {\n      this.addColorFromPalette('tertiary', palette.a3);\n    }\n\n    if (!this.colors.find(c => c.name === 'success')) {\n      this.addFixedColor('success', '#007e33');\n    }\n\n    if (!this.colors.find(c => c.name === 'info')) {\n      this.addFixedColor('info', '#33b5e5');\n    }\n\n    if (!this.colors.find(c => c.name === 'warning')) {\n      this.addFixedColor('warning', '#ffbb33');\n    }\n\n    if (!this.colors.find(c => c.name === 'error')) {\n      this.addColorFromHex('error', '#b3261e');\n    }\n\n    if (!this.neutralColorPalette) {\n      this.neutralColorPalette = palette.n1;\n    }\n\n    if (!this.neutralVariantColorPalette) {\n      this.neutralVariantColorPalette = palette.n2;\n    }\n  }\n\n  private getNeutralVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralColors, this.neutralColorPalette, dark);\n\n    builder\n      .add('--u-color-body', \"var(--u-color-surface)\")\n      .add('--u-color-body-rgb', \"var(--u-color-surface-rgb)\")\n      .add('--u-color-inverse-body', \"var(--u-color-inverse-surface)\")\n      .add('--u-color-inverse-body-rgb', \"var(--u-color-inverse-surface-rgb)\")\n      .add('--u-color-on-body', \"var(--u-color-on-surface)\")\n      .add('--u-color-on-body-rgb', \"var(--u-color-on-surface-rgb)\")\n      .add('--u-color-on-inverse-body', \"var(--u-color-on-inverse-surface)\")\n      .add('--u-color-on-inverse-body-rgb', \"var(--u-color-on-inverse-surface-rgb)\");\n\n    return builder.build();\n  }\n\n  private getNeutralVariantVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralVariantColors, this.neutralColorPalette, dark);\n\n    return builder.build()\n  }\n\n  getColorVariables(color: ThemeColor, dark: boolean): string {\n\n    const builder = CssVarBuilder.create();\n\n    this.addToneColor(builder, color, color.tonalPalette, dark)\n\n    return builder.build();\n  }\n\n  private getColorsVariables(dark: boolean): string {\n    let variables = '';\n\n    for (const color of this.colors) {\n      variables += this.getColorVariables(color, dark);\n    }\n\n    if (this.neutralColorPalette) {\n      variables += this.getNeutralVariables(dark);\n    }\n\n    if (this.neutralVariantColorPalette) {\n      variables += this.getNeutralVariantVariables(dark);\n    }\n\n    return variables;\n  }\n\n  private addColors(builder: CssVarBuilder, colors: Color[], palette: TonalPalette, dark: boolean): void {\n    for (const color of colors) {\n      this.addToneColor(builder, color, palette, dark);\n    }\n  }\n\n  private addToneColor(builder: CssVarBuilder, color: Color, palette: TonalPalette, dark: boolean): void {\n    if (color.fixedTone !== undefined) {\n\n      if (!dark) {\n        builder.addFromArgb(color.name, palette.tone(color.fixedTone));\n      }\n\n      return;\n    }\n\n    const tone = dark\n      ? color.darkTone!\n      : color.lightTone!;\n\n    const inverseTone = dark\n      ? color.lightTone!\n      : color.darkTone!;\n\n    const inverseName = `inverse-${color.name}`.replace('inverse-on', 'on-inverse');\n\n    builder\n      .addFromArgb(color.name, palette.tone(tone))\n      .addFromArgb(inverseName, palette.tone(inverseTone));\n\n    if (color.name === 'surface' || color.name === 'on-surface') {\n      const prefix = color.name.startsWith('on-')\n        ? 'on-'\n        : '';\n\n      builder.addFromArgb(`${prefix}light-surface`, palette.tone(color.lightTone!))\n      builder.addFromArgb(`${prefix}dark-surface`, palette.tone(color.darkTone!))\n    }\n\n    if (dark) {\n      return;\n    }\n  }\n\n  build(): string {\n\n    this.ensureCssClassStartsWithDot();\n\n    const lightCssClass = this.cssClass ?? ':root';\n    const darkCssClass = this.cssClass\n      ? `${this.cssClass}.u-dark-mode,\n${this.cssClass} .u-dark-mode`\n      : '.u-dark-mode';\n\n    if (!this.partial) {\n      this.ensureThemeColors();\n    }\n\n    const variables = `${getCss(lightCssClass, `${this.getColorsVariables(false)}`)}\n\n${getCss(darkCssClass, this.getColorsVariables(true))}\n`;\n    return variables;\n  }\n}\n"]}
+{"version":3,"file":"theme-builder.js","sourceRoot":"","sources":["../../src/theme/theme-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { argbFromHex, CorePalette, TonalPalette } from '@material/material-color-utilities';\n\nimport { Color } from './color.js';\nimport { CssVarBuilder } from './css-var-builder.js';\nimport { neutralColors, neutralVariantColors } from './neutral-colors.js';\nimport { ThemeColor } from './theme-color.js';\n\nfunction getCss(selector: string, content: string): string {\n  return `${selector} {\n${content}}`;\n}\n\nexport class ThemeBuilder {\n  cssClass: string | null;\n  colors: ThemeColor[] = [];\n  neutralColorPalette!: TonalPalette;\n  neutralVariantColorPalette!: TonalPalette;\n\n  private partial = false;\n\n  private constructor() {\n    this.cssClass = null;\n  }\n\n  static create(primaryColorHex: string): ThemeBuilder {\n    return new ThemeBuilder()\n      .addColorFromHex('primary', primaryColorHex);\n  }\n\n  static createPartial(): ThemeBuilder {\n    const themeBuilder = new ThemeBuilder();\n    themeBuilder.partial = true;\n\n    return themeBuilder;\n  }\n\n  addColorFromHex(name: string, hex: string): ThemeBuilder {\n    const palette = TonalPalette.fromInt(argbFromHex(hex));\n\n    this.addColorFromPalette(name, palette);\n    return this;\n  }\n\n  addColorFromPalette(name: string, palette: TonalPalette): ThemeBuilder {\n    this.colors.push({name, lightTone: 40, darkTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}`, lightTone: 100, darkTone: 20, tonalPalette: palette});\n    this.colors.push({name: `${name}-container`, lightTone: 90, darkTone: 30, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-container`, lightTone: 10, darkTone: 90, tonalPalette: palette});\n\n    this.colors.push({name: `${name}-fixed`, fixedTone: 90, tonalPalette: palette});\n    this.colors.push({name: `${name}-fixed-dim`, fixedTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed`, fixedTone: 10, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed-variant`, fixedTone: 30, tonalPalette: palette});\n    return this;\n  }\n\n  addFixedColor(name: string, hex: string): ThemeBuilder {\n    const palette = TonalPalette.fromInt(argbFromHex(hex));\n    this.colors.push({name, fixedTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}`, fixedTone: 15, tonalPalette: palette});\n    this.colors.push({name: `${name}-container`, fixedTone: 90, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-container`, fixedTone: 15, tonalPalette: palette});\n    return this;\n  }\n\n  setCssClass(cssClass: string): ThemeBuilder {\n    this.cssClass = cssClass;\n    return this;\n  }\n\n  private ensureCssClassStartsWithDot(): void {\n    if (!this.cssClass || this.cssClass.startsWith('.')) {\n      return;\n    }\n\n    this.cssClass = `.${this.cssClass}`;\n  }\n\n  private ensureThemeColors(): void {\n\n    const primaryColor = this.colors.find(c => c.name === 'primary')!;\n\n    const palette = CorePalette.of(primaryColor.tonalPalette.tone(40));\n\n    if (!this.colors.find(c => c.name === 'secondary')) {\n      this.addColorFromPalette('secondary', palette.a2);\n    }\n\n    if (!this.colors.find(c => c.name === 'tertiary')) {\n      this.addColorFromPalette('tertiary', palette.a3);\n    }\n\n    if (!this.colors.find(c => c.name === 'success')) {\n      this.addFixedColor('success', '#007e33');\n    }\n\n    if (!this.colors.find(c => c.name === 'info')) {\n      this.addFixedColor('info', '#33b5e5');\n    }\n\n    if (!this.colors.find(c => c.name === 'warning')) {\n      this.addFixedColor('warning', '#ffbb33');\n    }\n\n    if (!this.colors.find(c => c.name === 'error')) {\n      this.addColorFromHex('error', '#b3261e');\n    }\n\n    if (!this.neutralColorPalette) {\n      this.neutralColorPalette = palette.n1;\n    }\n\n    if (!this.neutralVariantColorPalette) {\n      this.neutralVariantColorPalette = palette.n2;\n    }\n  }\n\n  private getNeutralVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralColors, this.neutralColorPalette, dark);\n\n    builder\n      .add('--u-color-body', \"var(--u-color-surface)\")\n      .add('--u-color-body-rgb', \"var(--u-color-surface-rgb)\")\n      .add('--u-color-inverse-body', \"var(--u-color-inverse-surface)\")\n      .add('--u-color-inverse-body-rgb', \"var(--u-color-inverse-surface-rgb)\")\n      .add('--u-color-on-body', \"var(--u-color-on-surface)\")\n      .add('--u-color-on-body-rgb', \"var(--u-color-on-surface-rgb)\")\n      .add('--u-color-on-inverse-body', \"var(--u-color-on-inverse-surface)\")\n      .add('--u-color-on-inverse-body-rgb', \"var(--u-color-on-inverse-surface-rgb)\")\n      .add('--u-current-text-color', \"var(--u-color-on-body)\")\n      .add('--u-current-text-color-rgb', \"var(--u-color-on-body-rgb)\");\n\n    return builder.build();\n  }\n\n  private getNeutralVariantVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralVariantColors, this.neutralColorPalette, dark);\n\n    return builder.build()\n  }\n\n  getColorVariables(color: ThemeColor, dark: boolean): string {\n\n    const builder = CssVarBuilder.create();\n\n    this.addToneColor(builder, color, color.tonalPalette, dark)\n\n    return builder.build();\n  }\n\n  private getColorsVariables(dark: boolean): string {\n    let variables = '';\n\n    for (const color of this.colors) {\n      variables += this.getColorVariables(color, dark);\n    }\n\n    if (this.neutralColorPalette) {\n      variables += this.getNeutralVariables(dark);\n    }\n\n    if (this.neutralVariantColorPalette) {\n      variables += this.getNeutralVariantVariables(dark);\n    }\n\n    return variables;\n  }\n\n  private addColors(builder: CssVarBuilder, colors: Color[], palette: TonalPalette, dark: boolean): void {\n    for (const color of colors) {\n      this.addToneColor(builder, color, palette, dark);\n    }\n  }\n\n  private addToneColor(builder: CssVarBuilder, color: Color, palette: TonalPalette, dark: boolean): void {\n    if (color.fixedTone !== undefined) {\n\n      if (!dark) {\n        builder.addFromArgb(color.name, palette.tone(color.fixedTone));\n      }\n\n      return;\n    }\n\n    const tone = dark\n      ? color.darkTone!\n      : color.lightTone!;\n\n    const inverseTone = dark\n      ? color.lightTone!\n      : color.darkTone!;\n\n    const inverseName = `inverse-${color.name}`.replace('inverse-on', 'on-inverse');\n\n    builder\n      .addFromArgb(color.name, palette.tone(tone))\n      .addFromArgb(inverseName, palette.tone(inverseTone));\n\n    if (color.name === 'surface' || color.name === 'on-surface') {\n      const prefix = color.name.startsWith('on-')\n        ? 'on-'\n        : '';\n\n      builder.addFromArgb(`${prefix}light-surface`, palette.tone(color.lightTone!))\n      builder.addFromArgb(`${prefix}dark-surface`, palette.tone(color.darkTone!))\n    }\n\n    if (dark) {\n      return;\n    }\n  }\n\n  build(): string {\n\n    this.ensureCssClassStartsWithDot();\n\n    const lightCssClass = this.cssClass ?? ':root';\n    const darkCssClass = this.cssClass\n      ? `${this.cssClass}.u-dark-mode,\n${this.cssClass} .u-dark-mode`\n      : '.u-dark-mode';\n\n    if (!this.partial) {\n      this.ensureThemeColors();\n    }\n\n    const variables = `${getCss(lightCssClass, `${this.getColorsVariables(false)}`)}\n\n${getCss(darkCssClass, this.getColorsVariables(true))}\n`;\n    return variables;\n  }\n}\n"]}

package/container/container.d.ts

@@ -1,12 +0,0 @@
-import { HTMLTemplateResult } from 'lit';
-import { GridBase } from './grid-base.js';
-export declare class UmContainer extends GridBase {
-    static styles: import("lit").CSSResult[];
-    render(): HTMLTemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'u-container': UmContainer;
-    }
-}
-//# sourceMappingURL=container.d.ts.map

package/container/container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/container/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAK/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,qBACa,WAAY,SAAQ,QAAQ;IAEvC,OAAgB,MAAM,4BAIpB;IAEO,MAAM,IAAI,kBAAkB;CAGtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}

package/container/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG1D,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAQ9B,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AARe,kBAAM,GAAG;IACvB,UAAU;IACV,cAAc;IACd,MAAM;CACP,AAJqB,CAIpB;AANS,WAAW;IADvB,aAAa,CAAC,aAAa,CAAC;GAChB,WAAW,CAWvB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './container.styles.js';\nimport { GridBase } from './grid-base.js';\nimport { styles as gridBaseStyles } from './grid-base.styles.js';\n\n@customElement('u-container')\nexport class UmContainer extends GridBase {\n\n  static override styles = [\n    baseStyles,\n    gridBaseStyles,\n    styles\n  ];\n\n  override render(): HTMLTemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-container': UmContainer;\n  }\n}\n"]}

package/container/container.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../src/container/container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBASlB,CAAC"}

package/container/container.styles.js

@@ -1,12 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-  :host {
-    display: block;
-  }
-
-  :host::after {
-    content: "";
-    display: block;
-  }
-`;
-//# sourceMappingURL=container.styles.js.map

package/container/container.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../src/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;CASzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  :host::after {\n    content: \"\";\n    display: block;\n  }\n`;\n"]}

package/container/grid-base.d.ts

@@ -1,11 +0,0 @@
-import { LitElement } from 'lit';
-export type UmSpacingSizes = 'none' | 'small' | 'medium ' | 'large' | 'extra-large';
-export declare abstract class GridBase extends LitElement {
-    margin: UmSpacingSizes | undefined;
-    marginSmall: UmSpacingSizes | undefined;
-    marginMedium: UmSpacingSizes | undefined;
-    marginLarge: UmSpacingSizes | undefined;
-    marginExtraLarge: UmSpacingSizes | undefined;
-    fullWidth: boolean;
-}
-//# sourceMappingURL=grid-base.d.ts.map

package/container/grid-base.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-export class GridBase extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.fullWidth = false;
-    }
-}
-__decorate([
-    property({ reflect: true })
-], GridBase.prototype, "margin", void 0);
-__decorate([
-    property({ attribute: 'margin-sm', reflect: true })
-], GridBase.prototype, "marginSmall", void 0);
-__decorate([
-    property({ attribute: 'margin-md', reflect: true })
-], GridBase.prototype, "marginMedium", void 0);
-__decorate([
-    property({ attribute: 'margin-lg', reflect: true })
-], GridBase.prototype, "marginLarge", void 0);
-__decorate([
-    property({ attribute: 'margin-xl', reflect: true })
-], GridBase.prototype, "marginExtraLarge", void 0);
-__decorate([
-    property({ attribute: 'full-width', reflect: true, type: Boolean })
-], GridBase.prototype, "fullWidth", void 0);
-//# sourceMappingURL=grid-base.js.map

package/container/grid-base.js.map

@@ -1 +0,0 @@
-{"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"]}

package/container/grid-base.styles.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/container/grid-base.styles.js

@@ -1,114 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-  :host {
-    --_grid-spacing-sm: var(--u-spacing-small, 8px);
-    --_grid-spacing-md: var(--u-spacing-medium, 16px);
-    --_grid-spacing-lg: var(--u-spacing-large, 24px);
-    --_grid-spacing-xl: var(--u-spacing-extra-large, 40px);
-    --_grid-spacing-default: var(--u-grid-spacing-default, var(--_grid-spacing-md));
-    --_grid-margin: var(--u-grid-margin-default, var(--_grid-spacing-default));
-  }
-
-  :host([margin=none]) {
-    --_grid-margin: 0;
-  }
-
-  :host([margin=small]) {
-    --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));
-  }
-
-  :host([margin=medium]) {
-    --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));
-  }
-
-  :host([margin=large]) {
-    --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));
-  }
-
-  :host([margin=extra-large]) {
-    --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));
-  }
-
-  @media (min-width: 600px) {
-    :host([margin-sm=none]) {
-      --_grid-margin: 0;
-    }
-    :host([margin-sm=small]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));
-    }
-    :host([margin-sm=medium]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));
-    }
-    :host([margin-sm=large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));
-    }
-    :host([margin-sm=extra-large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));
-    }
-  }
-  @media (min-width: 840px) {
-    :host([margin-md=none]) {
-      --_grid-margin: 0;
-    }
-    :host([margin-md=small]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));
-    }
-    :host([margin-md=medium]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));
-    }
-    :host([margin-md=large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));
-    }
-    :host([margin-md=extra-large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));
-    }
-  }
-  @media (min-width: 1200px) {
-    :host([margin-lg=none]) {
-      --_grid-margin: 0;
-    }
-    :host([margin-lg=small]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));
-    }
-    :host([margin-lg=medium]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));
-    }
-    :host([margin-lg=large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));
-    }
-    :host([margin-lg=extra-large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));
-    }
-  }
-  @media (min-width: 1600px) {
-    :host([margin-xl=none]) {
-      --_grid-margin: 0;
-    }
-    :host([margin-xl=small]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));
-    }
-    :host([margin-xl=medium]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));
-    }
-    :host([margin-xl=large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));
-    }
-    :host([margin-xl=extra-large]) {
-      --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));
-    }
-  }
-  :host {
-    width: 100%;
-    margin-inline: auto;
-    padding: var(--u-grid-margin, var(--_grid-margin));
-  }
-  :host:host::after {
-    content: "";
-    display: block;
-  }
-
-  :host(:not([full-width])) {
-    max-width: var(--u-container-max-width, 992px);
-  }
-`;
-//# sourceMappingURL=grid-base.styles.js.map

package/container/grid-base.styles.js.map

@@ -1 +0,0 @@
-{"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-small, 8px);\n    --_grid-spacing-md: var(--u-spacing-medium, 16px);\n    --_grid-spacing-lg: var(--u-spacing-large, 24px);\n    --_grid-spacing-xl: var(--u-spacing-extra-large, 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"]}

package/container/grid.d.ts

@@ -1,32 +0,0 @@
-import { HTMLTemplateResult } from 'lit';
-import './container.js';
-import { GridBase, UmSpacingSizes } from './grid-base.js';
-export declare class UmGrid extends GridBase {
-    static styles: import("lit").CSSResult[];
-    gutter: UmSpacingSizes | undefined;
-    gutterSmall: UmSpacingSizes | undefined;
-    gutterMedium: UmSpacingSizes | undefined;
-    gutterLarge: UmSpacingSizes | undefined;
-    gutterExtraLarge: UmSpacingSizes | undefined;
-    cols: number;
-    colsSmall: number | undefined;
-    colsMedium: number | undefined;
-    colsLarge: number | undefined;
-    colsExtraLarge: number | undefined;
-    templateColumns: number | undefined;
-    templateColumnsSmall: number | undefined;
-    templateColumnsMedium: number | undefined;
-    templateColumnsLarge: number | undefined;
-    templateColumnsExtraLarge: number | undefined;
-    render(): HTMLTemplateResult;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    private setColumnsVariable;
-    private setTemplateColumnsVariable;
-    private setProperty;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'u-grid': UmGrid;
-    }
-}
-//# sourceMappingURL=grid.d.ts.map

package/container/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/container/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI1D,qBACa,MAAO,SAAQ,QAAQ;IAElC,OAAgB,MAAM,4BAIpB;IAEyB,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;IAErE,IAAI,SAAK;IACa,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,eAAe,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7C,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,yBAAyB,EAAE,MAAM,GAAG,SAAS,CAAC;IAElG,MAAM,IAAI,kBAAkB;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAczF,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,0BAA0B;IAMlC,OAAO,CAAC,WAAW;CAQpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}

package/container/grid.js

@@ -1,106 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import './container.js';
-import { styles as baseStyles } from '../shared/base.styles.js';
-import { GridBase } from './grid-base.js';
-import { styles as gridBaseStyles } from './grid-base.styles.js';
-import { styles } from './grid.styles.js';
-let UmGrid = class UmGrid extends GridBase {
-    constructor() {
-        super(...arguments);
-        this.cols = 1;
-        this.templateColumns = undefined;
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-    attributeChangedCallback(name, _old, value) {
-        super.attributeChangedCallback(name, _old, value);
-        if (name.startsWith('cols')) {
-            this.setColumnsVariable(name, value);
-            return;
-        }
-        if (name.startsWith('template-columns')) {
-            this.setTemplateColumnsVariable(name, value);
-            return;
-        }
-    }
-    setColumnsVariable(name, value) {
-        const propertyName = `--_${name}`;
-        this.setProperty(propertyName, value
-            ? `repeat(${value}, minmax(0, 1fr))`
-            : null);
-    }
-    setTemplateColumnsVariable(name, value) {
-        const propertyName = `--_${name}`;
-        this.setProperty(propertyName, value);
-    }
-    setProperty(name, value) {
-        if (value) {
-            this.style.setProperty(name, value);
-            return;
-        }
-        this.style.removeProperty(name);
-    }
-};
-UmGrid.styles = [
-    baseStyles,
-    gridBaseStyles,
-    styles
-];
-__decorate([
-    property({ reflect: true })
-], UmGrid.prototype, "gutter", void 0);
-__decorate([
-    property({ attribute: 'gutter-sm', reflect: true })
-], UmGrid.prototype, "gutterSmall", void 0);
-__decorate([
-    property({ attribute: 'gutter-md', reflect: true })
-], UmGrid.prototype, "gutterMedium", void 0);
-__decorate([
-    property({ attribute: 'gutter-lg', reflect: true })
-], UmGrid.prototype, "gutterLarge", void 0);
-__decorate([
-    property({ attribute: 'gutter-xl', reflect: true })
-], UmGrid.prototype, "gutterExtraLarge", void 0);
-__decorate([
-    property({ reflect: true })
-], UmGrid.prototype, "cols", void 0);
-__decorate([
-    property({ attribute: 'cols-sm', reflect: true })
-], UmGrid.prototype, "colsSmall", void 0);
-__decorate([
-    property({ attribute: 'cols-md', reflect: true })
-], UmGrid.prototype, "colsMedium", void 0);
-__decorate([
-    property({ attribute: 'cols-lg', reflect: true })
-], UmGrid.prototype, "colsLarge", void 0);
-__decorate([
-    property({ attribute: 'cols-xl', reflect: true })
-], UmGrid.prototype, "colsExtraLarge", void 0);
-__decorate([
-    property({ attribute: 'template-columns', reflect: true })
-], UmGrid.prototype, "templateColumns", void 0);
-__decorate([
-    property({ attribute: 'template-columns-sm', reflect: true })
-], UmGrid.prototype, "templateColumnsSmall", void 0);
-__decorate([
-    property({ attribute: 'template-columns-md', reflect: true })
-], UmGrid.prototype, "templateColumnsMedium", void 0);
-__decorate([
-    property({ attribute: 'template-columns-lg', reflect: true })
-], UmGrid.prototype, "templateColumnsLarge", void 0);
-__decorate([
-    property({ attribute: 'template-columns-xl', reflect: true })
-], UmGrid.prototype, "templateColumnsExtraLarge", void 0);
-UmGrid = __decorate([
-    customElement('u-grid')
-], UmGrid);
-export { UmGrid };
-//# sourceMappingURL=grid.js.map

package/container/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/container/grid.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAkB,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,QAAQ;IAA7B;;QAcsB,SAAI,GAAG,CAAC,CAAC;QAMsB,oBAAe,GAAuB,SAAS,CAAC;IA+C5G,CAAC;IAzCU,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;IAEQ,wBAAwB,CAAC,IAAY,EAAE,IAAmB,EAAE,KAAoB;QACvF,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAElD,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC7C,OAAO;QACT,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,IAAY,EAAE,KAAoB;QAE3D,MAAM,YAAY,GAAG,MAAM,IAAI,EAAE,CAAC;QAElC,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK;YAClC,CAAC,CAAC,UAAU,KAAK,mBAAmB;YACpC,CAAC,CAAC,IAAI,CAAC,CAAC;IACZ,CAAC;IAEO,0BAA0B,CAAC,IAAY,EAAE,KAAoB;QAEnE,MAAM,YAAY,GAAG,MAAM,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAEO,WAAW,CAAC,IAAY,EAAE,KAAoB;QACpD,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACnC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;;AAhEe,aAAM,GAAG;IACvB,UAAU;IACV,cAAc;IACd,MAAM;CACP,AAJqB,CAIpB;AAEyB;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;sCAAoC;AACX;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;2CAAyC;AACxC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CAA0C;AACzC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;2CAAyC;AACxC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAA8C;AAErE;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;oCAAU;AACa;IAAhD,QAAQ,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAA+B;AAC9B;IAAhD,QAAQ,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CAAgC;AAC/B;IAAhD,QAAQ,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAA+B;AAC9B;IAAhD,QAAQ,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAAoC;AAE1B;IAAzD,QAAQ,CAAC,EAAC,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;+CAAiD;AAC7C;IAA5D,QAAQ,CAAC,EAAC,SAAS,EAAE,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDAA0C;AACzC;IAA5D,QAAQ,CAAC,EAAC,SAAS,EAAE,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;qDAA2C;AAC1C;IAA5D,QAAQ,CAAC,EAAC,SAAS,EAAE,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDAA0C;AACzC;IAA5D,QAAQ,CAAC,EAAC,SAAS,EAAE,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yDAA+C;AAxBhG,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAmElB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport './container.js';\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { GridBase, UmSpacingSizes } from './grid-base.js';\nimport { styles as gridBaseStyles } from './grid-base.styles.js';\nimport { styles } from './grid.styles.js';\n\n@customElement('u-grid')\nexport class UmGrid extends GridBase {\n\n  static override styles = [\n    baseStyles,\n    gridBaseStyles,\n    styles\n  ];\n\n  @property({reflect: true}) gutter: UmSpacingSizes | undefined;\n  @property({attribute: 'gutter-sm', reflect: true}) gutterSmall: UmSpacingSizes | undefined;\n  @property({attribute: 'gutter-md', reflect: true}) gutterMedium: UmSpacingSizes | undefined;\n  @property({attribute: 'gutter-lg', reflect: true}) gutterLarge: UmSpacingSizes | undefined;\n  @property({attribute: 'gutter-xl', reflect: true}) gutterExtraLarge: UmSpacingSizes | undefined;\n\n  @property({reflect: true}) cols = 1;\n  @property({attribute: 'cols-sm', reflect: true}) colsSmall: number | undefined;\n  @property({attribute: 'cols-md', reflect: true}) colsMedium: number | undefined;\n  @property({attribute: 'cols-lg', reflect: true}) colsLarge: number | undefined;\n  @property({attribute: 'cols-xl', reflect: true}) colsExtraLarge: number | undefined;\n\n  @property({attribute: 'template-columns', reflect: true}) templateColumns: number | undefined = undefined;\n  @property({attribute: 'template-columns-sm', reflect: true}) templateColumnsSmall: number | undefined;\n  @property({attribute: 'template-columns-md', reflect: true}) templateColumnsMedium: number | undefined;\n  @property({attribute: 'template-columns-lg', reflect: true}) templateColumnsLarge: number | undefined;\n  @property({attribute: 'template-columns-xl', reflect: true}) templateColumnsExtraLarge: number | undefined;\n\n  override render(): HTMLTemplateResult {\n    return html`<slot></slot>`;\n  }\n\n  override attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (name.startsWith('cols')) {\n      this.setColumnsVariable(name, value);\n      return;\n    }\n\n    if (name.startsWith('template-columns')) {\n      this.setTemplateColumnsVariable(name, value);\n      return;\n    }\n  }\n\n  private setColumnsVariable(name: string, value: string | null): void {\n\n    const propertyName = `--_${name}`;\n\n    this.setProperty(propertyName, value\n      ? `repeat(${value}, minmax(0, 1fr))`\n      : null);\n  }\n\n  private setTemplateColumnsVariable(name: string, value: string | null): void {\n\n    const propertyName = `--_${name}`;\n    this.setProperty(propertyName, value);\n  }\n\n  private setProperty(name: string, value: string | null): void {\n    if (value) {\n      this.style.setProperty(name, value)\n      return;\n    }\n\n    this.style.removeProperty(name);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-grid': UmGrid;\n  }\n}\n"]}

package/container/grid.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.styles.d.ts","sourceRoot":"","sources":["../../src/container/grid.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmIlB,CAAC"}

package/container/grid.styles.js

@@ -1,134 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-  :host {
-    display: block;
-    --_grid-gutter: var(--u-grid-gutter-default, var(--u-grid-spacing-default, var(--_grid-spacing-default)));
-  }
-
-  :host([gutter=none]) {
-    --_grid-gutter: 0;
-  }
-
-  :host([gutter=small]) {
-    --_grid-gutter: var(--_grid-spacing-sm);
-  }
-
-  :host([gutter=medium]) {
-    --_grid-gutter: var(--_grid-spacing-md);
-  }
-
-  :host([gutter=large]) {
-    --_grid-gutter: var(--_grid-spacing-lg);
-  }
-
-  :host([gutter=extra-large]) {
-    --_grid-gutter: var(--_grid-spacing-xl);
-  }
-
-  :host([cols]) slot {
-    --_grid-template-columns: var(--_cols);
-  }
-
-  :host([template-columns]) slot {
-    --_grid-template-columns: var(--_template-columns);
-  }
-
-  @media (min-width: 600px) {
-    :host([gutter-sm=none]) {
-      --_grid-gutter: 0;
-    }
-    :host([gutter-sm=small]) {
-      --_grid-gutter: var(--_grid-spacing-sm);
-    }
-    :host([gutter-sm=medium]) {
-      --_grid-gutter: var(--_grid-spacing-md);
-    }
-    :host([gutter-sm=large]) {
-      --_grid-gutter: var(--_grid-spacing-lg);
-    }
-    :host([gutter-sm=extra-large]) {
-      --_grid-gutter: var(--_grid-spacing-xl);
-    }
-    :host([cols-sm]) slot {
-      --_grid-template-columns: var(--_cols-sm);
-    }
-    :host([template-columns-sm]) slot {
-      --_grid-template-columns: var(--_template-columns-sm);
-    }
-  }
-  @media (min-width: 840px) {
-    :host([gutter-md=none]) {
-      --_grid-gutter: 0;
-    }
-    :host([gutter-md=small]) {
-      --_grid-gutter: var(--_grid-spacing-sm);
-    }
-    :host([gutter-md=medium]) {
-      --_grid-gutter: var(--_grid-spacing-md);
-    }
-    :host([gutter-md=large]) {
-      --_grid-gutter: var(--_grid-spacing-lg);
-    }
-    :host([gutter-md=extra-large]) {
-      --_grid-gutter: var(--_grid-spacing-xl);
-    }
-    :host([cols-md]) slot {
-      --_grid-template-columns: var(--_cols-md);
-    }
-    :host([template-columns-md]) slot {
-      --_grid-template-columns: var(--_template-columns-md);
-    }
-  }
-  @media (min-width: 1200px) {
-    :host([gutter-lg=none]) {
-      --_grid-gutter: 0;
-    }
-    :host([gutter-lg=small]) {
-      --_grid-gutter: var(--_grid-spacing-sm);
-    }
-    :host([gutter-lg=medium]) {
-      --_grid-gutter: var(--_grid-spacing-md);
-    }
-    :host([gutter-lg=large]) {
-      --_grid-gutter: var(--_grid-spacing-lg);
-    }
-    :host([gutter-lg=extra-large]) {
-      --_grid-gutter: var(--_grid-spacing-xl);
-    }
-    :host([cols-lg]) slot {
-      --_grid-template-columns: var(--_cols-lg);
-    }
-    :host([template-columns-lg]) slot {
-      --_grid-template-columns: var(--_template-columns-lg);
-    }
-  }
-  @media (min-width: 1600px) {
-    :host([gutter-xl=none]) {
-      --_grid-gutter: 0;
-    }
-    :host([gutter-xl=small]) {
-      --_grid-gutter: var(--_grid-spacing-sm);
-    }
-    :host([gutter-xl=medium]) {
-      --_grid-gutter: var(--_grid-spacing-md);
-    }
-    :host([gutter-xl=large]) {
-      --_grid-gutter: var(--_grid-spacing-lg);
-    }
-    :host([gutter-xl=extra-large]) {
-      --_grid-gutter: var(--_grid-spacing-xl);
-    }
-    :host([cols-xl]) slot {
-      --_grid-template-columns: var(--_cols-xl);
-    }
-    :host([template-columns-xl]) slot {
-      --_grid-template-columns: var(--_template-columns-xl);
-    }
-  }
-  slot {
-    display: grid;
-    grid-template-columns: var(--_grid-template-columns);
-    gap: var(--u-grid-gutter, var(--_grid-gutter));
-  }
-`;
-//# sourceMappingURL=grid.styles.js.map

package/container/grid.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.styles.js","sourceRoot":"","sources":["../../src/container/grid.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_grid-gutter: var(--u-grid-gutter-default, var(--u-grid-spacing-default, var(--_grid-spacing-default)));\n  }\n\n  :host([gutter=none]) {\n    --_grid-gutter: 0;\n  }\n\n  :host([gutter=small]) {\n    --_grid-gutter: var(--_grid-spacing-sm);\n  }\n\n  :host([gutter=medium]) {\n    --_grid-gutter: var(--_grid-spacing-md);\n  }\n\n  :host([gutter=large]) {\n    --_grid-gutter: var(--_grid-spacing-lg);\n  }\n\n  :host([gutter=extra-large]) {\n    --_grid-gutter: var(--_grid-spacing-xl);\n  }\n\n  :host([cols]) slot {\n    --_grid-template-columns: var(--_cols);\n  }\n\n  :host([template-columns]) slot {\n    --_grid-template-columns: var(--_template-columns);\n  }\n\n  @media (min-width: 600px) {\n    :host([gutter-sm=none]) {\n      --_grid-gutter: 0;\n    }\n    :host([gutter-sm=small]) {\n      --_grid-gutter: var(--_grid-spacing-sm);\n    }\n    :host([gutter-sm=medium]) {\n      --_grid-gutter: var(--_grid-spacing-md);\n    }\n    :host([gutter-sm=large]) {\n      --_grid-gutter: var(--_grid-spacing-lg);\n    }\n    :host([gutter-sm=extra-large]) {\n      --_grid-gutter: var(--_grid-spacing-xl);\n    }\n    :host([cols-sm]) slot {\n      --_grid-template-columns: var(--_cols-sm);\n    }\n    :host([template-columns-sm]) slot {\n      --_grid-template-columns: var(--_template-columns-sm);\n    }\n  }\n  @media (min-width: 840px) {\n    :host([gutter-md=none]) {\n      --_grid-gutter: 0;\n    }\n    :host([gutter-md=small]) {\n      --_grid-gutter: var(--_grid-spacing-sm);\n    }\n    :host([gutter-md=medium]) {\n      --_grid-gutter: var(--_grid-spacing-md);\n    }\n    :host([gutter-md=large]) {\n      --_grid-gutter: var(--_grid-spacing-lg);\n    }\n    :host([gutter-md=extra-large]) {\n      --_grid-gutter: var(--_grid-spacing-xl);\n    }\n    :host([cols-md]) slot {\n      --_grid-template-columns: var(--_cols-md);\n    }\n    :host([template-columns-md]) slot {\n      --_grid-template-columns: var(--_template-columns-md);\n    }\n  }\n  @media (min-width: 1200px) {\n    :host([gutter-lg=none]) {\n      --_grid-gutter: 0;\n    }\n    :host([gutter-lg=small]) {\n      --_grid-gutter: var(--_grid-spacing-sm);\n    }\n    :host([gutter-lg=medium]) {\n      --_grid-gutter: var(--_grid-spacing-md);\n    }\n    :host([gutter-lg=large]) {\n      --_grid-gutter: var(--_grid-spacing-lg);\n    }\n    :host([gutter-lg=extra-large]) {\n      --_grid-gutter: var(--_grid-spacing-xl);\n    }\n    :host([cols-lg]) slot {\n      --_grid-template-columns: var(--_cols-lg);\n    }\n    :host([template-columns-lg]) slot {\n      --_grid-template-columns: var(--_template-columns-lg);\n    }\n  }\n  @media (min-width: 1600px) {\n    :host([gutter-xl=none]) {\n      --_grid-gutter: 0;\n    }\n    :host([gutter-xl=small]) {\n      --_grid-gutter: var(--_grid-spacing-sm);\n    }\n    :host([gutter-xl=medium]) {\n      --_grid-gutter: var(--_grid-spacing-md);\n    }\n    :host([gutter-xl=large]) {\n      --_grid-gutter: var(--_grid-spacing-lg);\n    }\n    :host([gutter-xl=extra-large]) {\n      --_grid-gutter: var(--_grid-spacing-xl);\n    }\n    :host([cols-xl]) slot {\n      --_grid-template-columns: var(--_cols-xl);\n    }\n    :host([template-columns-xl]) slot {\n      --_grid-template-columns: var(--_template-columns-xl);\n    }\n  }\n  slot {\n    display: grid;\n    grid-template-columns: var(--_grid-template-columns);\n    gap: var(--u-grid-gutter, var(--_grid-gutter));\n  }\n`;\n"]}

package/divider/divider.d.ts

@@ -1,14 +0,0 @@
-import { LitElement } from 'lit';
-export declare class UmDivider extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * When true, remove the margin of the divider
-     */
-    noMargin: boolean;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'u-divider': UmDivider;
-    }
-}
-//# sourceMappingURL=divider.d.ts.map

package/divider/divider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,SAAU,SAAQ,UAAU;IAEvC,OAAgB,MAAM,0BAAU;IAEhC;;OAEG;IAC+D,QAAQ,UAAS;CACpF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,SAAS,CAAC;KACxB;CACF"}