@exmg/exm-form-drawer 1.0.14 → 1.0.16-alpha.12

package/{src → dist}/exm-form-drawer-base.d.ts

@@ -1,8 +1,8 @@
-import './exm-drawer.js';
+import '@exmg/exm-drawer/exm-drawer.js';
 import '@exmg/exm-button/exm-filled-button.js';
 import '@material/web/button/text-button.js';
 import { ExmgElement } from '@exmg/lit-base';
-declare const ExmFormDrawerBase_base: import("@exmg/exm-form").Constructor<import("@exmg/exm-form/src/exm-form-validate-mixin.js").FormValidateMixinInterface> & typeof ExmgElement;
+declare const ExmFormDrawerBase_base: import("@exmg/exm-form").Constructor<import("@exmg/exm-form/dist/exm-form-validate-mixin.js").FormValidateMixinInterface> & typeof ExmgElement;
 export declare class ExmFormDrawerBase extends ExmFormDrawerBase_base {
     /**
      * Opened state of the form-drawer

package/{src → dist}/exm-form-drawer-base.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import './exm-drawer.js';
+import '@exmg/exm-drawer/exm-drawer.js';
 import '@exmg/exm-button/exm-filled-button.js';
 import '@material/web/button/text-button.js';
 import { ExmgElement } from '@exmg/lit-base';
@@ -140,7 +140,7 @@ export class ExmFormDrawerBase extends ExmFormValidateMixin(ExmgElement) {
         ?no-cancel-on-outside-click="${this.noCancelOnOutsideClick}"
         @exm-drawer-opened-changed=${this.handleDrawerOpenedChanged}
         scroll-action=${ifDefined(this.scrollAction)}
-        style="max-width: ${this.style.maxWidth || '547px'}"
+        maxWidth="${this.style.maxWidth || '547px'}"
       >
         <div class="header">
           <slot name="title" class="title">${this.title}</slot>

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { ExmFormDrawer } from './exm-form-drawer.js';
+export { ExmFormDrawerBase } from './exm-form-drawer-base.js';
+export { style as formDrawerStyles } from './styles/exm-form-drawer-styles-css.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { ExmFormDrawer } from './exm-form-drawer.js';
+export { ExmFormDrawerBase } from './exm-form-drawer-base.js';
+export { style as formDrawerStyles } from './styles/exm-form-drawer-styles-css.js';
+//# sourceMappingURL=index.js.map

package/{src → dist}/styles/exm-form-drawer-styles-css.js

@@ -36,12 +36,13 @@ export const style = css `
   :host(:not([disable-sticky-header])) .header {
     position: sticky;
     top: 0;
+    color: var(--exm-drawer-color, var(--md-sys-color-on-surface-variant, black));
     background-color: var(--exm-drawer-bg-color, var(--md-sys-color-surface-variant, white));
     z-index: 2;
   }
 
   form {
-    margin: 0 !important;
+    margin: 1rem 0 !important;
     padding: 0.5rem 1rem;
     box-sizing: border-box;
   }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@exmg/exm-form-drawer",
-  "version": "1.0.14",
+  "version": "1.0.16-alpha.12+33e1367",
   "type": "module",
-  "main": "index.js",
-  "module": "index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "exports": {
-    ".": "./index.js",
-    "./exm-form-drawer.js": "./src/exm-form-drawer.js",
-    "./exm-drawer.js": "./src/exm-drawer.js"
+    ".": "./dist/index.js",
+    "./exm-form-drawer.js": "./dist/exm-form-drawer.js",
+    "./exm-drawer.js": "./dist/exm-drawer.js"
   },
   "description": "Form side drawer element",
   "contributors": [
@@ -25,27 +25,23 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git@github.com:exmg/exm-web-components.git",
+    "url": "git@bitbucket.org:exmachina/exm-web-components.git",
     "directory": "packages/exm-form-drawer"
   },
   "license": "MIT",
   "dependencies": {
-    "@exmg/exm-button": "^1.0.4",
-    "@exmg/exm-form": "^1.0.9",
+    "@exmg/exm-drawer": "^1.0.2-alpha.12+33e1367",
+    "@exmg/exm-form": "^1.0.11-alpha.12+33e1367",
     "@material/typography": "^14.0.0",
-    "@polymer/neon-animation": "^3.0.1",
-    "@polymer/paper-dialog": "^3.0.1",
     "lit": "^3.0.0",
     "tslib": "^2.6.2"
   },
   "devDependencies": {
     "@exmg/lit-cli": "1.1.13"
   },
-  "scripts": {
-    "build:styles": "exmg-lit-cli sass -f \"./**/*.scss\""
-  },
+  "scripts": {},
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e7086831faea0bdfe8628b0de9b7ddcc45174558"
+  "gitHead": "33e1367329dfae6f98f21c981edb7ada370fc0d5"
 }

package/index.d.ts

@@ -1,5 +0,0 @@
-export { ExmDrawer } from './src/exm-drawer.js';
-export { ExmFormDrawer } from './src/exm-form-drawer.js';
-export { ExmFormDrawerBase } from './src/exm-form-drawer-base.js';
-export { style as drawerStyles } from './src/styles/exm-drawer-styles-css.js';
-export { style as formDrawerStyles } from './src/styles/exm-form-drawer-styles-css.js';

package/index.js

@@ -1,6 +0,0 @@
-export { ExmDrawer } from './src/exm-drawer.js';
-export { ExmFormDrawer } from './src/exm-form-drawer.js';
-export { ExmFormDrawerBase } from './src/exm-form-drawer-base.js';
-export { style as drawerStyles } from './src/styles/exm-drawer-styles-css.js';
-export { style as formDrawerStyles } from './src/styles/exm-form-drawer-styles-css.js';
-//# sourceMappingURL=index.js.map

package/src/exm-drawer.d.ts

@@ -1,30 +0,0 @@
-import { LitElement } from 'lit';
-import '@polymer/neon-animation/animations/slide-from-right-animation.js';
-import '@polymer/neon-animation/animations/slide-right-animation.js';
-import '@polymer/paper-dialog/paper-dialog.js';
-export declare class ExmDrawer extends LitElement {
-    /**
-     * The opened state of the drawer
-     * @type {Boolean}
-     */
-    opened: boolean;
-    /**
-     * Prevent cancel on outside click or not
-     * @type {Boolean}
-     */
-    noCancelOnOutsideClick: boolean;
-    /**
-     * Scroll action of the drawer
-     * @type {'lock' | 'refit' | 'cancel' | undefined}
-     */
-    scrollAction?: 'lock' | 'refit' | 'cancel' | undefined;
-    handleOpenedChanged(e: CustomEvent): void;
-    openDialog(): void;
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'exm-drawer': ExmDrawer;
-    }
-}

package/src/exm-drawer.js

@@ -1,71 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import '@polymer/neon-animation/animations/slide-from-right-animation.js';
-import '@polymer/neon-animation/animations/slide-right-animation.js';
-import '@polymer/paper-dialog/paper-dialog.js';
-import { style } from './styles/exm-drawer-styles-css.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-let ExmDrawer = class ExmDrawer extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The opened state of the drawer
-         * @type {Boolean}
-         */
-        this.opened = false;
-        /**
-         * Prevent cancel on outside click or not
-         * @type {Boolean}
-         */
-        this.noCancelOnOutsideClick = false;
-    }
-    handleOpenedChanged(e) {
-        this.opened = e.detail.value;
-        this.dispatchEvent(new CustomEvent('exm-drawer-opened-changed', {
-            bubbles: true,
-            composed: true,
-            detail: {
-                value: e.detail.value,
-            },
-        }));
-    }
-    openDialog() {
-        this.opened = true;
-    }
-    render() {
-        return html `
-      <style>
-        paper-dialog {
-          max-width: var(--exm-drawer-max-width, ${this.style.maxWidth || '547px'});
-        }
-      </style>
-      <paper-dialog
-        scroll-action=${ifDefined(this.scrollAction)}
-        ?opened="${this.opened}"
-        ?no-cancel-on-outside-click="${this.noCancelOnOutsideClick}"
-        @opened-changed="${this.handleOpenedChanged}"
-        entry-animation="slide-from-right-animation"
-        exit-animation="slide-right-animation"
-        with-backdrop
-      >
-        <slot></slot>
-      </paper-dialog>
-    `;
-    }
-};
-ExmDrawer.styles = [style];
-__decorate([
-    property({ type: Boolean })
-], ExmDrawer.prototype, "opened", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'no-cancel-on-outside-click' })
-], ExmDrawer.prototype, "noCancelOnOutsideClick", void 0);
-__decorate([
-    property({ type: String, attribute: 'scroll-action' })
-], ExmDrawer.prototype, "scrollAction", void 0);
-ExmDrawer = __decorate([
-    customElement('exm-drawer')
-], ExmDrawer);
-export { ExmDrawer };
-//# sourceMappingURL=exm-drawer.js.map

package/src/styles/exm-drawer-styles-css.d.ts

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

package/src/styles/exm-drawer-styles-css.js

@@ -1,17 +0,0 @@
-import { css } from 'lit';
-export const style = css `
-  paper-dialog {
-    margin: 0;
-    padding: 0;
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    width: 100%;
-    box-shadow: none;
-    overflow: scroll;
-    color: var(--exm-drawer-color, var(--md-sys-color-on-surface, black));
-    background-color: var(--exm-drawer-bg-color, var(--md-sys-color-surface-variant, white));
-  }
-`;
-//# sourceMappingURL=exm-drawer-styles-css.js.map