@universal-material/web 3.0.140 → 3.0.142

package/navigation/drawer-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-item.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n    --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\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-item-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n    height: var(--u-drawer-item-height, 56px);\n    padding-inline: var(--_drawer-item-padding);\n    margin-inline: calc(var(--_drawer-item-padding) * -1);\n    border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n    color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  :host(.active),\n  :host([active]) {\n    color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n  }\n\n  :host(:not([has-icon])) .icon,\n  :host(:not([has-badge])) .badge {\n    display: none;\n  }\n\n  .icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--_drawer-item-icon-size);\n    line-height: 1em;\n    margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n  }\n\n  .badge {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-inline-start: auto;\n    padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n  }\n\n  .content {\n    justify-content: flex-start;\n  }\n`;\n"]}

package/navigation/drawer.d.ts

@@ -0,0 +1,11 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+export declare class UmDrawer extends LitElement {
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-drawer': UmDrawer;
+    }
+}
+//# sourceMappingURL=drawer.d.ts.map

package/navigation/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAGpB;cAEiB,MAAM,IAAI,kBAAkB;CAOhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/navigation/drawer.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles.js';
+import { styles } from './drawer.styles.js';
+let UmDrawer = class UmDrawer extends LitElement {
+    static { this.styles = [
+        baseStyles,
+        styles,
+    ]; }
+    render() {
+        return html `
+      <div class="container">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+UmDrawer = __decorate([
+    customElement('u-drawer')
+], UmDrawer);
+export { UmDrawer };
+//# sourceMappingURL=drawer.js.map

package/navigation/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aACtB,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZU,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAapB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer.styles.js';\n\n@customElement('u-drawer')\nexport class UmDrawer extends LitElement {\n  static override styles = [\n    baseStyles,\n    styles,\n  ];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <div class=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer': UmDrawer;\n  }\n}\n"]}

package/navigation/drawer.styles.d.ts

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

package/navigation/drawer.styles.d.ts.map

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

package/navigation/drawer.styles.js

@@ -0,0 +1,22 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    height: 100vh;
+  }
+
+  .container {
+    background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));
+    color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));
+    height: 100%;
+    overflow: auto;
+    padding-inline: var(--u-drawer-padding, 28px);
+  }
+
+  @media (min-width: 1200px) {
+    .container {
+      background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));
+    }
+  }
+`;
+//# sourceMappingURL=drawer.styles.js.map

package/navigation/drawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    height: 100vh;\n  }\n\n  .container {\n    background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n    color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n    height: 100%;\n    overflow: auto;\n    padding-inline: var(--u-drawer-padding, 28px);\n  }\n\n  @media (min-width: 1200px) {\n    .container {\n      background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n    }\n  }\n`;\n"]}

package/navigation/side-navigation-swiper.styles.d.ts

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

package/navigation/side-navigation-swiper.styles.d.ts.map

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

package/navigation/side-navigation-swiper.styles.js

@@ -0,0 +1,131 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_navigation-width: 0;
+    --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);
+    --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);
+    --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));
+    --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);
+    display: block;
+    width: 100%;
+    height: 100%;
+    --u-app-bar-offset: var(--_navigation-width);
+  }
+
+  :host(.disable-transition) * {
+    transition: none !important;
+  }
+  :host(.disable-transition) * ::slotted(u-top-app-bar) {
+    transition: none !important;
+  }
+
+  .drawer {
+    transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);
+  }
+  .drawer,
+  .drawer u-elevation,
+  .drawer .drawer-container {
+    border-start-end-radius: var(--_navigation-drawer-corner-shape);
+    border-end-end-radius: var(--_navigation-drawer-corner-shape);
+  }
+  .drawer.toggle u-elevation {
+    --u-elevation-level: 1;
+  }
+
+  .drawer-container {
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .scrim {
+    --_modal-drawer-open-progress: 0;
+    position: absolute;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    width: 100vw;
+    height: 100vh;
+    background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));
+    pointer-events: none;
+    opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));
+    transition: opacity 375ms linear;
+  }
+  .scrim.moving {
+    transition: none;
+  }
+  .scrim.toggle {
+    --_modal-drawer-open-progress: 1;
+    pointer-events: auto;
+  }
+
+  @media (min-width: 840px) {
+    .content slot {
+      display: flex;
+      flex-direction: column;
+      height: 100vh;
+    }
+  }
+  @media (min-width: 1200px) {
+    .container {
+      --_navigation-width: var(--_navigation-drawer-width);
+    }
+    .container:has(.drawer.toggle) {
+      --_navigation-width: 0;
+    }
+    .drawer {
+      border-radius: 0;
+      inset-inline-start: 0;
+    }
+    .drawer.toggle {
+      inset-inline-start: var(--_navigation-drawer-width-negative);
+    }
+    u-elevation,
+    .scrim {
+      display: none;
+    }
+  }
+  .content {
+    position: fixed;
+    inset: 0;
+    z-index: 1;
+    overflow: auto;
+  }
+
+  .drawer {
+    position: relative;
+    width: var(--_navigation-drawer-width);
+    z-index: var(--u-side-navigation-z-index, 1030);
+    pointer-events: auto;
+  }
+
+  .scrim {
+    z-index: 1;
+  }
+
+  swiper-container {
+    height: 100%;
+    --u-app-bar-offset: var(--_navigation-width);
+  }
+
+  swiper-container::part(wrapper) {
+    pointer-events: none;
+    z-index: 2;
+  }
+
+  @media (min-width: 1200px) {
+    :host {
+      --_navigation-width: var(--_navigation-drawer-width);
+    }
+    .content {
+      position: static;
+    }
+    swiper-container::part(container) {
+      display: grid;
+      grid-template-columns: var(--_navigation-width) minmax(0, 1fr);
+      transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);
+    }
+    .dummy-slide {
+      display: none;
+    }
+  }
+`;
+//# sourceMappingURL=side-navigation-swiper.styles.js.map

package/navigation/side-navigation-swiper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-swiper.styles.js","sourceRoot":"","sources":["../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_navigation-width: 0;\n    --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n    --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n    --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n    --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n    display: block;\n    width: 100%;\n    height: 100%;\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  :host(.disable-transition) * {\n    transition: none !important;\n  }\n  :host(.disable-transition) * ::slotted(u-top-app-bar) {\n    transition: none !important;\n  }\n\n  .drawer {\n    transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  .drawer,\n  .drawer u-elevation,\n  .drawer .drawer-container {\n    border-start-end-radius: var(--_navigation-drawer-corner-shape);\n    border-end-end-radius: var(--_navigation-drawer-corner-shape);\n  }\n  .drawer.toggle u-elevation {\n    --u-elevation-level: 1;\n  }\n\n  .drawer-container {\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .scrim {\n    --_modal-drawer-open-progress: 0;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100vw;\n    height: 100vh;\n    background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n    pointer-events: none;\n    opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n    transition: opacity 375ms linear;\n  }\n  .scrim.moving {\n    transition: none;\n  }\n  .scrim.toggle {\n    --_modal-drawer-open-progress: 1;\n    pointer-events: auto;\n  }\n\n  @media (min-width: 840px) {\n    .content slot {\n      display: flex;\n      flex-direction: column;\n      height: 100vh;\n    }\n  }\n  @media (min-width: 1200px) {\n    .container {\n      --_navigation-width: var(--_navigation-drawer-width);\n    }\n    .container:has(.drawer.toggle) {\n      --_navigation-width: 0;\n    }\n    .drawer {\n      border-radius: 0;\n      inset-inline-start: 0;\n    }\n    .drawer.toggle {\n      inset-inline-start: var(--_navigation-drawer-width-negative);\n    }\n    u-elevation,\n    .scrim {\n      display: none;\n    }\n  }\n  .content {\n    position: fixed;\n    inset: 0;\n    z-index: 1;\n    overflow: auto;\n  }\n\n  .drawer {\n    position: relative;\n    width: var(--_navigation-drawer-width);\n    z-index: var(--u-side-navigation-z-index, 1030);\n    pointer-events: auto;\n  }\n\n  .scrim {\n    z-index: 1;\n  }\n\n  swiper-container {\n    height: 100%;\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  swiper-container::part(wrapper) {\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  @media (min-width: 1200px) {\n    :host {\n      --_navigation-width: var(--_navigation-drawer-width);\n    }\n    .content {\n      position: static;\n    }\n    swiper-container::part(container) {\n      display: grid;\n      grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n      transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n    }\n    .dummy-slide {\n      display: none;\n    }\n  }\n`;\n"]}

package/navigation/side-navigation.d.ts

@@ -0,0 +1,33 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+import '../elevation/elevation.js';
+export declare class UmSideNavigation extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    private disableSlideAnimation;
+    /**
+     * Toggle the navigation drawer visibility
+     *
+     * _Modal drawer_: Open if `true`, closed if `false`
+     * _Standard drawer_: Collapsed if `true`, visible if `false`
+     */
+    get toggleDrawer(): boolean;
+    set toggleDrawer(toggleDrawer: boolean);
+    swiperContainer: any;
+    scrim: HTMLElement;
+    scrollContainer: HTMLElement | undefined;
+    render(): HTMLTemplateResult;
+    private renderDefault;
+    private renderWithSwipe;
+    private swiperActiveIndexChange;
+    private swiperTransitionStart;
+    private slidesGridLengthChange;
+    private swiperTransitionEnd;
+    private swiperSliderMove;
+    private scrimClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-side-navigation': UmSideNavigation;
+    }
+}
+//# sourceMappingURL=side-navigation.d.ts.map

package/navigation/side-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAS3D,OAAO,2BAA2B,CAAC;AAEnC,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,4BAA6E;IAGnG,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;;;;OAKG;IACH,IACI,YAAY,IAIe,OAAO,CAFrC;IAED,IAAI,YAAY,CAAC,YAAY,EAAE,OAAO,EAMrC;IAE0B,eAAe,EAAE,GAAG,CAAC;IAC/B,KAAK,EAAG,WAAW,CAAC;IACT,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IAE5D,MAAM,IAAI,kBAAkB;IAIrC,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;CAInB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}

package/navigation/side-navigation.js

@@ -0,0 +1,138 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { config } from '../config.js';
+import { styles as baseStyles } from '../shared/base.styles.js';
+import { styles as swiperStyles } from './side-navigation-swiper.styles.js';
+import { styles } from './side-navigation.styles.js';
+import '../elevation/elevation.js';
+let UmSideNavigation = class UmSideNavigation extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.#toggleDrawer = false;
+        this.disableSlideAnimation = false;
+    }
+    static { this.styles = [baseStyles, config.navigationDrawer.useSwiperJs ? swiperStyles : styles]; }
+    #toggleDrawer;
+    /**
+     * Toggle the navigation drawer visibility
+     *
+     * _Modal drawer_: Open if `true`, closed if `false`
+     * _Standard drawer_: Collapsed if `true`, visible if `false`
+     */
+    get toggleDrawer() {
+        return this.#toggleDrawer;
+    }
+    set toggleDrawer(toggleDrawer) {
+        this.#toggleDrawer = toggleDrawer;
+        if (!this.disableSlideAnimation) {
+            this.swiperContainer?.swiper?.slideTo(toggleDrawer ? 0 : 1);
+        }
+    }
+    render() {
+        return config.navigationDrawer.useSwiperJs ? this.renderWithSwipe() : this.renderDefault();
+    }
+    renderDefault() {
+        const classes = { toggle: this.toggleDrawer };
+        return html `
+      <div class="grid container">
+        <div>
+          <div class="navigation">
+            <div class="scrim ${classMap(classes)}" @click="${this.scrimClick}"></div>
+            <div class="drawer ${classMap(classes)}">
+              <u-elevation></u-elevation>
+              <div class="drawer-container">
+                <slot name="drawer"></slot>
+              </div>
+            </div>
+            <slot name="rail"></slot>
+          </div>
+        </div>
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+    renderWithSwipe() {
+        const classes = { toggle: this.toggleDrawer };
+        return html `
+      <swiper-container
+        class="container"
+        initial-slide="1"
+        resistance-ratio="0"
+        slides-per-view="auto"
+        simulate-touch="false"
+        @swiperactiveindexchange="${this.swiperActiveIndexChange}"
+        @swiperslidermove="${this.swiperSliderMove}"
+        @swipertransitionend="${this.swiperTransitionEnd}"
+        @swipertransitionstart="${this.swiperTransitionStart}"
+        @swiperslidesgridlengthchange="${this.slidesGridLengthChange}">
+        <swiper-slide class="drawer ${classMap(classes)}">
+          <u-elevation></u-elevation>
+          <div class="drawer-container">
+            <slot name="drawer"></slot>
+          </div>
+        </swiper-slide>
+        <swiper-slide class="dummy-slide"></swiper-slide>
+
+        <div id="scroll-container" class="content" slot="container-end">
+          <slot></slot>
+        </div>
+        <div class="scrim ${classMap(classes)}" @click="${this.scrimClick}" slot="container-end"></div>
+      </swiper-container>
+    `;
+    }
+    swiperActiveIndexChange() {
+        if (!this.swiperContainer?.swiper) {
+            return;
+        }
+        this.toggleDrawer = !this.swiperContainer.swiper.activeIndex;
+    }
+    swiperTransitionStart() {
+        this.scrim.classList.add('moving');
+    }
+    slidesGridLengthChange() {
+        if (!this.swiperContainer?.swiper) {
+            return;
+        }
+        this.classList.add('disable-transition');
+        const gridLength = this.swiperContainer.swiper.snapGrid.length;
+        this.swiperContainer.swiper.slideTo(gridLength === 1 ? 0 : 1, 0);
+        this.disableSlideAnimation = true;
+        this.toggleDrawer = true;
+        this.toggleDrawer = false;
+        this.disableSlideAnimation = false;
+        setTimeout(() => this.classList.remove('disable-transition'));
+    }
+    swiperTransitionEnd() {
+        this.scrim.style.removeProperty('--_modal-drawer-open-progress');
+        this.scrim.classList.remove('moving');
+    }
+    swiperSliderMove(e) {
+        const swiper = e.detail[0];
+        this.scrim.style.setProperty('--_modal-drawer-open-progress', `${1 - swiper.progress}`);
+    }
+    scrimClick() {
+        this.toggleDrawer = false;
+        this.swiperContainer?.swiper?.slideTo(1);
+    }
+};
+__decorate([
+    property({ type: Boolean, attribute: 'toggle-drawer' })
+], UmSideNavigation.prototype, "toggleDrawer", null);
+__decorate([
+    query('swiper-container')
+], UmSideNavigation.prototype, "swiperContainer", void 0);
+__decorate([
+    query('.scrim')
+], UmSideNavigation.prototype, "scrim", void 0);
+__decorate([
+    query('#scroll-container')
+], UmSideNavigation.prototype, "scrollContainer", void 0);
+UmSideNavigation = __decorate([
+    customElement('u-side-navigation')
+], UmSideNavigation);
+export { UmSideNavigation };
+//# sourceMappingURL=side-navigation.js.map

package/navigation/side-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.js","sourceRoot":"","sources":["../../src/navigation/side-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { config } from '../config.js';\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles as swiperStyles } from './side-navigation-swiper.styles.js';\nimport { styles } from './side-navigation.styles.js';\n\nimport '../elevation/elevation.js';\n\n@customElement('u-side-navigation')\nexport class UmSideNavigation extends LitElement {\n  static override styles = [baseStyles, config.navigationDrawer.useSwiperJs ? swiperStyles : styles];\n\n  #toggleDrawer = false;\n  private disableSlideAnimation = false;\n\n  /**\n   * Toggle the navigation drawer visibility\n   *\n   * _Modal drawer_: Open if `true`, closed if `false`\n   * _Standard drawer_: Collapsed if `true`, visible if `false`\n   */\n  @property({ type: Boolean, attribute: 'toggle-drawer' })\n  get toggleDrawer() {\n    return this.#toggleDrawer;\n  }\n\n  set toggleDrawer(toggleDrawer: boolean) {\n    this.#toggleDrawer = toggleDrawer;\n\n    if (!this.disableSlideAnimation) {\n      this.swiperContainer?.swiper?.slideTo(toggleDrawer ? 0 : 1);\n    }\n  }\n\n  @query('swiper-container') swiperContainer: any;\n  @query('.scrim') scrim!: HTMLElement;\n  @query('#scroll-container') scrollContainer: HTMLElement | undefined;\n\n  override render(): HTMLTemplateResult {\n    return config.navigationDrawer.useSwiperJs ? this.renderWithSwipe() : this.renderDefault();\n  }\n\n  private renderDefault() {\n    const classes = { toggle: this.toggleDrawer };\n\n    return html`\n      <div class=\"grid container\">\n        <div>\n          <div class=\"navigation\">\n            <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\"></div>\n            <div class=\"drawer ${classMap(classes)}\">\n              <u-elevation></u-elevation>\n              <div class=\"drawer-container\">\n                <slot name=\"drawer\"></slot>\n              </div>\n            </div>\n            <slot name=\"rail\"></slot>\n          </div>\n        </div>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderWithSwipe() {\n    const classes = { toggle: this.toggleDrawer };\n    return html`\n      <swiper-container\n        class=\"container\"\n        initial-slide=\"1\"\n        resistance-ratio=\"0\"\n        slides-per-view=\"auto\"\n        simulate-touch=\"false\"\n        @swiperactiveindexchange=\"${this.swiperActiveIndexChange}\"\n        @swiperslidermove=\"${this.swiperSliderMove}\"\n        @swipertransitionend=\"${this.swiperTransitionEnd}\"\n        @swipertransitionstart=\"${this.swiperTransitionStart}\"\n        @swiperslidesgridlengthchange=\"${this.slidesGridLengthChange}\">\n        <swiper-slide class=\"drawer ${classMap(classes)}\">\n          <u-elevation></u-elevation>\n          <div class=\"drawer-container\">\n            <slot name=\"drawer\"></slot>\n          </div>\n        </swiper-slide>\n        <swiper-slide class=\"dummy-slide\"></swiper-slide>\n\n        <div id=\"scroll-container\" class=\"content\" slot=\"container-end\">\n          <slot></slot>\n        </div>\n        <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\" slot=\"container-end\"></div>\n      </swiper-container>\n    `;\n  }\n\n  private swiperActiveIndexChange() {\n    if (!this.swiperContainer?.swiper) {\n      return;\n    }\n\n    this.toggleDrawer = !this.swiperContainer.swiper.activeIndex;\n  }\n\n  private swiperTransitionStart() {\n    this.scrim.classList.add('moving');\n  }\n\n  private slidesGridLengthChange() {\n    if (!this.swiperContainer?.swiper) {\n      return;\n    }\n\n    this.classList.add('disable-transition');\n\n    const gridLength = this.swiperContainer.swiper.snapGrid.length;\n    this.swiperContainer.swiper.slideTo(gridLength === 1 ? 0 : 1, 0);\n    this.disableSlideAnimation = true;\n    this.toggleDrawer = true;\n    this.toggleDrawer = false;\n    this.disableSlideAnimation = false;\n    setTimeout(() => this.classList.remove('disable-transition'));\n  }\n\n  private swiperTransitionEnd() {\n    this.scrim.style.removeProperty('--_modal-drawer-open-progress');\n    this.scrim.classList.remove('moving');\n  }\n\n  private swiperSliderMove(e: Event) {\n\n    const swiper = (e as any).detail[0];\n    this.scrim.style.setProperty('--_modal-drawer-open-progress', `${1 - swiper.progress}`);\n  }\n\n  private scrimClick() {\n    this.toggleDrawer = false;\n    this.swiperContainer?.swiper?.slideTo(1);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-side-navigation': UmSideNavigation;\n  }\n}\n"]}

package/navigation/side-navigation.styles.d.ts

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

package/navigation/side-navigation.styles.d.ts.map

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

package/navigation/side-navigation.styles.js

@@ -0,0 +1,124 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_navigation-width: 0;
+    --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);
+    --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);
+    --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));
+    --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);
+    display: block;
+    width: 100%;
+    height: 100%;
+    --u-app-bar-offset: var(--_navigation-width);
+  }
+
+  :host(.disable-transition) * {
+    transition: none !important;
+  }
+  :host(.disable-transition) * ::slotted(u-top-app-bar) {
+    transition: none !important;
+  }
+
+  .drawer {
+    transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);
+  }
+  .drawer,
+  .drawer u-elevation,
+  .drawer .drawer-container {
+    border-start-end-radius: var(--_navigation-drawer-corner-shape);
+    border-end-end-radius: var(--_navigation-drawer-corner-shape);
+  }
+  .drawer.toggle u-elevation {
+    --u-elevation-level: 1;
+  }
+
+  .drawer-container {
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .scrim {
+    --_modal-drawer-open-progress: 0;
+    position: absolute;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    width: 100vw;
+    height: 100vh;
+    background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));
+    pointer-events: none;
+    opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));
+    transition: opacity 375ms linear;
+  }
+  .scrim.moving {
+    transition: none;
+  }
+  .scrim.toggle {
+    --_modal-drawer-open-progress: 1;
+    pointer-events: auto;
+  }
+
+  @media (min-width: 840px) {
+    .content slot {
+      display: flex;
+      flex-direction: column;
+      height: 100vh;
+    }
+  }
+  @media (min-width: 1200px) {
+    .container {
+      --_navigation-width: var(--_navigation-drawer-width);
+    }
+    .container:has(.drawer.toggle) {
+      --_navigation-width: 0;
+    }
+    .drawer {
+      border-radius: 0;
+      inset-inline-start: 0;
+    }
+    .drawer.toggle {
+      inset-inline-start: var(--_navigation-drawer-width-negative);
+    }
+    u-elevation,
+    .scrim {
+      display: none;
+    }
+  }
+  .navigation {
+    position: fixed;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    height: 100%;
+    z-index: var(--u-side-navigation-z-index, 1030);
+  }
+
+  .drawer {
+    position: absolute;
+    inset-inline-start: var(--_navigation-drawer-width-negative);
+    inset-block-start: 0;
+    width: var(--_navigation-drawer-width);
+    height: 100%;
+    border-start-end-radius: var(--_navigation-drawer-corner-shape);
+    border-end-end-radius: var(--_navigation-drawer-corner-shape);
+    overflow: hidden;
+  }
+  .drawer.toggle {
+    inset-inline-start: 0;
+  }
+
+  .grid {
+    display: grid;
+    grid-template-columns: var(--_navigation-width) minmax(0, 1fr);
+    transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);
+    --u-app-bar-offset: var(--_navigation-width);
+  }
+
+  @media (min-width: 1200px) {
+    .drawer {
+      inset-inline-start: 0;
+    }
+    .drawer.toggle {
+      inset-inline-start: var(--_navigation-drawer-width-negative);
+    }
+  }
+`;
+//# sourceMappingURL=side-navigation.styles.js.map

package/navigation/side-navigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.styles.js","sourceRoot":"","sources":["../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_navigation-width: 0;\n    --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n    --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n    --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n    --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n    display: block;\n    width: 100%;\n    height: 100%;\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  :host(.disable-transition) * {\n    transition: none !important;\n  }\n  :host(.disable-transition) * ::slotted(u-top-app-bar) {\n    transition: none !important;\n  }\n\n  .drawer {\n    transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  .drawer,\n  .drawer u-elevation,\n  .drawer .drawer-container {\n    border-start-end-radius: var(--_navigation-drawer-corner-shape);\n    border-end-end-radius: var(--_navigation-drawer-corner-shape);\n  }\n  .drawer.toggle u-elevation {\n    --u-elevation-level: 1;\n  }\n\n  .drawer-container {\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .scrim {\n    --_modal-drawer-open-progress: 0;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100vw;\n    height: 100vh;\n    background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n    pointer-events: none;\n    opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n    transition: opacity 375ms linear;\n  }\n  .scrim.moving {\n    transition: none;\n  }\n  .scrim.toggle {\n    --_modal-drawer-open-progress: 1;\n    pointer-events: auto;\n  }\n\n  @media (min-width: 840px) {\n    .content slot {\n      display: flex;\n      flex-direction: column;\n      height: 100vh;\n    }\n  }\n  @media (min-width: 1200px) {\n    .container {\n      --_navigation-width: var(--_navigation-drawer-width);\n    }\n    .container:has(.drawer.toggle) {\n      --_navigation-width: 0;\n    }\n    .drawer {\n      border-radius: 0;\n      inset-inline-start: 0;\n    }\n    .drawer.toggle {\n      inset-inline-start: var(--_navigation-drawer-width-negative);\n    }\n    u-elevation,\n    .scrim {\n      display: none;\n    }\n  }\n  .navigation {\n    position: fixed;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    height: 100%;\n    z-index: var(--u-side-navigation-z-index, 1030);\n  }\n\n  .drawer {\n    position: absolute;\n    inset-inline-start: var(--_navigation-drawer-width-negative);\n    inset-block-start: 0;\n    width: var(--_navigation-drawer-width);\n    height: 100%;\n    border-start-end-radius: var(--_navigation-drawer-corner-shape);\n    border-end-end-radius: var(--_navigation-drawer-corner-shape);\n    overflow: hidden;\n  }\n  .drawer.toggle {\n    inset-inline-start: 0;\n  }\n\n  .grid {\n    display: grid;\n    grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n    transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n    --u-app-bar-offset: var(--_navigation-width);\n  }\n\n  @media (min-width: 1200px) {\n    .drawer {\n      inset-inline-start: 0;\n    }\n    .drawer.toggle {\n      inset-inline-start: var(--_navigation-drawer-width-negative);\n    }\n  }\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.0.140",
+  "version": "3.0.142",
   "description": "Material web components",
   "type": "module",
   "keywords": [
@@ -38,9 +38,7 @@
     "docs:watch": "npm run predocs && cd docs && ng build --watch --configuration development",
     "analyze": "cem analyze --litelement --globs \"src/**/*.ts\"",
     "analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
-    "checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js",
-    "publish": "npm run lint:eslint && cd dist && npm publish",
-    "postinstall": "node ./change-schematics-to-generate-pug.js && node ./change-compiler-to-add-custom-elements.js"
+    "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",
   "repository": {

package/progress/circular-progress.d.ts

@@ -0,0 +1,14 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class UmCircularProgress extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    value: number | undefined;
+    max: number;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-circular-progress': UmCircularProgress;
+    }
+}
+//# sourceMappingURL=circular-progress.d.ts.map

package/progress/circular-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../src/progress/circular-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,qBACa,kBAAmB,SAAQ,UAAU;;IAChD,OAAgB,MAAM,4BAAY;IAEN,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,SAAK;cAEjB,MAAM,IAAI,cAAc;CA6D5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}