@exmg/exm-button 1.1.36 → 1.1.37-alpha.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-filled-button-base.d.ts +30 -0
  2. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-filled-button-base.js +50 -0
  3. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-filled-button.d.ts +19 -0
  4. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-filled-button.js +22 -0
  5. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-text-button-base.d.ts +30 -0
  6. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-text-button-base.js +50 -0
  7. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-text-button.d.ts +19 -0
  8. package/.rollup.cache/root/repo/packages/exm-button/dist/exm-text-button.js +22 -0
  9. package/.rollup.cache/root/repo/packages/exm-button/dist/index.d.ts +6 -0
  10. package/.rollup.cache/root/repo/packages/exm-button/dist/index.js +7 -0
  11. package/.rollup.cache/root/repo/packages/exm-button/dist/styles/exm-filled-button-styles-css.d.ts +1 -0
  12. package/.rollup.cache/root/repo/packages/exm-button/dist/styles/exm-filled-button-styles-css.js +23 -0
  13. package/.rollup.cache/root/repo/packages/exm-button/dist/styles/exm-text-button-styles-css.d.ts +1 -0
  14. package/.rollup.cache/root/repo/packages/exm-button/dist/styles/exm-text-button-styles-css.js +23 -0
  15. package/dist/exm-filled-button-base.js +7 -4
  16. package/dist/exm-filled-button.js +4 -2
  17. package/dist/exm-text-button-base.js +8 -5
  18. package/dist/exm-text-button.js +4 -2
  19. package/dist/index.js +1 -1
  20. package/dist/styles/exm-filled-button-styles-css.js +5 -2
  21. package/dist/styles/exm-text-button-styles-css.js +5 -2
  22. package/package.json +2 -2
@@ -0,0 +1,30 @@
1
+ import { MdFilledButton } from '@material/web/button/filled-button.js';
2
+ import '@material/web/progress/circular-progress.js';
3
+ import { FormSubmitterType } from '@material/web/internal/controller/form-submitter.js';
4
+ export declare class ExmFilledButtonBase extends MdFilledButton {
5
+ /**
6
+ * Whether or not the button is in loading state
7
+ * @type {Boolean}
8
+ */
9
+ loading: boolean;
10
+ /**
11
+ * Whether or not the button is disabled.
12
+ */
13
+ disabled: boolean;
14
+ /**
15
+ * The URL that the link button points to.
16
+ */
17
+ href: string;
18
+ /**
19
+ * Where to display the linked `href` URL for a link button. Common options
20
+ * include `_blank` to open in a new tab.
21
+ */
22
+ target: '_blank' | '_parent' | '_self' | '_top' | '';
23
+ /**
24
+ * Specifies the type of button, used for controlling forms. When type
25
+ * is `submit`, the containing form is submitted; when it is `reset` the
26
+ * form is reset.
27
+ */
28
+ type: FormSubmitterType;
29
+ protected render(): import("lit-html").TemplateResult<1>;
30
+ }
@@ -0,0 +1,50 @@
1
+ import { __decorate } from "tslib";
2
+ import { html, nothing } from 'lit';
3
+ import { property } from 'lit/decorators/property.js';
4
+ import { MdFilledButton } from '@material/web/button/filled-button.js';
5
+ import '@material/web/progress/circular-progress.js';
6
+ export class ExmFilledButtonBase extends MdFilledButton {
7
+ constructor() {
8
+ super(...arguments);
9
+ /**
10
+ * Whether or not the button is in loading state
11
+ * @type {Boolean}
12
+ */
13
+ this.loading = false;
14
+ /**
15
+ * Whether or not the button is disabled.
16
+ */
17
+ this.disabled = false;
18
+ /**
19
+ * The URL that the link button points to.
20
+ */
21
+ this.href = '';
22
+ /**
23
+ * Where to display the linked `href` URL for a link button. Common options
24
+ * include `_blank` to open in a new tab.
25
+ */
26
+ this.target = '';
27
+ /**
28
+ * Specifies the type of button, used for controlling forms. When type
29
+ * is `submit`, the containing form is submitted; when it is `reset` the
30
+ * form is reset.
31
+ */
32
+ this.type = 'button';
33
+ }
34
+ render() {
35
+ const { loading, disabled, type, target, href } = this;
36
+ return html `
37
+ <md-filled-button .disabled=${disabled} .type=${type} .href=${href} .target=${target} loading=${loading}>
38
+ <slot class="label"></slot>
39
+ ${loading ? html `<md-circular-progress indeterminate></md-circular-progress>` : nothing}
40
+ </md-filled-button>
41
+ `;
42
+ }
43
+ }
44
+ __decorate([
45
+ property({ type: Boolean, reflect: true })
46
+ ], ExmFilledButtonBase.prototype, "loading", void 0);
47
+ __decorate([
48
+ property({ type: Boolean, reflect: true })
49
+ ], ExmFilledButtonBase.prototype, "disabled", void 0);
50
+ //# sourceMappingURL=exm-filled-button-base.js.map
@@ -0,0 +1,19 @@
1
+ import '@material/web/progress/circular-progress.js';
2
+ import { ExmFilledButtonBase } from './exm-filled-button-base.js';
3
+ /**
4
+ * exm-filled-button
5
+ *
6
+ * Material button including loading (spinner) animation when loading attribute is set to element.
7
+ * This button extends the material @material/web filled button.
8
+ *
9
+ * @customElement exm-filledbutton
10
+ * @extends ButtonFilledBase
11
+ */
12
+ export declare class ExmFilledButton extends ExmFilledButtonBase {
13
+ static styles: import("lit").CSSResult[];
14
+ }
15
+ declare global {
16
+ interface HTMLElementTagNameMap {
17
+ 'exm-filled-button': ExmFilledButton;
18
+ }
19
+ }
@@ -0,0 +1,22 @@
1
+ import { __decorate } from "tslib";
2
+ import { customElement } from 'lit/decorators/custom-element.js';
3
+ import '@material/web/progress/circular-progress.js';
4
+ import { ExmFilledButtonBase } from './exm-filled-button-base.js';
5
+ import { style } from './styles/exm-filled-button-styles-css.js';
6
+ /**
7
+ * exm-filled-button
8
+ *
9
+ * Material button including loading (spinner) animation when loading attribute is set to element.
10
+ * This button extends the material @material/web filled button.
11
+ *
12
+ * @customElement exm-filledbutton
13
+ * @extends ButtonFilledBase
14
+ */
15
+ let ExmFilledButton = class ExmFilledButton extends ExmFilledButtonBase {
16
+ };
17
+ ExmFilledButton.styles = [style];
18
+ ExmFilledButton = __decorate([
19
+ customElement('exm-filled-button')
20
+ ], ExmFilledButton);
21
+ export { ExmFilledButton };
22
+ //# sourceMappingURL=exm-filled-button.js.map
@@ -0,0 +1,30 @@
1
+ import { MdTextButton } from '@material/web/button/text-button.js';
2
+ import '@material/web/progress/circular-progress.js';
3
+ import { FormSubmitterType } from '@material/web/internal/controller/form-submitter.js';
4
+ export declare class ExmTextButtonBase extends MdTextButton {
5
+ /**
6
+ * Whether or not the button is in loading state
7
+ * @type {Boolean}
8
+ */
9
+ loading: boolean;
10
+ /**
11
+ * Whether or not the button is disabled.
12
+ */
13
+ disabled: boolean;
14
+ /**
15
+ * The URL that the link button points to.
16
+ */
17
+ href: string;
18
+ /**
19
+ * Where to display the linked `href` URL for a link button. Common options
20
+ * include `_blank` to open in a new tab.
21
+ */
22
+ target: '_blank' | '_parent' | '_self' | '_top' | '';
23
+ /**
24
+ * Specifies the type of button, used for controlling forms. When type
25
+ * is `submit`, the containing form is submitted; when it is `reset` the
26
+ * form is reset.
27
+ */
28
+ type: FormSubmitterType;
29
+ protected render(): import("lit-html").TemplateResult<1>;
30
+ }
@@ -0,0 +1,50 @@
1
+ import { __decorate } from "tslib";
2
+ import { html, nothing } from 'lit';
3
+ import { property } from 'lit/decorators/property.js';
4
+ import { MdTextButton } from '@material/web/button/text-button.js';
5
+ import '@material/web/progress/circular-progress.js';
6
+ export class ExmTextButtonBase extends MdTextButton {
7
+ constructor() {
8
+ super(...arguments);
9
+ /**
10
+ * Whether or not the button is in loading state
11
+ * @type {Boolean}
12
+ */
13
+ this.loading = false;
14
+ /**
15
+ * Whether or not the button is disabled.
16
+ */
17
+ this.disabled = false;
18
+ /**
19
+ * The URL that the link button points to.
20
+ */
21
+ this.href = '';
22
+ /**
23
+ * Where to display the linked `href` URL for a link button. Common options
24
+ * include `_blank` to open in a new tab.
25
+ */
26
+ this.target = '';
27
+ /**
28
+ * Specifies the type of button, used for controlling forms. When type
29
+ * is `submit`, the containing form is submitted; when it is `reset` the
30
+ * form is reset.
31
+ */
32
+ this.type = 'button';
33
+ }
34
+ render() {
35
+ const { loading, disabled, type, target, href } = this;
36
+ return html `
37
+ <md-text-button .disabled=${disabled} .type=${type} .href=${href} .target=${target} loading=${loading}>
38
+ <slot class="label"></slot>
39
+ ${loading ? html `<md-circular-progress indeterminate></md-circular-progress>bbbb` : nothing}
40
+ </md-text-button>
41
+ `;
42
+ }
43
+ }
44
+ __decorate([
45
+ property({ type: Boolean, reflect: true })
46
+ ], ExmTextButtonBase.prototype, "loading", void 0);
47
+ __decorate([
48
+ property({ type: Boolean, reflect: true })
49
+ ], ExmTextButtonBase.prototype, "disabled", void 0);
50
+ //# sourceMappingURL=exm-text-button-base.js.map
@@ -0,0 +1,19 @@
1
+ import '@material/web/progress/circular-progress.js';
2
+ import { ExmTextButtonBase } from './exm-text-button-base.js';
3
+ /**
4
+ * exm-text-button
5
+ *
6
+ * Material button including loading (spinner) animation when loading attribute is set to element.
7
+ * This button extends the material @material/web filled button.
8
+ *
9
+ * @customElement exm-text-button
10
+ * @extends ButtonFilledBase
11
+ */
12
+ export declare class ExmTextButton extends ExmTextButtonBase {
13
+ static styles: import("lit").CSSResult[];
14
+ }
15
+ declare global {
16
+ interface HTMLElementTagNameMap {
17
+ 'exm-text-button': ExmTextButton;
18
+ }
19
+ }
@@ -0,0 +1,22 @@
1
+ import { __decorate } from "tslib";
2
+ import { customElement } from 'lit/decorators/custom-element.js';
3
+ import '@material/web/progress/circular-progress.js';
4
+ import { ExmTextButtonBase } from './exm-text-button-base.js';
5
+ import { style } from './styles/exm-text-button-styles-css.js';
6
+ /**
7
+ * exm-text-button
8
+ *
9
+ * Material button including loading (spinner) animation when loading attribute is set to element.
10
+ * This button extends the material @material/web filled button.
11
+ *
12
+ * @customElement exm-text-button
13
+ * @extends ButtonFilledBase
14
+ */
15
+ let ExmTextButton = class ExmTextButton extends ExmTextButtonBase {
16
+ };
17
+ ExmTextButton.styles = [style];
18
+ ExmTextButton = __decorate([
19
+ customElement('exm-text-button')
20
+ ], ExmTextButton);
21
+ export { ExmTextButton };
22
+ //# sourceMappingURL=exm-text-button.js.map
@@ -0,0 +1,6 @@
1
+ export { ExmFilledButton } from './exm-filled-button.js';
2
+ export { ExmFilledButtonBase } from './exm-filled-button-base.js';
3
+ export { ExmTextButton } from './exm-text-button.js';
4
+ export { ExmTextButtonBase } from './exm-text-button-base.js';
5
+ export { style as filledButtonStyles } from './styles/exm-filled-button-styles-css.js';
6
+ export { style as textButtonStyles } from './styles/exm-text-button-styles-css.js';
@@ -0,0 +1,7 @@
1
+ export { ExmFilledButton } from './exm-filled-button.js';
2
+ export { ExmFilledButtonBase } from './exm-filled-button-base.js';
3
+ export { ExmTextButton } from './exm-text-button.js';
4
+ export { ExmTextButtonBase } from './exm-text-button-base.js';
5
+ export { style as filledButtonStyles } from './styles/exm-filled-button-styles-css.js';
6
+ export { style as textButtonStyles } from './styles/exm-text-button-styles-css.js';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ export declare const style: import("lit").CSSResult;
@@ -0,0 +1,23 @@
1
+ import { css } from 'lit';
2
+ export const style = css `
3
+ md-filled-button {
4
+ --md-circular-progress-size: 32px;
5
+ --md-filled-button-with-icon-spacing-trailing: 8px;
6
+ --md-circular-progress-active-indicator-color: var(--md-sys-color-on-primary);
7
+ }
8
+
9
+ md-filled-button[disabled] {
10
+ --md-circular-progress-active-indicator-color: var(--md-sys-color-on-surface);
11
+ }
12
+
13
+ md-filled-button[loading='true'] > slot.label {
14
+ visibility: hidden;
15
+ }
16
+
17
+ md-circular-progress {
18
+ position: absolute;
19
+ left: calc(50% - 14px);
20
+ top: 4px;
21
+ }
22
+ `;
23
+ //# sourceMappingURL=exm-filled-button-styles-css.js.map
@@ -0,0 +1 @@
1
+ export declare const style: import("lit").CSSResult;
@@ -0,0 +1,23 @@
1
+ import { css } from 'lit';
2
+ export const style = css `
3
+ md-text-button {
4
+ --md-circular-progress-size: 32px;
5
+ --md-text-button-with-icon-spacing-trailing: 8px;
6
+ --md-circular-progress-active-indicator-color: var(--md-sys-color-on-primary);
7
+ }
8
+
9
+ md-text-button[disabled] {
10
+ --md-circular-progress-active-indicator-color: var(--md-sys-color-on-surface);
11
+ }
12
+
13
+ md-text-button[loading='true'] > slot.label {
14
+ visibility: hidden;
15
+ }
16
+
17
+ md-circular-progress {
18
+ position: absolute;
19
+ left: calc(50% - 14px);
20
+ top: 4px;
21
+ }
22
+ `;
23
+ //# sourceMappingURL=exm-text-button-styles-css.js.map
@@ -1,9 +1,10 @@
1
- import { __decorate } from "tslib";
2
- import { html, nothing } from 'lit';
1
+ import { __decorate } from 'tslib';
2
+ import { nothing, html } from 'lit';
3
3
  import { property } from 'lit/decorators/property.js';
4
4
  import { MdFilledButton } from '@material/web/button/filled-button.js';
5
5
  import '@material/web/progress/circular-progress.js';
6
- export class ExmFilledButtonBase extends MdFilledButton {
6
+
7
+ class ExmFilledButtonBase extends MdFilledButton {
7
8
  constructor() {
8
9
  super(...arguments);
9
10
  /**
@@ -47,4 +48,6 @@ __decorate([
47
48
  __decorate([
48
49
  property({ type: Boolean, reflect: true })
49
50
  ], ExmFilledButtonBase.prototype, "disabled", void 0);
50
- //# sourceMappingURL=exm-filled-button-base.js.map
51
+
52
+ export { ExmFilledButtonBase };
53
+ //# sourceMappingURL=exm-filled-button-base.js.map
@@ -1,8 +1,9 @@
1
- import { __decorate } from "tslib";
1
+ import { __decorate } from 'tslib';
2
2
  import { customElement } from 'lit/decorators/custom-element.js';
3
3
  import '@material/web/progress/circular-progress.js';
4
4
  import { ExmFilledButtonBase } from './exm-filled-button-base.js';
5
5
  import { style } from './styles/exm-filled-button-styles-css.js';
6
+
6
7
  /**
7
8
  * exm-filled-button
8
9
  *
@@ -18,5 +19,6 @@ ExmFilledButton.styles = [style];
18
19
  ExmFilledButton = __decorate([
19
20
  customElement('exm-filled-button')
20
21
  ], ExmFilledButton);
22
+
21
23
  export { ExmFilledButton };
22
- //# sourceMappingURL=exm-filled-button.js.map
24
+ //# sourceMappingURL=exm-filled-button.js.map
@@ -1,9 +1,10 @@
1
- import { __decorate } from "tslib";
2
- import { html, nothing } from 'lit';
1
+ import { __decorate } from 'tslib';
2
+ import { nothing, html } from 'lit';
3
3
  import { property } from 'lit/decorators/property.js';
4
4
  import { MdTextButton } from '@material/web/button/text-button.js';
5
5
  import '@material/web/progress/circular-progress.js';
6
- export class ExmTextButtonBase extends MdTextButton {
6
+
7
+ class ExmTextButtonBase extends MdTextButton {
7
8
  constructor() {
8
9
  super(...arguments);
9
10
  /**
@@ -36,7 +37,7 @@ export class ExmTextButtonBase extends MdTextButton {
36
37
  return html `
37
38
  <md-text-button .disabled=${disabled} .type=${type} .href=${href} .target=${target} loading=${loading}>
38
39
  <slot class="label"></slot>
39
- ${loading ? html `<md-circular-progress indeterminate></md-circular-progress>` : nothing}
40
+ ${loading ? html `<md-circular-progress indeterminate></md-circular-progress>bbbb` : nothing}
40
41
  </md-text-button>
41
42
  `;
42
43
  }
@@ -47,4 +48,6 @@ __decorate([
47
48
  __decorate([
48
49
  property({ type: Boolean, reflect: true })
49
50
  ], ExmTextButtonBase.prototype, "disabled", void 0);
50
- //# sourceMappingURL=exm-text-button-base.js.map
51
+
52
+ export { ExmTextButtonBase };
53
+ //# sourceMappingURL=exm-text-button-base.js.map
@@ -1,8 +1,9 @@
1
- import { __decorate } from "tslib";
1
+ import { __decorate } from 'tslib';
2
2
  import { customElement } from 'lit/decorators/custom-element.js';
3
3
  import '@material/web/progress/circular-progress.js';
4
4
  import { ExmTextButtonBase } from './exm-text-button-base.js';
5
5
  import { style } from './styles/exm-text-button-styles-css.js';
6
+
6
7
  /**
7
8
  * exm-text-button
8
9
  *
@@ -18,5 +19,6 @@ ExmTextButton.styles = [style];
18
19
  ExmTextButton = __decorate([
19
20
  customElement('exm-text-button')
20
21
  ], ExmTextButton);
22
+
21
23
  export { ExmTextButton };
22
- //# sourceMappingURL=exm-text-button.js.map
24
+ //# sourceMappingURL=exm-text-button.js.map
package/dist/index.js CHANGED
@@ -4,4 +4,4 @@ export { ExmTextButton } from './exm-text-button.js';
4
4
  export { ExmTextButtonBase } from './exm-text-button-base.js';
5
5
  export { style as filledButtonStyles } from './styles/exm-filled-button-styles-css.js';
6
6
  export { style as textButtonStyles } from './styles/exm-text-button-styles-css.js';
7
- //# sourceMappingURL=index.js.map
7
+ //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import { css } from 'lit';
2
- export const style = css `
2
+
3
+ const style = css `
3
4
  md-filled-button {
4
5
  --md-circular-progress-size: 32px;
5
6
  --md-filled-button-with-icon-spacing-trailing: 8px;
@@ -20,4 +21,6 @@ export const style = css `
20
21
  top: 4px;
21
22
  }
22
23
  `;
23
- //# sourceMappingURL=exm-filled-button-styles-css.js.map
24
+
25
+ export { style };
26
+ //# sourceMappingURL=exm-filled-button-styles-css.js.map
@@ -1,5 +1,6 @@
1
1
  import { css } from 'lit';
2
- export const style = css `
2
+
3
+ const style = css `
3
4
  md-text-button {
4
5
  --md-circular-progress-size: 32px;
5
6
  --md-text-button-with-icon-spacing-trailing: 8px;
@@ -20,4 +21,6 @@ export const style = css `
20
21
  top: 4px;
21
22
  }
22
23
  `;
23
- //# sourceMappingURL=exm-text-button-styles-css.js.map
24
+
25
+ export { style };
26
+ //# sourceMappingURL=exm-text-button-styles-css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@exmg/exm-button",
3
- "version": "1.1.36",
3
+ "version": "1.1.37-alpha.31+513140a",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "0fb4c4b7fdbc8d149a825e172b63f7e00c8e8a4a"
42
+ "gitHead": "513140a59e3a5a9a0fa572147ba6c0cf9801816e"
43
43
  }