/*!
 * (C) Gasco https://gasco-web-component.herokuapp.com/ - MIT License
 */
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-9c2d04b3.js');
const helpers = require('./helpers-fd0d0292.js');
const theme = require('./theme-dfe81c2b.js');

const buttonMdCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:0px 8px 16px rgba(171, 190, 209, 0.4);display:inline-block;width:auto;color:var(--color);font-family:var(--gasco-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;font-kerning:none}:host(.button-solid){--background:var(--gasco-color-primary, #00A3E0);--color:var(--gasco-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--gasco-color-primary, #00A3E0);--background:transparent;--color:var(--gasco-color-primary, #00A3E0)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--gasco-color-primary, #00A3E0)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;display:block;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;display:block;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}:host(.button-disabled){cursor:default;pointer-events:none}:host(.button-disabled.button-solid),:host(.button-disabled.button-solid) .button-native{--background:#F1F1F1 !important;--color:#CCCCCC !important}:host(.button-disabled.button-outline),:host(.button-disabled.button-outline) .button-native{--border-color:#CCCCCC !important;--color:#CCCCCC !important}:host(.button-disabled.button-clear),:host(.button-disabled.button-clear) .button-native{--color:#CCCCCC !important}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.button-inner .button-progress{position:absolute;width:14px;height:14px;border:3px solid #F1F1F170;border-bottom-color:#FFFFFF;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}::slotted(ion-icon){font-size:1.4em;pointer-events:none}::slotted(ion-icon[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(ion-icon[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}:host(.button-outline) .button-native.progress .button-inner .button-progress,:host(.button-clear) .button-native.progress .button-inner .button-progress{border-bottom-color:var(--gasco-color-base)}:host(.button-solid.button-large) .button-native.progress .button-inner .button-progress,:host(.button-outline.button-large) .button-native.progress .button-inner .button-progress,:host(.button-clear.button-large) .button-native.progress .button-inner .button-progress{width:18px;height:18px}:host(.button-solid.button-small) .button-native.progress .button-inner .button-progress,:host(.button-outline.button-small) .button-native.progress .button-inner .button-progress,:host(.button-clear.button-small) .button-native.progress .button-inner .button-progress{width:10px;height:10px}::slotted(i){font-size:1.4em !important;pointer-events:none}::slotted(i[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(i[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(i[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(i[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(i[slot=icon-only]){font-size:1.8em !important}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.gasco-activated){color:var(--color-activated);box-shadow:var(--box-shadow);border-radius:var(--border-radius)}:host(.gasco-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.gasco-focused){color:var(--color-focused)}@media (any-hover: hover){:host(:hover){color:var(--color-hover);box-shadow:var(--box-shadow);border-radius:var(--border-radius)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host{--border-radius:8px;--padding-top:0;--padding-bottom:0;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),\n                background-color 15ms linear,\n                color 15ms linear;margin-left:2px;margin-right:2px;margin-top:4px;margin-bottom:4px;max-width:247.15px;width:100%;height:50px;font-size:16px;font-weight:400;letter-spacing:0.06em;transition:300ms}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}:host(.button-solid,:host(.button-outline)){--background-activated:transparent;--background-hover:var(--gasco-color-primary-contrast, #fff);--background-focused:var(--gasco-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:.24;--background-hover-opacity:.08;--box-shadow:0px 8px 16px rgba(171, 190, 209, 0.4)}:host(.button-solid.gasco-activated){--box-shadow:0px 8px 16px rgba(171, 190, 209, 0.4)}:host(.button-outline){--border-width:2px;--border-style:solid}:host(.button-outline.gasco-activated.gasco-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--gasco-color-primary, #00A3E0);--background-hover:var(--gasco-color-primary, #00A3E0);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-bottom:0}:host(.button-large:not(.gasco-button-icon)){--padding-top:0;--padding-start:1em;--padding-end:1em;--padding-bottom:0;height:60px;max-width:300px;font-size:18px}:host(.button-small:not(.gasco-button-icon)){--padding-top:0;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:0;height:40px;max-width:200.65px;font-size:14px}:host(.button-strong){font-weight:bold}::slotted(i[slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.button-solid.gasco-color.gasco-focused) .button-native::after{background:var(--gasco-color-contrast)}:host(.button-clear.gasco-color.gasco-focused) .button-native::after,:host(.button-outline.gasco-color.gasco-focused) .button-native::after{background:var(--gasco-color-base)}:host(.button-solid:active) .button-native:not(.progress){box-shadow:inset 0 0 10px 50px rgba(0, 0, 0, 0.15)}";

const GascoButton = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.gascoFocus = index.createEvent(this, "gascoFocus", 7);
    this.gascoBlur = index.createEvent(this, "gascoBlur", 7);
    this.inItem = false;
    this.inToolbar = false;
    this.inListHeader = false;
    this.inheritedAttributes = {};
    /**
     * The color to use from your application's color palette.
     * Default options are: `"primary"`, `"secondary"`, `"success"`, `"warning"` and `"danger"`.
     */
    this.color = 'primary';
    /**
     * The type of button.
     */
    this.buttonType = 'button';
    /**
     * If `true`, the user cannot interact with the button.
     */
    this.disabled = false;
    /**
     * If `true`, the user cannot interact with the button in progress.
     */
    this.progress = false;
    /**
     * If `true`, activates a button with a heavier font weight.
     */
    this.strong = false;
    /**
     * The type of the button.
     */
    this.type = 'button';
    this.onFocus = () => this.gascoFocus.emit();
    this.onBlur = () => this.gascoBlur.emit();
  }
  componentWillLoad() {
    this.inToolbar = !!this.el.closest('gasco-buttons');
    this.inListHeader = !!this.el.closest('gasco-list-header');
    this.inItem = !!this.el.closest('gasco-item') || !!this.el.closest('gasco-item-divider');
    this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
  }
  get hasIconOnly() {
    return !!this.el.querySelector('[slot="icon-only"]');
  }
  render() {
    const { type, size, color, shape, 
    // expand,
    strong, disabled, progress, buttonType, hasIconOnly, inheritedAttributes, } = this;
    const finalSize = size === undefined && this.inItem ? 'small' : size;
    const attrs = { type };
    let fill = this.fill;
    if (fill === undefined) {
      fill = this.inToolbar || this.inListHeader ? 'clear' : 'solid';
    }
    return (index.h(index.Host, { "aria-disabled": disabled ? 'true' : null, "aria-progress": progress ? 'true' : null, class: theme.createColorClasses(color, {
        // [`${buttonType}-${expand}`]: expand !== undefined,
        [`${buttonType}-${finalSize}`]: finalSize !== undefined,
        [`${buttonType}-${shape}`]: shape !== undefined,
        [`${buttonType}-${fill}`]: true,
        [`${buttonType}-strong`]: strong,
        'button-has-icon-only': hasIconOnly,
        'button-disabled': disabled,
        'gasco-activatable': true,
        'gasco-focusable': true,
      }) }, index.h("button", Object.assign({}, attrs, { class: `button-native ${progress ? 'progress' : ''}`, part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { class: "button-inner" }, progress ? (index.h("span", { class: "button-progress" })) : (index.h(index.Fragment, null, index.h("slot", { name: "icon-only" }), index.h("slot", { name: "start" }), index.h("slot", null), index.h("slot", { name: "end" })))))));
  }
  get el() { return index.getElement(this); }
};
GascoButton.style = buttonMdCss;

const gascoButtonIconCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:0px 8px 16px rgba(171, 190, 209, 0.4);display:inline-block;width:auto;color:var(--color);font-family:var(--gasco-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;font-kerning:none}:host(.button-solid){--background:var(--gasco-color-primary, #00A3E0);--color:var(--gasco-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--gasco-color-primary, #00A3E0);--background:transparent;--color:var(--gasco-color-primary, #00A3E0)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--gasco-color-primary, #00A3E0)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;display:block;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;display:block;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}:host(.button-disabled){cursor:default;pointer-events:none}:host(.button-disabled.button-solid),:host(.button-disabled.button-solid) .button-native{--background:#F1F1F1 !important;--color:#CCCCCC !important}:host(.button-disabled.button-outline),:host(.button-disabled.button-outline) .button-native{--border-color:#CCCCCC !important;--color:#CCCCCC !important}:host(.button-disabled.button-clear),:host(.button-disabled.button-clear) .button-native{--color:#CCCCCC !important}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.button-inner .button-progress{position:absolute;width:14px;height:14px;border:3px solid #F1F1F170;border-bottom-color:#FFFFFF;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}::slotted(ion-icon){font-size:1.4em;pointer-events:none}::slotted(ion-icon[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(ion-icon[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}:host(.button-outline) .button-native.progress .button-inner .button-progress,:host(.button-clear) .button-native.progress .button-inner .button-progress{border-bottom-color:var(--gasco-color-base)}:host(.button-solid.button-large) .button-native.progress .button-inner .button-progress,:host(.button-outline.button-large) .button-native.progress .button-inner .button-progress,:host(.button-clear.button-large) .button-native.progress .button-inner .button-progress{width:18px;height:18px}:host(.button-solid.button-small) .button-native.progress .button-inner .button-progress,:host(.button-outline.button-small) .button-native.progress .button-inner .button-progress,:host(.button-clear.button-small) .button-native.progress .button-inner .button-progress{width:10px;height:10px}::slotted(i){font-size:1.4em !important;pointer-events:none}::slotted(i[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(i[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(i[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(i[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(i[slot=icon-only]){font-size:1.8em !important}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.gasco-activated){color:var(--color-activated);box-shadow:var(--box-shadow);border-radius:var(--border-radius)}:host(.gasco-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.gasco-focused){color:var(--color-focused)}@media (any-hover: hover){:host(:hover){color:var(--color-hover);box-shadow:var(--box-shadow);border-radius:var(--border-radius)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host{--border-radius:8px;--padding-top:0;--padding-bottom:0;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),\n                background-color 15ms linear,\n                color 15ms linear;margin-left:2px;margin-right:2px;margin-top:4px;margin-bottom:4px;max-width:247.15px;width:100%;height:50px;font-size:16px;font-weight:400;letter-spacing:0.06em;transition:300ms}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}:host(.button-solid,:host(.button-outline)){--background-activated:transparent;--background-hover:var(--gasco-color-primary-contrast, #fff);--background-focused:var(--gasco-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:.24;--background-hover-opacity:.08;--box-shadow:0px 8px 16px rgba(171, 190, 209, 0.4)}:host(.button-solid.gasco-activated){--box-shadow:0px 8px 16px rgba(171, 190, 209, 0.4)}:host(.button-outline){--border-width:2px;--border-style:solid}:host(.button-outline.gasco-activated.gasco-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--gasco-color-primary, #00A3E0);--background-hover:var(--gasco-color-primary, #00A3E0);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-bottom:0}:host(.button-large:not(.gasco-button-icon)){--padding-top:0;--padding-start:1em;--padding-end:1em;--padding-bottom:0;height:60px;max-width:300px;font-size:18px}:host(.button-small:not(.gasco-button-icon)){--padding-top:0;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:0;height:40px;max-width:200.65px;font-size:14px}:host(.button-strong){font-weight:bold}::slotted(i[slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.button-solid.gasco-color.gasco-focused) .button-native::after{background:var(--gasco-color-contrast)}:host(.button-clear.gasco-color.gasco-focused) .button-native::after,:host(.button-outline.gasco-color.gasco-focused) .button-native::after{background:var(--gasco-color-base)}:host(.button-solid:active) .button-native:not(.progress){box-shadow:inset 0 0 10px 50px rgba(0, 0, 0, 0.15)}:host{width:50px}.button-native{padding:0}:host(.button-outline){--border-width:1.5px;--border-style:solid}:host(.button-large.button-solid.gasco-button-icon),:host(.button-large.button-outline){width:60px;height:60px}:host(.button-small.button-solid.gasco-button-icon),:host(.button-small.button-outline){width:40px;height:40px}:host(.button-solid.button-disabled){--background:#F1F1F1 !important;--color:#CCCCCC !important}";

const GascoButtonIcon = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.gascoFocus = index.createEvent(this, "gascoFocus", 7);
    this.gascoBlur = index.createEvent(this, "gascoBlur", 7);
    this.inItem = false;
    this.inheritedAttributes = {};
    /**
     * The color to use from your application's color palette.
     * Default options are: `"primary"`.
     */
    this.color = 'primary';
    /**
     * The type of button.
     */
    this.buttonType = 'button';
    /**
     * If `true`, the user cannot interact with the button.
     */
    this.disabled = false;
    /**
     * If `true`, the user cannot interact with the button in progress.
     */
    this.progress = false;
    /**
     * Set to `"clear"` for a transparent button, to `"outline"` for a transparent
     * button with a border, or to `"solid"`.
     */
    this.fill = 'solid';
    /**
     * The type of the button.
     */
    this.type = 'button';
    this.onFocus = () => this.gascoFocus.emit();
    this.onBlur = () => this.gascoBlur.emit();
  }
  componentWillLoad() {
    this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
  }
  render() {
    const { type, size, fill, color, shape, disabled, progress, buttonType, inheritedAttributes, } = this;
    const finalSize = size === undefined && this.inItem ? 'small' : size;
    const attrs = { type };
    return (index.h(index.Host, { "aria-disabled": disabled ? 'true' : null, "aria-progress": progress ? 'true' : null, class: theme.createColorClasses(color, {
        [`${buttonType}-${finalSize}`]: finalSize !== undefined,
        [`${buttonType}-${shape}`]: shape !== undefined,
        [`${buttonType}-${fill}`]: true,
        'button-disabled': disabled,
        'gasco-activatable': true,
        'gasco-button-icon': true,
        'gasco-focusable': true,
      }) }, index.h("button", Object.assign({}, attrs, { class: `button-native icon-only ${progress ? 'progress' : ''}`, part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { class: "button-inner" }, progress ? (index.h("span", { class: "button-progress" })) : (index.h("slot", null))))));
  }
  get el() { return index.getElement(this); }
};
GascoButtonIcon.style = gascoButtonIconCss;

exports.gasco_button = GascoButton;
exports.gasco_button_icon = GascoButtonIcon;
