@universal-material/web 3.0.0 → 3.0.1

package/divider/divider.d.ts

@@ -1,11 +1,14 @@
 import { LitElement } from 'lit';
-export declare class Divider extends LitElement {
+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': Divider;
+        'u-divider': UmDivider;
     }
 }
 //# sourceMappingURL=divider.d.ts.map

package/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,UAAU,EAAC,MAAM,KAAK,CAAC;AAGpC,qBACa,OAAQ,SAAQ,UAAU;IAErC,OAAgB,MAAM,0BAYpB;IAEgE,QAAQ,UAAS;CACpF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}
+{"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"}

package/divider/divider.js

@@ -4,32 +4,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { css, LitElement } from 'lit';
+import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-let Divider = class Divider extends LitElement {
+import { styles } from './divider.styles';
+let UmDivider = class UmDivider extends LitElement {
     constructor() {
         super(...arguments);
+        /**
+         * When true, remove the margin of the divider
+         */
         this.noMargin = false;
     }
 };
-Divider.styles = css `
-    :host {
-      --_divider-thickness: var(--u-divider-thickness, 1px);
-      display: block;
-      margin-block: 8px;
-      height: var(--_divider-thickness);
-      background-color: var(--u-divider-color, var(--u-outline-variant-color, #cac4d0));
-    }
-    
-    :host([no-margin]) {
-      margin: 0;
-    }
-  `;
+UmDivider.styles = styles;
 __decorate([
     property({ type: Boolean, attribute: 'no-margin', reflect: true })
-], Divider.prototype, "noMargin", void 0);
-Divider = __decorate([
+], UmDivider.prototype, "noMargin", void 0);
+UmDivider = __decorate([
     customElement('u-divider')
-], Divider);
-export { Divider };
+], UmDivider);
+export { UmDivider };
 //# sourceMappingURL=divider.js.map

package/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,UAAU,EAAC,MAAM,KAAK,CAAC;AACpC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAGnD,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAgB6D,aAAQ,GAAG,KAAK,CAAC;IACrF,CAAC;;AAfiB,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;GAY3B,AAZqB,CAYpB;AAEgE;IAAjE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAAkB;AAhBxE,OAAO;IADnB,aAAa,CAAC,WAAW,CAAC;GACd,OAAO,CAiBnB","sourcesContent":["import {css, LitElement} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('u-divider')\nexport class Divider extends LitElement {\n\n  static override styles = css`\n    :host {\n      --_divider-thickness: var(--u-divider-thickness, 1px);\n      display: block;\n      margin-block: 8px;\n      height: var(--_divider-thickness);\n      background-color: var(--u-divider-color, var(--u-outline-variant-color, #cac4d0));\n    }\n    \n    :host([no-margin]) {\n      margin: 0;\n    }\n  `;\n\n  @property({type: Boolean, attribute: 'no-margin', reflect: true}) noMargin = false;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-divider': Divider;\n  }\n}\n"]}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGnC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIL;;WAEG;QAC+D,aAAQ,GAAG,KAAK,CAAC;IACrF,CAAC;;AANiB,gBAAM,GAAG,MAAM,AAAT,CAAU;AAKkC;IAAjE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;2CAAkB;AAPxE,SAAS;IADrB,aAAa,CAAC,WAAW,CAAC;GACd,SAAS,CAQrB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './divider.styles';\n\n@customElement('u-divider')\nexport class UmDivider extends LitElement {\n\n  static override styles = styles;\n\n  /**\n   * When true, remove the margin of the divider\n   */\n  @property({type: Boolean, attribute: 'no-margin', reflect: true}) noMargin = false;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-divider': UmDivider;\n  }\n}\n"]}

package/divider/divider.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=divider.styles.d.ts.map

package/divider/divider.styles.d.ts.map

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

package/divider/divider.styles.js

@@ -0,0 +1,15 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_divider-thickness: var(--u-divider-thickness, 1px);
+    display: block;
+    margin-block: 8px;
+    height: var(--_divider-thickness);
+    background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));
+  }
+
+  :host([no-margin]) {
+    margin: 0;
+  }
+`;
+//# sourceMappingURL=divider.styles.js.map

package/divider/divider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../src/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;CAYzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_divider-thickness: var(--u-divider-thickness, 1px);\n    display: block;\n    margin-block: 8px;\n    height: var(--_divider-thickness);\n    background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n  }\n\n  :host([no-margin]) {\n    margin: 0;\n  }\n`;\n"]}

package/elevation/elevation.d.ts

@@ -1,10 +1,11 @@
-import { AreaHiddenElement } from '../shared/area-hidden-element';
-export declare class Elevation extends AreaHiddenElement {
+import { LitElement } from 'lit';
+export declare class UmElevation extends LitElement {
     static styles: import("lit").CSSResult;
+    ariaHidden: string;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-elevation': Elevation;
+        'u-elevation': UmElevation;
     }
 }
 //# sourceMappingURL=elevation.d.ts.map

package/elevation/elevation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAEhE,qBACa,SAAU,SAAQ,iBAAiB;IAC9C,OAAgB,MAAM,0BA8BpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
+{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAU;IAEvB,UAAU,SAAU;CAC9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}

package/elevation/elevation.js

@@ -4,44 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { css } from 'lit';
+import { LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
-import { AreaHiddenElement } from '../shared/area-hidden-element';
-let Elevation = class Elevation extends AreaHiddenElement {
-};
-Elevation.styles = css `
-    :host {
-      --_level: var(--u-elevation-level, 0);
-      --_shadow-color: var(--u-shadow-color, #000);
-
-      -webkit-tap-highlight-color: transparent;
-      position: absolute;
-      inset: 0;
-      border-radius: inherit;
-      pointer-events: none;
-    }
-
-    :host::before,
-    :host::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      border-radius: inherit;
-      transition: box-shadow 150ms ease-in-out;
-    }
-    
-    :host::before {
-      box-shadow: 0 calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0 var(--_shadow-color);
-      opacity: .3;
+import { styles } from './elevation.styles';
+let UmElevation = class UmElevation extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.ariaHidden = "true";
     }
-    
-    :host::after {
-      box-shadow: 0 calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);
-      opacity: .15;
-    }
-  `;
-Elevation = __decorate([
+};
+UmElevation.styles = styles;
+UmElevation = __decorate([
     customElement('u-elevation')
-], Elevation);
-export { Elevation };
+], UmElevation);
+export { UmElevation };
 //# sourceMappingURL=elevation.js.map

package/elevation/elevation.js.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.js","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGzD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,iBAAiB;;AAC9B,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8B3B,AA9BqB,CA8BpB;AA/BS,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CAgCrB","sourcesContent":["import {css} from 'lit';\nimport {customElement} from 'lit/decorators.js';\n\nimport {AreaHiddenElement} from '../shared/area-hidden-element';\n\n@customElement('u-elevation')\nexport class Elevation extends AreaHiddenElement {\n  static override styles = css`\n    :host {\n      --_level: var(--u-elevation-level, 0);\n      --_shadow-color: var(--u-shadow-color, #000);\n\n      -webkit-tap-highlight-color: transparent;\n      position: absolute;\n      inset: 0;\n      border-radius: inherit;\n      pointer-events: none;\n    }\n\n    :host::before,\n    :host::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border-radius: inherit;\n      transition: box-shadow 150ms ease-in-out;\n    }\n    \n    :host::before {\n      box-shadow: 0 calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0 var(--_shadow-color);\n      opacity: .3;\n    }\n    \n    :host::after {\n      box-shadow: 0 calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);\n      opacity: .15;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-elevation': Elevation;\n  }\n}\n"]}
+{"version":3,"file":"elevation.js","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAGI,eAAU,GAAG,MAAM,CAAC;IAC/B,CAAC;;AAHiB,kBAAM,GAAG,MAAM,AAAT,CAAU;AADrB,WAAW;IADvB,aAAa,CAAC,aAAa,CAAC;GAChB,WAAW,CAIvB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './elevation.styles';\n\n@customElement('u-elevation')\nexport class UmElevation extends LitElement {\n  static override styles = styles;\n\n  override ariaHidden = \"true\";\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-elevation': UmElevation;\n  }\n}\n"]}

package/elevation/elevation.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=elevation.styles.d.ts.map

package/elevation/elevation.styles.d.ts.map

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

package/elevation/elevation.styles.js

@@ -0,0 +1,28 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_level: var(--u-elevation-level, 0);
+    --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));
+    -webkit-tap-highlight-color: transparent;
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    pointer-events: none;
+  }
+  :host::before, :host::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    transition: box-shadow 150ms ease-in-out;
+  }
+  :host::before {
+    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);
+    opacity: 0.3;
+  }
+  :host::after {
+    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);
+    opacity: 0.15;
+  }
+`;
+//# sourceMappingURL=elevation.styles.js.map

package/elevation/elevation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.styles.js","sourceRoot":"","sources":["../../src/elevation/elevation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAyBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_level: var(--u-elevation-level, 0);\n    --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n    -webkit-tap-highlight-color: transparent;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n  :host::before, :host::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    transition: box-shadow 150ms ease-in-out;\n  }\n  :host::before {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n    opacity: 0.3;\n  }\n  :host::after {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n    opacity: 0.15;\n  }\n`;\n"]}

package/index.d.ts

@@ -0,0 +1,23 @@
+import './button/button.js';
+import './button/fab.js';
+import './button/icon-button.js';
+import './button/button-set.js';
+import './card/card.js';
+import './checkbox/checkbox.js';
+import './container/container.js';
+import './divider/divider.js';
+import './elevation/elevation.js';
+import './ripple/ripple.js';
+import './table/table.js';
+export * from './button/button.js';
+export * from './button/fab.js';
+export * from './button/icon-button.js';
+export * from './button/button-set.js';
+export * from './card/card.js';
+export * from './checkbox/checkbox.js';
+export * from './container/container.js';
+export * from './divider/divider.js';
+export * from './elevation/elevation.js';
+export * from './ripple/ripple.js';
+export * from './table/table.js';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAE1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

package/index.js

@@ -0,0 +1,23 @@
+import './button/button.js';
+import './button/fab.js';
+import './button/icon-button.js';
+import './button/button-set.js';
+import './card/card.js';
+import './checkbox/checkbox.js';
+import './container/container.js';
+import './divider/divider.js';
+import './elevation/elevation.js';
+import './ripple/ripple.js';
+import './table/table.js';
+export * from './button/button.js';
+export * from './button/fab.js';
+export * from './button/icon-button.js';
+export * from './button/button-set.js';
+export * from './card/card.js';
+export * from './checkbox/checkbox.js';
+export * from './container/container.js';
+export * from './divider/divider.js';
+export * from './elevation/elevation.js';
+export * from './ripple/ripple.js';
+export * from './table/table.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAE1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC","sourcesContent":["import './button/button.js';\nimport './button/fab.js';\nimport './button/icon-button.js';\nimport './button/button-set.js';\nimport './card/card.js';\nimport './checkbox/checkbox.js';\nimport './container/container.js';\nimport './divider/divider.js';\nimport './elevation/elevation.js';\nimport './ripple/ripple.js';\nimport './table/table.js';\n\nexport * from './button/button.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button/button-set.js';\nexport * from './card/card.js';\nexport * from './checkbox/checkbox.js';\nexport * from './container/container.js';\nexport * from './divider/divider.js';\nexport * from './elevation/elevation.js';\nexport * from './ripple/ripple.js';\nexport * from './table/table.js';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Material web components",
   "type": "module",
   "keywords": [
@@ -13,32 +13,30 @@
     "typescript",
     "lit"
   ],
+  "module": "./index.js",
+  "typings": "./index.d.ts",
   "scripts": {
-    "build": "tsc",
-    "build:watch": "tsc --watch",
-    "clean": "rimraf my-element.{d.ts,d.ts.map,js,js.map} test/my-element.{d.ts,d.ts.map,js,js.map} test/my-element_test.{d.ts,d.ts.map,js,js.map}",
+    "build": "run-s clean sass:sass-to-ts script:build copy",
+    "build:watch": "npm-run-all clean sass:sass-to-ts --parallel sass:sass-to-ts:watch script:build:watch",
+    "script:build": "tsc",
+    "script:build:watch": "tsc --watch",
+    "script:build:prod": "npm run clean && npm run script:build && npm run copy",
+    "sass:sass-to-ts": "gulp -f gulpfile.js sass:sass-to-ts",
+    "sass:sass-to-ts:watch": "gulp -f gulpfile.js sass:sass-to-ts:watch",
+    "clean": "rimraf ./dist/ rimraf ./src/**/*.d.ts rimraf ./src/**/*.styles.ts",
+    "copy": "copyfiles package.json README.md custom-elements.json dist/",
     "lint": "npm run lint:lit-analyzer && npm run lint:eslint",
     "lint:eslint": "eslint 'src/**/*.ts'",
     "lint:lit-analyzer": "lit-analyzer",
     "format": "prettier \"**/*.{cjs,html,js,json,md,ts}\" --ignore-path ./.eslintignore --write",
-    "docs": "npm run docs:clean && npm run build && npm run analyze && npm run docs:build && npm run docs:assets && npm run docs:gen",
-    "docs:clean": "rimraf docs",
-    "docs:gen": "eleventy --config=.eleventy.cjs",
-    "docs:gen:watch": "eleventy --config=.eleventy.cjs --watch",
-    "docs:build": "rollup -c --file docs/my-element.bundled.js",
-    "docs:assets": "cp node_modules/prismjs/themes/prism-okaidia.css docs/",
-    "docs:watch": "run-p docs:gulp docs:serve",
-    "docs:gulp": "gulp -f gulpfile.cjs docs",
+    "docs": "npm run docs:clean && npm run build && npm run analyze && npm run docs:build",
+    "docs:clean": "rimraf ./docs/dist/",
+    "docs:build": "gulp -f gulpfile.js docs",
+    "docs:watch": "run-p docs:gulp:watch docs:serve",
+    "docs:gulp:watch": "gulp -f gulpfile.js docs:watch",
     "docs:serve": "wds --root-dir=docs/dist --node-resolve --watch",
     "analyze": "cem analyze --litelement --globs \"src/**/*.ts\"",
     "analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
-    "serve": "wds --watch",
-    "serve:prod": "MODE=prod npm run serve",
-    "test": "npm run test:dev && npm run test:prod",
-    "test:dev": "wtr",
-    "test:watch": "wtr --watch",
-    "test:prod": "MODE=prod wtr",
-    "test:prod:watch": "MODE=prod wtr --watch",
     "checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js"
   },
   "author": "https://github.com/universal-material/universal-material/graphs/contributors",
@@ -49,33 +47,44 @@
   "license": "MIT",
   "homepage": "https://universal-material.github.io",
   "dependencies": {
-    "lit": "^3.0.0"
+    "lit": "^3.0.0",
+    "@material/material-color-utilities": "^0.2.7"
   },
   "devDependencies": {
     "@11ty/eleventy": "^1.0.1",
     "@11ty/eleventy-plugin-syntaxhighlight": "^4.0.0",
     "@custom-elements-manifest/analyzer": "^0.6.3",
     "@open-wc/testing": "^3.1.5",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.25.0",
-    "@typescript-eslint/parser": "^5.25.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
     "@web/dev-server": "^0.1.31",
     "@web/dev-server-legacy": "^1.0.0",
     "@web/test-runner": "^0.15.0",
     "@web/test-runner-playwright": "^0.9.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
-    "eslint": "^8.15.0",
+    "copyfiles": "^2.4.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-import-helpers": "^1.3.1",
+    "eslint-plugin-unused-imports": "^3.1.0",
     "gulp": "^4.0.2",
     "gulp-notify": "^4.0.0",
     "gulp-pug": "^5.0.0",
+    "gulp-sass": "^5.1.0",
+    "html-entities": "^2.5.2",
     "lit-analyzer": "^1.2.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.6.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.73.0",
-    "rollup-plugin-summary": "^1.4.3",
+    "rollup-plugin-summary": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "sass": "^1.74.1",
+    "through2": "^4.0.2",
+    "ts-morph": "^22.0.0",
     "typescript": "~5.3.3"
   },
   "customElements": "custom-elements.json"

package/ripple/ripple.d.ts

@@ -1,19 +1,25 @@
-import { AreaHiddenElement } from '../shared/area-hidden-element';
-export declare class Ripple extends AreaHiddenElement {
+import { HTMLTemplateResult, LitElement } from 'lit';
+export declare class UmRipple extends LitElement {
     static styles: import("lit").CSSResult;
-    disabled: boolean;
     private isTouching;
+    /**
+     * Disables the ripple.
+     */
+    disabled: boolean;
+    private readonly rippleContainer;
     constructor();
+    render(): HTMLTemplateResult;
     private attachEvents;
     private handleMouseDown;
     private handleTouchStart;
     private canCreateRipple;
-    createRipple(releaseEventName?: string | null, targetX?: number | null, targetY?: number | null): () => void;
+    createRipple(targetX?: number | null, targetY?: number | null, releaseEventName?: string | null): (() => void) | null;
+    private createDismissEvent;
     private static _setElementSquareSizeAndCenter;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-ripple': Ripple;
+        'u-ripple': UmRipple;
     }
 }
 //# sourceMappingURL=ripple.d.ts.map

package/ripple/ripple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/ripple/ripple.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAEhE,qBACa,MAAO,SAAQ,iBAAiB;IAE3C,OAAgB,MAAM,0BA0DpB;IAEwC,QAAQ,UAAS;IAC3D,OAAO,CAAC,UAAU,CAAS;;IAQ3B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;IAiCxB,OAAO,CAAC,eAAe;IAYvB,YAAY,CAAC,gBAAgB,GAAE,MAAM,GAAG,IAAW,EAAE,OAAO,GAAE,MAAM,GAAG,IAAW,EAAE,OAAO,GAAE,MAAM,GAAG,IAAW,GAAG,MAAM,IAAI;IAkD9H,OAAO,CAAC,MAAM,CAAC,8BAA8B;CAQ9C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/ripple/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,QAAS,SAAQ,UAAU;IAEtC,OAAgB,MAAM,0BAAU;IAEhC,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IACuC,QAAQ,UAAS;IAE/B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAe;;IASlE,MAAM,IAAI,kBAAkB;IAIrC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IAYvB,YAAY,CAAC,OAAO,GAAE,MAAM,GAAG,IAAW,EAAE,OAAO,GAAE,MAAM,GAAG,IAAW,EAAE,gBAAgB,GAAE,MAAM,GAAG,IAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;IA+CvI,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,MAAM,CAAC,8BAA8B;CAQ9C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}