@exmg/exm-button 1.1.36 → 1.2.0

package/.rollup.cache/root/repo/packages/exm-button/dist/exm-filled-button-base.d.ts

@@ -0,0 +1,30 @@
+import { MdFilledButton } from '@material/web/button/filled-button.js';
+import '@material/web/progress/circular-progress.js';
+import { FormSubmitterType } from '@material/web/internal/controller/form-submitter.js';
+export declare class ExmFilledButtonBase extends MdFilledButton {
+    /**
+     * Whether or not the button is in loading state
+     * @type {Boolean}
+     */
+    loading: boolean;
+    /**
+     * Whether or not the button is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The URL that the link button points to.
+     */
+    href: string;
+    /**
+     * Where to display the linked `href` URL for a link button. Common options
+     * include `_blank` to open in a new tab.
+     */
+    target: '_blank' | '_parent' | '_self' | '_top' | '';
+    /**
+     * Specifies the type of button, used for controlling forms. When type
+     * is `submit`, the containing form is submitted; when it is `reset` the
+     * form is reset.
+     */
+    type: FormSubmitterType;
+    protected render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-button/dist/exm-filled-button-base.js

@@ -0,0 +1,50 @@
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators/property.js';
+import { MdFilledButton } from '@material/web/button/filled-button.js';
+import '@material/web/progress/circular-progress.js';
+export class ExmFilledButtonBase extends MdFilledButton {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether or not the button is in loading state
+         * @type {Boolean}
+         */
+        this.loading = false;
+        /**
+         * Whether or not the button is disabled.
+         */
+        this.disabled = false;
+        /**
+         * The URL that the link button points to.
+         */
+        this.href = '';
+        /**
+         * Where to display the linked `href` URL for a link button. Common options
+         * include `_blank` to open in a new tab.
+         */
+        this.target = '';
+        /**
+         * Specifies the type of button, used for controlling forms. When type
+         * is `submit`, the containing form is submitted; when it is `reset` the
+         * form is reset.
+         */
+        this.type = 'button';
+    }
+    render() {
+        const { loading, disabled, type, target, href } = this;
+        return html `
+      <md-filled-button .disabled=${disabled} .type=${type} .href=${href} .target=${target} loading=${loading}>
+        <slot class="label"></slot>
+        ${loading ? html `<md-circular-progress indeterminate></md-circular-progress>` : nothing}
+      </md-filled-button>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExmFilledButtonBase.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExmFilledButtonBase.prototype, "disabled", void 0);
+//# sourceMappingURL=exm-filled-button-base.js.map

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

@@ -0,0 +1,19 @@
+import '@material/web/progress/circular-progress.js';
+import { ExmFilledButtonBase } from './exm-filled-button-base.js';
+/**
+ * exm-filled-button
+ *
+ * Material button including loading (spinner) animation when loading attribute is set to element.
+ * This button extends the material @material/web filled button.
+ *
+ * @customElement exm-filledbutton
+ * @extends ButtonFilledBase
+ */
+export declare class ExmFilledButton extends ExmFilledButtonBase {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-filled-button': ExmFilledButton;
+    }
+}

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

@@ -0,0 +1,22 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators/custom-element.js';
+import '@material/web/progress/circular-progress.js';
+import { ExmFilledButtonBase } from './exm-filled-button-base.js';
+import { style } from './styles/exm-filled-button-styles-css.js';
+/**
+ * exm-filled-button
+ *
+ * Material button including loading (spinner) animation when loading attribute is set to element.
+ * This button extends the material @material/web filled button.
+ *
+ * @customElement exm-filledbutton
+ * @extends ButtonFilledBase
+ */
+let ExmFilledButton = class ExmFilledButton extends ExmFilledButtonBase {
+};
+ExmFilledButton.styles = [style];
+ExmFilledButton = __decorate([
+    customElement('exm-filled-button')
+], ExmFilledButton);
+export { ExmFilledButton };
+//# sourceMappingURL=exm-filled-button.js.map

package/.rollup.cache/root/repo/packages/exm-button/dist/exm-text-button-base.d.ts

@@ -0,0 +1,30 @@
+import { MdTextButton } from '@material/web/button/text-button.js';
+import '@material/web/progress/circular-progress.js';
+import { FormSubmitterType } from '@material/web/internal/controller/form-submitter.js';
+export declare class ExmTextButtonBase extends MdTextButton {
+    /**
+     * Whether or not the button is in loading state
+     * @type {Boolean}
+     */
+    loading: boolean;
+    /**
+     * Whether or not the button is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The URL that the link button points to.
+     */
+    href: string;
+    /**
+     * Where to display the linked `href` URL for a link button. Common options
+     * include `_blank` to open in a new tab.
+     */
+    target: '_blank' | '_parent' | '_self' | '_top' | '';
+    /**
+     * Specifies the type of button, used for controlling forms. When type
+     * is `submit`, the containing form is submitted; when it is `reset` the
+     * form is reset.
+     */
+    type: FormSubmitterType;
+    protected render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-button/dist/exm-text-button-base.js

@@ -0,0 +1,50 @@
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators/property.js';
+import { MdTextButton } from '@material/web/button/text-button.js';
+import '@material/web/progress/circular-progress.js';
+export class ExmTextButtonBase extends MdTextButton {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether or not the button is in loading state
+         * @type {Boolean}
+         */
+        this.loading = false;
+        /**
+         * Whether or not the button is disabled.
+         */
+        this.disabled = false;
+        /**
+         * The URL that the link button points to.
+         */
+        this.href = '';
+        /**
+         * Where to display the linked `href` URL for a link button. Common options
+         * include `_blank` to open in a new tab.
+         */
+        this.target = '';
+        /**
+         * Specifies the type of button, used for controlling forms. When type
+         * is `submit`, the containing form is submitted; when it is `reset` the
+         * form is reset.
+         */
+        this.type = 'button';
+    }
+    render() {
+        const { loading, disabled, type, target, href } = this;
+        return html `
+      <md-text-button .disabled=${disabled} .type=${type} .href=${href} .target=${target} loading=${loading}>
+        <slot class="label"></slot>
+        ${loading ? html `<md-circular-progress indeterminate></md-circular-progress>` : nothing}
+      </md-text-button>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExmTextButtonBase.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExmTextButtonBase.prototype, "disabled", void 0);
+//# sourceMappingURL=exm-text-button-base.js.map

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

@@ -0,0 +1,19 @@
+import '@material/web/progress/circular-progress.js';
+import { ExmTextButtonBase } from './exm-text-button-base.js';
+/**
+ * exm-text-button
+ *
+ * Material button including loading (spinner) animation when loading attribute is set to element.
+ * This button extends the material @material/web filled button.
+ *
+ * @customElement exm-text-button
+ * @extends ButtonFilledBase
+ */
+export declare class ExmTextButton extends ExmTextButtonBase {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-text-button': ExmTextButton;
+    }
+}

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

@@ -0,0 +1,22 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators/custom-element.js';
+import '@material/web/progress/circular-progress.js';
+import { ExmTextButtonBase } from './exm-text-button-base.js';
+import { style } from './styles/exm-text-button-styles-css.js';
+/**
+ * exm-text-button
+ *
+ * Material button including loading (spinner) animation when loading attribute is set to element.
+ * This button extends the material @material/web filled button.
+ *
+ * @customElement exm-text-button
+ * @extends ButtonFilledBase
+ */
+let ExmTextButton = class ExmTextButton extends ExmTextButtonBase {
+};
+ExmTextButton.styles = [style];
+ExmTextButton = __decorate([
+    customElement('exm-text-button')
+], ExmTextButton);
+export { ExmTextButton };
+//# sourceMappingURL=exm-text-button.js.map

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

@@ -0,0 +1,6 @@
+export { ExmFilledButton } from './exm-filled-button.js';
+export { ExmFilledButtonBase } from './exm-filled-button-base.js';
+export { ExmTextButton } from './exm-text-button.js';
+export { ExmTextButtonBase } from './exm-text-button-base.js';
+export { style as filledButtonStyles } from './styles/exm-filled-button-styles-css.js';
+export { style as textButtonStyles } from './styles/exm-text-button-styles-css.js';

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

@@ -0,0 +1,7 @@
+export { ExmFilledButton } from './exm-filled-button.js';
+export { ExmFilledButtonBase } from './exm-filled-button-base.js';
+export { ExmTextButton } from './exm-text-button.js';
+export { ExmTextButtonBase } from './exm-text-button-base.js';
+export { style as filledButtonStyles } from './styles/exm-filled-button-styles-css.js';
+export { style as textButtonStyles } from './styles/exm-text-button-styles-css.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export const style = css `
+  md-filled-button {
+    --md-circular-progress-size: 32px;
+    --md-filled-button-with-icon-spacing-trailing: 8px;
+    --md-circular-progress-active-indicator-color: var(--md-sys-color-on-primary);
+  }
+
+  md-filled-button[disabled] {
+    --md-circular-progress-active-indicator-color: var(--md-sys-color-on-surface);
+  }
+
+  md-filled-button[loading='true'] > slot.label {
+    visibility: hidden;
+  }
+
+  md-circular-progress {
+    position: absolute;
+    left: calc(50% - 14px);
+    top: 4px;
+  }
+`;
+//# sourceMappingURL=exm-filled-button-styles-css.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export const style = css `
+  md-text-button {
+    --md-circular-progress-size: 32px;
+    --md-text-button-with-icon-spacing-trailing: 8px;
+    --md-circular-progress-active-indicator-color: var(--md-sys-color-on-primary);
+  }
+
+  md-text-button[disabled] {
+    --md-circular-progress-active-indicator-color: var(--md-sys-color-on-surface);
+  }
+
+  md-text-button[loading='true'] > slot.label {
+    visibility: hidden;
+  }
+
+  md-circular-progress {
+    position: absolute;
+    left: calc(50% - 14px);
+    top: 4px;
+  }
+`;
+//# sourceMappingURL=exm-text-button-styles-css.js.map

package/dist/exm-filled-button-base.js

@@ -1,9 +1,10 @@
-import { __decorate } from "tslib";
-import { html, nothing } from 'lit';
+import { __decorate } from 'tslib';
+import { nothing, html } from 'lit';
 import { property } from 'lit/decorators/property.js';
 import { MdFilledButton } from '@material/web/button/filled-button.js';
 import '@material/web/progress/circular-progress.js';
-export class ExmFilledButtonBase extends MdFilledButton {
+
+class ExmFilledButtonBase extends MdFilledButton {
     constructor() {
         super(...arguments);
         /**
@@ -47,4 +48,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], ExmFilledButtonBase.prototype, "disabled", void 0);
-//# sourceMappingURL=exm-filled-button-base.js.map
+
+export { ExmFilledButtonBase };
+//# sourceMappingURL=exm-filled-button-base.js.map

package/dist/exm-filled-button.js

@@ -1,8 +1,9 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { customElement } from 'lit/decorators/custom-element.js';
 import '@material/web/progress/circular-progress.js';
 import { ExmFilledButtonBase } from './exm-filled-button-base.js';
 import { style } from './styles/exm-filled-button-styles-css.js';
+
 /**
  * exm-filled-button
  *
@@ -18,5 +19,6 @@ ExmFilledButton.styles = [style];
 ExmFilledButton = __decorate([
     customElement('exm-filled-button')
 ], ExmFilledButton);
+
 export { ExmFilledButton };
-//# sourceMappingURL=exm-filled-button.js.map
+//# sourceMappingURL=exm-filled-button.js.map

package/dist/exm-text-button-base.js

@@ -1,9 +1,10 @@
-import { __decorate } from "tslib";
-import { html, nothing } from 'lit';
+import { __decorate } from 'tslib';
+import { nothing, html } from 'lit';
 import { property } from 'lit/decorators/property.js';
 import { MdTextButton } from '@material/web/button/text-button.js';
 import '@material/web/progress/circular-progress.js';
-export class ExmTextButtonBase extends MdTextButton {
+
+class ExmTextButtonBase extends MdTextButton {
     constructor() {
         super(...arguments);
         /**
@@ -47,4 +48,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], ExmTextButtonBase.prototype, "disabled", void 0);
-//# sourceMappingURL=exm-text-button-base.js.map
+
+export { ExmTextButtonBase };
+//# sourceMappingURL=exm-text-button-base.js.map

package/dist/exm-text-button.js

@@ -1,8 +1,9 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { customElement } from 'lit/decorators/custom-element.js';
 import '@material/web/progress/circular-progress.js';
 import { ExmTextButtonBase } from './exm-text-button-base.js';
 import { style } from './styles/exm-text-button-styles-css.js';
+
 /**
  * exm-text-button
  *
@@ -18,5 +19,6 @@ ExmTextButton.styles = [style];
 ExmTextButton = __decorate([
     customElement('exm-text-button')
 ], ExmTextButton);
+
 export { ExmTextButton };
-//# sourceMappingURL=exm-text-button.js.map
+//# sourceMappingURL=exm-text-button.js.map

package/dist/index.js

@@ -4,4 +4,4 @@ export { ExmTextButton } from './exm-text-button.js';
 export { ExmTextButtonBase } from './exm-text-button-base.js';
 export { style as filledButtonStyles } from './styles/exm-filled-button-styles-css.js';
 export { style as textButtonStyles } from './styles/exm-text-button-styles-css.js';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/styles/exm-filled-button-styles-css.js

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   md-filled-button {
     --md-circular-progress-size: 32px;
     --md-filled-button-with-icon-spacing-trailing: 8px;
@@ -20,4 +21,6 @@ export const style = css `
     top: 4px;
   }
 `;
-//# sourceMappingURL=exm-filled-button-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-filled-button-styles-css.js.map

package/dist/styles/exm-text-button-styles-css.js

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   md-text-button {
     --md-circular-progress-size: 32px;
     --md-text-button-with-icon-spacing-trailing: 8px;
@@ -20,4 +21,6 @@ export const style = css `
     top: 4px;
   }
 `;
-//# sourceMappingURL=exm-text-button-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-text-button-styles-css.js.map

package/package.json

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