{"version":3,"sources":["jsdelivr-header.js","/npm/bu-button@1.2.0/bu-button.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OCNS,eAAgB,SAAY,4CAC9B,qBAEP,MAAM,iBAAiB,eACrB,mBAAW,GACT,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiHb,CAEA,qBAAW,GACT,MAAO,CACL,KAAM,OACN,KAAM,OACN,YAAa,OACb,KAAM,OAEV,EAGF,OAAO,eAAe,OAAO,YAAa","file":"/npm/bu-button@1.2.0/bu-button.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/bu-button@1.2.0/bu-button.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import { PolymerElement, html } from \"@polymer/polymer/polymer-element.js\";\nimport \"./shared-styles.js\";\n\nclass BUButton extends PolymerElement {\n  static get template() {\n    return html`\n      <style include=\"shared-styles\">\n        :host([submit]) .button {\n          display: block;\n          max-width: 350px;\n          width: 100%;\n          margin: 0 auto;\n          padding: 15px 0;\n          border-radius: 100px;\n          color: #fff;\n          font-weight: bold;\n          font-size: 18px;\n          background-image: -webkit-gradient(linear, left top, right top, from(#FFCB00), to(#FFB400));\n          background-image: -webkit-linear-gradient(left, #FFCB00, #FFB400);\n          background-image: -o-linear-gradient(left, #FFCB00, #FFB400);\n          background-image: linear-gradient(to right, #FFCB00, #FFB400);\n          margin-bottom: 10px;\n          cursor: pointer;\n        }\n\n        :host([flat]) .button {\n          display: block;\n          max-width: 350px;\n          width: 100%;\n          margin: 0 auto;\n          color: #000;\n          padding: 10px 0;\n          font-size: 16px;\n          cursor: pointer;\n          background: none;\n        }\n\n        :host([google]), :host([facebook]) {\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n          -webkit-box-pack: justify;\n          -ms-flex-pack: justify;\n          justify-content: space-between;\n          margin-top: 40px;\n        }\n\n        :host([google]) .button, :host([facebook]) .button {\n          display: block;\n          max-width: 320px;\n          width: 100%;\n          padding: 15px 0;\n          font-size: 18px;\n          border-radius: 100px;\n          text-align: center;\n          letter-spacing: 1px;\n          -webkit-transition: opacity .5s;\n          -o-transition: opacity .5s;\n          transition: opacity .5s;\n        }\n\n        :host([google]) .button, :host([facebook]) .button :hover {\n          opacity: 0.8;\n        }\n\n        :host([google]) .button span, :host([facebook]) .button span {\n          display: inline-block;\n          padding-left: 50px;\n          position: relative;\n        }\n\n        :host([google]) .button span::before, :host([facebook]) .button span::before {\n          display: block;\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: 0;\n          bottom: 0;\n          margin: auto;\n          width: 18px;\n          height: 18px;\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: center cetner;\n        }\n\n        :host([google]) .button {\n          -webkit-transition: opacity .5s, border .5s, color .5s;\n          -o-transition: opacity .5s, border .5s, color .5s;\n          transition: opacity .5s, border .5s, color .5s;\n          color: #000;\n          border: 1px solid #000;\n        }\n\n        :host([google]) .button:hover {\n          color: #666;\n          border: 1px solid #666;\n        }\n\n        :host([google]) .button span::before {\n          background-image: url(images/layouts/login/glogo.png);\n        }\n\n        :host([facebook]) .button {\n          background: #4267B2;\n          border: 1px solid #4267B2;\n          color: #fff;\n        }\n\n        :host([facebook]) .button span::before {\n          background-image: url(images/layouts/login/fblogo.png);\n        }\n      </style>\n\n      <button class=\"button\" type=\"[[type]]\" name=\"[[name]]\"><span>[[text]]</span></button>\n    `;\n  }\n\n  static get properties() {\n    return {\n      type: String,\n      name: String,\n      placeholder: String,\n      text: String\n    };\n  }\n}\n\nwindow.customElements.define(\"bu-button\", BUButton);\n"]}