text: define(["exports", "../../../lit/index.js", "./simple-icons.js", "./simple-icon-lite.js"], function (_exports, _index, _simpleIcons, _simpleIconLite) {
    "use strict";
  
    Object.defineProperty(_exports, "__esModule", {
      value: true
    });
    _exports.SimpleIconButtonLite = _exports.SimpleIconButtonBehaviors = void 0;
  
    var _templateObject_bfacf150012611ec9676957c409166bc, _templateObject2_bfacf150012611ec9676957c409166bc;
  
    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
  
    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
  
    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
  
    function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
  
    /**
     *
     * @class SimpleIconButtonBehaviors
     */
    var SimpleIconButtonBehaviors = function SimpleIconButtonBehaviors(SuperClass) {
      return /*#__PURE__*/function (_SuperClass) {
        babelHelpers.inherits(_class, _SuperClass);
  
        var _super = _createSuper(_class);
  
        function _class() {
          var _this;
  
          babelHelpers.classCallCheck(this, _class);
          _this = _super.call(this);
          _this.ariaLabelledby = "";
          _this.controls = "";
          _this.disabled = false;
          _this.form = "";
          _this.label = "";
          _this.fieldName = "";
          _this.type = "";
          _this.value = "";
          _this.icon = "";
          return _this;
        }
  
        babelHelpers.createClass(_class, [{
          key: "render",
          value: // render function
          function render() {
            return (0, _index.html)(_templateObject_bfacf150012611ec9676957c409166bc || (_templateObject_bfacf150012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["\n        <button\n          ?autofocus=\"", "\"\n          aria-labelledby=\"", "\"\n          .aria-pressed=\"", "\"\n          controls=\"", "\"\n          part=\"button\"\n          ?disabled=\"", "\"\n          form=\"", "\"\n          label=\"", "\"\n          aria-label=\"", "\"\n          name=\"", "\"\n          .type=\"", "\"\n          value=\"", "\"\n        >\n          <simple-icon-lite icon=\"", "\" part=\"icon\"></simple-icon-lite>\n          <slot></slot>\n        </button>\n      "])), this.autofocus, this.ariaLabelledby, this.toggles || this.toggled ? "true" : this.toggles ? "false" : undefined, this.controls, this.disabled, this.form, this.label, this.label, this.fieldName, this.type, this.value, this.icon);
          } // properties available to the custom element for data binding
  
        }], [{
          key: "styles",
          get: function get() {
            return [babelHelpers.get(babelHelpers.getPrototypeOf(_class), "styles", this) || []].concat([(0, _index.css)(_templateObject2_bfacf150012611ec9676957c409166bc || (_templateObject2_bfacf150012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["\n          :host([hidden]) {\n            display: none;\n          }\n          :host([icon=\"\"]) simple-icon-lite {\n            display: none;\n          }\n          :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            vertical-align: middle;\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: 0;\n            margin: 0;\n            color: inherit;\n          }\n          button {\n            color: inherit;\n            cursor: pointer;\n            opacity: var(--simple-icon-button-opacity, 1);\n            border: var(--simple-icon-button-border, 0);\n            border-radius: var(--simple-icon-button-border-radius, 50%);\n            background-color: var(\n              --simple-icon-button-background-color,\n              transparent\n            );\n            padding: var(--simple-icon-button-padding, 0px);\n            margin: 0px;\n            width: 100%;\n            height: 100%;\n          }\n          button[aria-pressed] {\n            opacity: var(--simple-icon-button-toggled-opacity, 1);\n            --simple-icon-button-border: var(\n              --simple-icon-toggled-button-border\n            );\n            --simple-icon-color: var(--simple-icon-button-toggled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-toggled-background-color\n            );\n          }\n          button:focus,\n          button:hover {\n            opacity: var(--simple-icon-button-focus-opacity, 0.8);\n            --simple-icon-button-border: var(--simple-icon-button-focus-border);\n            --simple-icon-color: var(--simple-icon-button-focus-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-focus-background-color\n            );\n          }\n          button:disabled,\n          button[disabled] {\n            opacity: var(--simple-icon-button-disabled-opacity, 0.5);\n            --simple-icon-button-border: var(\n              --simple-icon-button-disabled-border\n            );\n            --simple-icon-color: var(--simple-icon-button-disabled-color);\n            --simple-icon-button-background-color: var(\n              --simple-icon-button-disabled-background-color\n            );\n            cursor: not-allowed;\n          }\n\n          simple-icon-lite {\n            color: inherit;\n            height: calc(\n              var(--simple-icon-height, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n            width: calc(\n              var(--simple-icon-width, 24px) - 2 *\n                var(--simple-icon-button-padding, 0px)\n            );\n          }\n        "])))]);
          }
        }, {
          key: "properties",
          get: function get() {
            return _objectSpread(_objectSpread({}, babelHelpers.get(babelHelpers.getPrototypeOf(_class), "properties", this)), {}, {
              autofocus: {
                attribute: "autofocus",
                type: Boolean
              },
              ariaLabelledby: {
                attribute: "aria-labelledby",
                type: String
              },
              controls: {
                attribute: "controls",
                type: String
              },
              disabled: {
                attribute: "disabled",
                type: Boolean
              },
              fieldName: {
                attribute: "field-name",
                type: String
              },
              form: {
                attribute: "form",
                type: String
              },
              icon: {
                type: String,
                reflect: true
              },
              label: {
                attribute: "label",
                type: String
              },
              type: {
                attribute: "type",
                type: String
              },
              value: {
                attribute: "value",
                type: String,
                reflect: true
              },
              toggles: {
                attribute: "toggles",
                type: Boolean,
                reflect: true
              },
              toggled: {
                attribute: "toggled",
                type: Boolean,
                reflect: true
              }
            });
          }
        }]);
        return _class;
      }(SuperClass);
    };
    /**
     * `simple-icon`
     * `Render an SVG based icon`
     *
     * @microcopy - language worth noting:
     *  -
     *
     * @customElement
     * @extends LitElement
     * @extends SimpleIconButtonBehaviors
     * @demo demo/button-lite.html
     * @element simple-icon
     */
  
  
    _exports.SimpleIconButtonBehaviors = SimpleIconButtonBehaviors;
  
    var SimpleIconButtonLite = /*#__PURE__*/function (_SimpleIconButtonBeha) {
      babelHelpers.inherits(SimpleIconButtonLite, _SimpleIconButtonBeha);
  
      var _super2 = _createSuper(SimpleIconButtonLite);
  
      function SimpleIconButtonLite() {
        var _this2;
  
        babelHelpers.classCallCheck(this, SimpleIconButtonLite);
        _this2 = _super2.call(this);
        _this2.type = "button";
        return _this2;
      }
  
      babelHelpers.createClass(SimpleIconButtonLite, null, [{
        key: "tag",
        get:
        /**
         * This is a convention, not the standard
         */
        function get() {
          return "simple-icon-button-lite";
        }
      }]);
      return SimpleIconButtonLite;
    }(SimpleIconButtonBehaviors(_index.LitElement));
  
    _exports.SimpleIconButtonLite = SimpleIconButtonLite;
    customElements.define(SimpleIconButtonLite.tag, SimpleIconButtonLite);
  });