text: define(["exports", "../../../lit/index.js", "../../a11y-menu-button/a11y-menu-button.js", "./simple-toolbar-button.js", "./simple-toolbar-menu-item.js"], function (_exports, _index, _a11yMenuButton, _simpleToolbarButton, _simpleToolbarMenuItem) {
    "use strict";
  
    Object.defineProperty(_exports, "__esModule", {
      value: true
    });
    _exports.SimpleToolbarMenuBehaviors = _exports.SimpleToolbarMenu = void 0;
  
    var _templateObject_c06c49b0012611ec9676957c409166bc, _templateObject2_c06c49b0012611ec9676957c409166bc, _templateObject3_c06c49b0012611ec9676957c409166bc, _templateObject4_c06c49b0012611ec9676957c409166bc, _templateObject5_c06c49b0012611ec9676957c409166bc;
  
    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; } }
  
    /**
     * `simple-toolbar-menu`
     * `An icon / button that has support for multiple options via drop down.`
     *
     * @microcopy - the mental model for this element
     * - panel - the flyout from left or right side that has elements that can be placed
     * - button - an item that expresses what interaction you will have with the content.
     *
     * @extends A11yMenuButtonBehaviors
     * @extends SimpleToolbarButtonBehaviors
     * @element simple-toolbar-menu
     *
     */
    var SimpleToolbarMenuBehaviors = function SimpleToolbarMenuBehaviors(SuperClass) {
      return /*#__PURE__*/function (_A11yMenuButtonBehavi) {
        babelHelpers.inherits(_class, _A11yMenuButtonBehavi);
  
        var _super = _createSuper(_class);
  
        function _class() {
          babelHelpers.classCallCheck(this, _class);
          return _super.apply(this, arguments);
        }
  
        babelHelpers.createClass(_class, [{
          key: "buttonTemplate",
          get: function get() {
            return (0, _index.html)(_templateObject_c06c49b0012611ec9676957c409166bc || (_templateObject_c06c49b0012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["\n        <button\n          id=\"menubutton\"\n          aria-haspopup=\"true\"\n          aria-controls=\"menu\"\n          aria-expanded=\"", "\"\n          part=\"button\"\n        >\n          ", " ", "\n          <simple-icon-lite\n            id=\"dropdownicon\"\n            icon=\"arrow-drop-down\"\n            aria-hidden=\"true\"\n            part=\"dropdown-icon\"\n          ></simple-icon-lite>\n        </button>\n      "])), this.expanded ? "true" : "false", this.iconTemplate, this.labelTemplate);
          }
          /**
           * template for slotted list items
           *
           * @readonly
           */
  
        }, {
          key: "listItemTemplate",
          get: function get() {
            return (0, _index.html)(_templateObject2_c06c49b0012611ec9676957c409166bc || (_templateObject2_c06c49b0012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["<slot></slot>"])));
          }
        }], [{
          key: "simpleButtonCoreStyles",
          get: function get() {
            return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonCoreStyles", this)), [(0, _index.css)(_templateObject3_c06c49b0012611ec9676957c409166bc || (_templateObject3_c06c49b0012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["\n          #menubutton {\n            display: flex;\n            flex-wrap: none;\n            align-items: center;\n            min-width: 42px;\n          }\n          .label {\n            padding: 0 5px;\n          }\n          #dropdownicon {\n            --simple-icon-height: 18px;\n            --simple-icon-width: 18px;\n            margin-left: -2px;\n          }\n        "])))]);
          }
        }, {
          key: "simpleButtonLayoutStyles",
          get: function get() {
            return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonLayoutStyles", this)), [(0, _index.css)(_templateObject4_c06c49b0012611ec9676957c409166bc || (_templateObject4_c06c49b0012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["\n          #menu {\n            width: var(--simple-toolbar-button-width);\n            min-width: var(--simple-toolbar-button-min-width);\n          }\n        "])))]);
          }
        }, {
          key: "simpleButtonThemeStyles",
          get: function get() {
            return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "simpleButtonThemeStyles", this)), [(0, _index.css)(_templateObject5_c06c49b0012611ec9676957c409166bc || (_templateObject5_c06c49b0012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["\n          :host([expanded]) absolute-position-behavior {\n            border-style: solid;\n            border-width: var(\n              --simple-toolbar-button-border-width,\n              var(--simple-toolbar-border-width, 1px)\n            );\n            border-color: var(\n              --simple-toolbar-button-border-color,\n              var(--simple-toolbar-border-color, inherit)\n            );\n            background-color: var(--simple-toolbar-button-bg, white);\n            box-shadow: var(--simple-toolbar-menu-list-box-shadow, unset);\n          }\n        "])))]);
          }
        }, {
          key: "styles",
          get: function get() {
            return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(_class), "menuButtonCoreStyles", this)), babelHelpers.toConsumableArray(this.simpleButtonCoreStyles), babelHelpers.toConsumableArray(this.iconStyles), babelHelpers.toConsumableArray(this.labelStyles), babelHelpers.toConsumableArray(this.tooltipStyles), babelHelpers.toConsumableArray(this.simpleButtonLayoutStyles), babelHelpers.toConsumableArray(this.simpleButtonThemeStyles));
          }
        }, {
          key: "tag",
          get: function get() {
            return "simple-toolbar-menu";
          }
        }, {
          key: "properties",
          get: function get() {
            return _objectSpread({}, babelHelpers.get(babelHelpers.getPrototypeOf(_class), "properties", this));
          }
        }]);
        return _class;
      }((0, _a11yMenuButton.A11yMenuButtonBehaviors)((0, _simpleToolbarButton.SimpleToolbarButtonBehaviors)(SuperClass)));
    };
    /**
     *
     *
     * @class SimpleToolbarMenu
     * @extends {SimpleToolbarMenuBehaviors(LitElement)}
     * @customElement
     * @extends SimpleToolbarButtonBehaviors
     * @extends LitElement
     * @lit-html
     * @lit-element
     * @demo ./demo/menu.html
     */
  
  
    _exports.SimpleToolbarMenuBehaviors = SimpleToolbarMenuBehaviors;
  
    var SimpleToolbarMenu = /*#__PURE__*/function (_SimpleToolbarMenuBeh) {
      babelHelpers.inherits(SimpleToolbarMenu, _SimpleToolbarMenuBeh);
  
      var _super2 = _createSuper(SimpleToolbarMenu);
  
      function SimpleToolbarMenu() {
        babelHelpers.classCallCheck(this, SimpleToolbarMenu);
        return _super2.apply(this, arguments);
      }
  
      return SimpleToolbarMenu;
    }(SimpleToolbarMenuBehaviors(_index.LitElement));
  
    _exports.SimpleToolbarMenu = SimpleToolbarMenu;
    window.customElements.define(SimpleToolbarMenu.tag, SimpleToolbarMenu);
  });