@exmg/exm-snackbar 1.1.36 → 1.2.0

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/exm-snackbar.d.ts

@@ -0,0 +1,18 @@
+import { CSSResult } from 'lit';
+import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base.js';
+export declare class ExmSnackbar extends SnackbarBase {
+    /**
+     * Sets the Snackbar variant, options from MWC
+     * @type {String}
+     */
+    variant: 'positive' | 'negative' | 'info' | null;
+    xOffset: number;
+    yOffset: number;
+    static styles: CSSResult[];
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-snackbar': ExmSnackbar;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/exm-snackbar.js

@@ -0,0 +1,59 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base.js';
+import { accessibleSnackbarLabel } from '@material/mwc-snackbar/accessible-snackbar-label-directive.js';
+import { style as newStyles } from './styles/exm-snackbar-css.js';
+import { styles } from '@material/mwc-snackbar/mwc-snackbar.css.js';
+let ExmSnackbar = class ExmSnackbar extends SnackbarBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Sets the Snackbar variant, options from MWC
+         * @type {String}
+         */
+        this.variant = null;
+        this.xOffset = 0;
+        this.yOffset = 0;
+    }
+    render() {
+        const classes = {
+            'mdc-snackbar--stacked': this.stacked,
+            'mdc-snackbar--leading': this.leading,
+            'mdc-snackbar--positive': this.variant === 'positive',
+            'mdc-snackbar--negative': this.variant === 'negative',
+            'mdc-snackbar--info': this.variant === 'info',
+        };
+        return html ` <div
+      class="mdc-snackbar ${classMap(classes)}"
+      style="left:${this.xOffset}px; bottom:${this.yOffset}px;"
+      @keydown="${this._handleKeydown}"
+    >
+      <div class="mdc-snackbar__surface">
+        <slot name="icon"></slot>
+        ${accessibleSnackbarLabel(this.labelText, this.open)}
+        <div class="mdc-snackbar__actions">
+          <slot name="action" @click="${this._handleActionClick}"></slot>
+          <slot name="dismiss" @click="${this._handleDismissClick}"></slot>
+        </div>
+      </div>
+    </div>`;
+    }
+};
+ExmSnackbar.styles = [styles, newStyles];
+__decorate([
+    property({ type: String })
+], ExmSnackbar.prototype, "variant", void 0);
+__decorate([
+    property({ type: Number })
+], ExmSnackbar.prototype, "xOffset", void 0);
+__decorate([
+    property({ type: Number })
+], ExmSnackbar.prototype, "yOffset", void 0);
+ExmSnackbar = __decorate([
+    customElement('exm-snackbar')
+    // @ts-ignore this due to a version conflict between the currently used lit and the version used bu mcw
+], ExmSnackbar);
+export { ExmSnackbar };
+//# sourceMappingURL=exm-snackbar.js.map

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { ExmSnackbar } from './exm-snackbar.js';
+export { SnackBarPayload } from './types.js';
+export { style as snackbarStyles } from './styles/exm-snackbar-css.js';

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/index.js

@@ -0,0 +1,3 @@
+export { ExmSnackbar } from './exm-snackbar.js';
+export { style as snackbarStyles } from './styles/exm-snackbar-css.js';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/styles/exm-snackbar-css.d.ts

@@ -0,0 +1 @@
+export declare const style: import("lit").CSSResult;

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/styles/exm-snackbar-css.js

@@ -0,0 +1,31 @@
+import { css } from 'lit';
+export const style = css `
+  :host {
+    --exm-snackbar-positive-background-color: #12805c;
+    --exm-snackbar-negative-background-color: #c9252d;
+    --exm-snackbar-info-background-color: #0d66d0;
+    --exm-snackbar-text-color: #fff;
+  }
+
+  .mdc-snackbar--positive .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-positive-background-color) !important;
+  }
+
+  .mdc-snackbar--negative .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-negative-background-color) !important;
+  }
+
+  .mdc-snackbar--info .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-info-background-color) !important;
+  }
+
+  .mdc-snackbar__surface {
+    color: var(--exm-snackbar-text-color);
+  }
+
+  slot[name='icon']::slotted(*) {
+    margin-left: 12px;
+    min-width: 24px;
+  }
+`;
+//# sourceMappingURL=exm-snackbar-css.js.map

package/.rollup.cache/root/repo/packages/exm-snackbar/dist/types.d.ts

@@ -0,0 +1,4 @@
+export interface SnackBarPayload {
+    message: string;
+    duration?: number;
+}

package/dist/exm-snackbar.js

@@ -1,11 +1,12 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { property, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base.js';
 import { accessibleSnackbarLabel } from '@material/mwc-snackbar/accessible-snackbar-label-directive.js';
-import { style as newStyles } from './styles/exm-snackbar-css.js';
+import { style } from './styles/exm-snackbar-css.js';
 import { styles } from '@material/mwc-snackbar/mwc-snackbar.css.js';
+
 let ExmSnackbar = class ExmSnackbar extends SnackbarBase {
     constructor() {
         super(...arguments);
@@ -41,7 +42,7 @@ let ExmSnackbar = class ExmSnackbar extends SnackbarBase {
     </div>`;
     }
 };
-ExmSnackbar.styles = [styles, newStyles];
+ExmSnackbar.styles = [styles, style];
 __decorate([
     property({ type: String })
 ], ExmSnackbar.prototype, "variant", void 0);
@@ -55,5 +56,6 @@ ExmSnackbar = __decorate([
     customElement('exm-snackbar')
     // @ts-ignore this due to a version conflict between the currently used lit and the version used bu mcw
 ], ExmSnackbar);
+
 export { ExmSnackbar };
-//# sourceMappingURL=exm-snackbar.js.map
+//# sourceMappingURL=exm-snackbar.js.map

package/dist/index.js

@@ -1,3 +1,3 @@
 export { ExmSnackbar } from './exm-snackbar.js';
 export { style as snackbarStyles } from './styles/exm-snackbar-css.js';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/styles/exm-snackbar-css.js

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   :host {
     --exm-snackbar-positive-background-color: #12805c;
     --exm-snackbar-negative-background-color: #c9252d;
@@ -28,4 +29,6 @@ export const style = css `
     min-width: 24px;
   }
 `;
-//# sourceMappingURL=exm-snackbar-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-snackbar-css.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-snackbar",
-  "version": "1.1.36",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0fb4c4b7fdbc8d149a825e172b63f7e00c8e8a4a"
+  "gitHead": "b5f4ed4f41d79e3cce85dc0c44181ef4413d7458"
 }