@aurigma/ui-framework/dist/imports/es8/dynamic.au-widget-button.khmyapxzyk.js

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

(window.multistep_editor_jsonpFunction=window.multistep_editor_jsonpFunction||[]).push([[16],{824:function(t,n){t.exports='<style>\n    :host {\n        display: block;\n        --iron-icon-height: var(--button-icon-height, 36px);\n        --iron-icon-width: var(--button-icon-width, 36px);\n    }\n\n    #button {\n        @apply --au-header-button-geometry;\n        @apply --au-button-font;\n        margin: 0;\n        width: var(--button-width, --button-icon-width, 100%);\n        height: var(--button-height, --button-icon-height, 100%);\n    }\n\n    #button {\n        background-color: var(--button-background-color, var(--theme-primary-color));\n        color: var(--button-color, var(--theme-interface-color));\n        border: var(--button-border, 0px solid var(--theme-primary-color));\n    }\n\n    #button.primary {\n        background-color: var(--theme-primary-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button.secondary {\n        background-color: var(--theme-interface-color);\n        color: var(--theme-secondary-font-color);\n    }\n\n    #button.success {\n        background-color: var(--theme-success-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button.warning {\n        background-color: var(--theme-warning-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button.danger {\n        background-color: var(--theme-error-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button[disabled] {\n        background: var(--button-disable-background);\n        color: var(--button-disable-color);\n    }\n\n    paper-icon-button {\n        width: var(--button-icon-width, 36px) !important;\n        min-width: var(--button-icon-width, 36px) !important;\n        height: var(--button-icon-height, 36px) !important;\n        padding: 0 0 0 0 !important;\n        background-color: transparent !important;\n        outline: none !important;\n        border: none !important;\n    }\n\n    iron-icon {\n        height: var(--button-icon-height, 36px) !important;\n        width: var(--button-icon-width, 36px) !important;\n    }\n\n    img {\n        width: var(--button-icon-width, 36px) !important;\n        height: var(--button-icon-height, 36px) !important;\n    }\n</style>\n<dom-if if="[[_isTextButton(type)]]">\n    <template>\n\n        <paper-button id="button" class$="[[classStyle]]" on-tap="_onClick" hidden="[[!visible]]"\n            disabled="[[!enabled]]">\n\n            <template is="dom-if" if="{{_isHasLeftIcon}}">\n                <iron-icon icon="[[icon]]"></iron-icon>\n            </template>\n\n            <span>[[text]]</span>\n\n            <template is="dom-if" if="{{_isHasRightIcon}}">\n                <iron-icon icon="[[icon]]"></iron-icon>\n            </template>\n\n        </paper-button>\n\n    </template>\n</dom-if>\n<dom-if if="[[!_isTextButton(type)]]">\n    <template>\n        <paper-icon-button src="[[image]]" icon="[[icon]]" id="button" class="img-btn" on-tap="_onClick"\n            hidden="[[!visible]]" disabled="[[!enabled]]"></paper-icon-button>\n    </template>\n</dom-if>'},897:function(t,n,o){o.r(n),o.d(n,"AuWidgetButton",function(){return a}),o.d(n,"widget",function(){return a});var n=o(0),e=o(824),i=o(2),r=o(160),c=o(1);let a=class extends r.c{constructor(){super(...arguments),this.type="text",this._isHasLeftIcon=!1,this._isHasRightIcon=!1}_isTextButton(t){return"text"===t}updateParams(t){this.text=t.text||"",this.image=t.image||"",this.icon=t.icon||"",this.iconPosition=t.iconPosition||"left",this._isHasLeftIcon=""!==this.icon&&"right"!==(this.iconPosition||"").toLowerCase(),this._isHasRightIcon=""!==this.icon&&"right"===(this.iconPosition||"").toLowerCase(),this.classStyle=t.classStyle,this.visible=t.visible,this.enabled=t.enabled,this.type=void 0===t.type||""===t.type?"text":t.type;t=[].concat(()=>this.enabled=!1,t.onClick,()=>this.enabled=!0).filter(t=>t);this._onClick=c.a.functionWrapperConstructor(t)}};Object(n.a)([Object(i.c)(),Object(n.b)("design:type",Object)],a.prototype,"params",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",String)],a.prototype,"text",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",String)],a.prototype,"image",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",String)],a.prototype,"icon",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",String)],a.prototype,"iconPosition",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",String)],a.prototype,"type",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",String)],a.prototype,"classStyle",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",Boolean)],a.prototype,"enabled",void 0),Object(n.a)([Object(i.c)(),Object(n.b)("design:type",Boolean)],a.prototype,"visible",void 0),a=Object(n.a)([Object(i.a)("au-widget-button",e)],a)}}]);