npm - @ministryofjustice/frontend - Versions diffs - 5.0.0 → 5.1.1 - Mend

@ministryofjustice/frontend 5.0.0 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/moj/all.bundle.js +1598 -1062
package/moj/all.bundle.js.map +1 -1
package/moj/all.bundle.mjs +1894 -1054
package/moj/all.bundle.mjs.map +1 -1
package/moj/all.mjs +7 -90
package/moj/all.mjs.map +1 -1
package/moj/all.scss +1 -0
package/moj/all.scss.map +1 -1
package/moj/common/index.mjs +57 -0
package/moj/common/index.mjs.map +1 -0
package/moj/common/moj-frontend-version.mjs +14 -0
package/moj/common/moj-frontend-version.mjs.map +1 -0
package/moj/components/add-another/add-another.bundle.js +105 -76
package/moj/components/add-another/add-another.bundle.js.map +1 -1
package/moj/components/add-another/add-another.bundle.mjs +222 -71
package/moj/components/add-another/add-another.bundle.mjs.map +1 -1
package/moj/components/add-another/add-another.mjs +103 -72
package/moj/components/add-another/add-another.mjs.map +1 -1
package/moj/components/alert/alert.bundle.js +115 -191
package/moj/components/alert/alert.bundle.js.map +1 -1
package/moj/components/alert/alert.bundle.mjs +354 -186
package/moj/components/alert/alert.bundle.mjs.map +1 -1
package/moj/components/alert/alert.mjs +55 -140
package/moj/components/alert/alert.mjs.map +1 -1
package/moj/components/button-menu/README.md +3 -1
package/moj/components/button-menu/button-menu.bundle.js +91 -120
package/moj/components/button-menu/button-menu.bundle.js.map +1 -1
package/moj/components/button-menu/button-menu.bundle.mjs +329 -114
package/moj/components/button-menu/button-menu.bundle.mjs.map +1 -1
package/moj/components/button-menu/button-menu.mjs +89 -116
package/moj/components/button-menu/button-menu.mjs.map +1 -1
package/moj/components/date-picker/date-picker.bundle.js +174 -154
package/moj/components/date-picker/date-picker.bundle.js.map +1 -1
package/moj/components/date-picker/date-picker.bundle.mjs +411 -147
package/moj/components/date-picker/date-picker.bundle.mjs.map +1 -1
package/moj/components/date-picker/date-picker.mjs +172 -150
package/moj/components/date-picker/date-picker.mjs.map +1 -1
package/moj/components/filter/template.njk +1 -1
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.js +133 -44
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.js.map +1 -1
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.mjs +374 -41
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.mjs.map +1 -1
package/moj/components/filter-toggle-button/filter-toggle-button.mjs +131 -40
package/moj/components/filter-toggle-button/filter-toggle-button.mjs.map +1 -1
package/moj/components/form-validator/form-validator.bundle.js +159 -69
package/moj/components/form-validator/form-validator.bundle.js.map +1 -1
package/moj/components/form-validator/form-validator.bundle.mjs +399 -65
package/moj/components/form-validator/form-validator.bundle.mjs.map +1 -1
package/moj/components/form-validator/form-validator.mjs +134 -54
package/moj/components/form-validator/form-validator.mjs.map +1 -1
package/moj/components/multi-file-upload/multi-file-upload.bundle.js +291 -117
package/moj/components/multi-file-upload/multi-file-upload.bundle.js.map +1 -1
package/moj/components/multi-file-upload/multi-file-upload.bundle.mjs +527 -109
package/moj/components/multi-file-upload/multi-file-upload.bundle.mjs.map +1 -1
package/moj/components/multi-file-upload/multi-file-upload.mjs +288 -101
package/moj/components/multi-file-upload/multi-file-upload.mjs.map +1 -1
package/moj/components/multi-file-upload/template.njk +1 -1
package/moj/components/multi-select/multi-select.bundle.js +106 -41
package/moj/components/multi-select/multi-select.bundle.js.map +1 -1
package/moj/components/multi-select/multi-select.bundle.mjs +346 -37
package/moj/components/multi-select/multi-select.bundle.mjs.map +1 -1
package/moj/components/multi-select/multi-select.mjs +104 -37
package/moj/components/multi-select/multi-select.mjs.map +1 -1
package/moj/components/password-reveal/_password-reveal.scss +3 -1
package/moj/components/password-reveal/_password-reveal.scss.map +1 -1
package/moj/components/password-reveal/password-reveal.bundle.js +32 -29
package/moj/components/password-reveal/password-reveal.bundle.js.map +1 -1
package/moj/components/password-reveal/password-reveal.bundle.mjs +149 -24
package/moj/components/password-reveal/password-reveal.bundle.mjs.map +1 -1
package/moj/components/password-reveal/password-reveal.mjs +30 -25
package/moj/components/password-reveal/password-reveal.mjs.map +1 -1
package/moj/components/rich-text-editor/README.md +4 -3
package/moj/components/rich-text-editor/rich-text-editor.bundle.js +127 -62
package/moj/components/rich-text-editor/rich-text-editor.bundle.js.map +1 -1
package/moj/components/rich-text-editor/rich-text-editor.bundle.mjs +367 -58
package/moj/components/rich-text-editor/rich-text-editor.bundle.mjs.map +1 -1
package/moj/components/rich-text-editor/rich-text-editor.mjs +125 -58
package/moj/components/rich-text-editor/rich-text-editor.mjs.map +1 -1
package/moj/components/search-toggle/search-toggle.bundle.js +94 -26
package/moj/components/search-toggle/search-toggle.bundle.js.map +1 -1
package/moj/components/search-toggle/search-toggle.bundle.mjs +334 -22
package/moj/components/search-toggle/search-toggle.bundle.mjs.map +1 -1
package/moj/components/search-toggle/search-toggle.mjs +92 -22
package/moj/components/search-toggle/search-toggle.mjs.map +1 -1
package/moj/components/sortable-table/_sortable-table.scss +3 -42
package/moj/components/sortable-table/_sortable-table.scss.map +1 -1
package/moj/components/sortable-table/sortable-table.bundle.js +200 -83
package/moj/components/sortable-table/sortable-table.bundle.js.map +1 -1
package/moj/components/sortable-table/sortable-table.bundle.mjs +439 -78
package/moj/components/sortable-table/sortable-table.bundle.mjs.map +1 -1
package/moj/components/sortable-table/sortable-table.mjs +198 -79
package/moj/components/sortable-table/sortable-table.mjs.map +1 -1
package/moj/core/_all.scss +3 -0
package/moj/core/_all.scss.map +1 -0
package/moj/core/_moj-frontend-properties.scss +7 -0
package/moj/core/_moj-frontend-properties.scss.map +1 -0
package/moj/filters/prototype-kit-13-filters.js +4 -3
package/moj/helpers.bundle.js +22 -77
package/moj/helpers.bundle.js.map +1 -1
package/moj/helpers.bundle.mjs +23 -74
package/moj/helpers.bundle.mjs.map +1 -1
package/moj/helpers.mjs +23 -74
package/moj/helpers.mjs.map +1 -1
package/moj/moj-frontend.min.css +1 -1
package/moj/moj-frontend.min.css.map +1 -1
package/moj/moj-frontend.min.js +1 -1
package/moj/moj-frontend.min.js.map +1 -1
package/package.json +1 -1
package/moj/version.bundle.js +0 -12
package/moj/version.bundle.js.map +0 -1
package/moj/version.bundle.mjs +0 -4
package/moj/version.bundle.mjs.map +0 -1
package/moj/version.mjs +0 -4
package/moj/version.mjs.map +0 -1

package/moj/components/button-menu/button-menu.bundle.mjs CHANGED Viewed

@@ -1,68 +1,292 @@
-class ButtonMenu {
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
   /**
-   * @param {Element | null} $module - HTML element to use for button menu
-   * @param {ButtonMenuConfig} [config] - Button menu config
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (typeof messageOrOptions === 'object') {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      message = formatErrorMessage(component, message);
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
    */
-  constructor($module, config = {}) {
-    if (!$module || !($module instanceof HTMLElement)) {
-      return this;
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
     }
-    const schema = Object.freeze({
-      properties: {
-        buttonText: {
-          type: 'string'
-        },
-        buttonClasses: {
-          type: 'string'
-        },
-        alignMenu: {
-          type: 'string'
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
         }
       }
-    });
-    const defaults = {
-      buttonText: 'Actions',
-      alignMenu: 'left',
-      buttonClasses: ''
-    };
-    // data attributes override JS config, which overrides defaults
-    this.config = this.mergeConfigs(defaults, config, this.parseDataset(schema, $module.dataset));
-    this.$module = $module;
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * @augments {ConfigurableComponent<ButtonMenuConfig>}
+ */
+class ButtonMenu extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button menu
+   * @param {ButtonMenuConfig} [config] - Button menu config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
     // If only one button is provided, don't initiate a menu and toggle button
     // if classes have been provided for the toggleButton, apply them to the single item
-    if (this.$module.children.length === 1) {
-      const button = this.$module.children[0];
-      button.classList.forEach(className => {
+    if (this.$root.children.length === 1) {
+      const $button = this.$root.children[0];
+      $button.classList.forEach(className => {
         if (className.startsWith('govuk-button-')) {
-          button.classList.remove(className);
+          $button.classList.remove(className);
         }
-        button.classList.remove('moj-button-menu__item');
-        button.classList.add('moj-button-menu__single-button');
+        $button.classList.remove('moj-button-menu__item');
+        $button.classList.add('moj-button-menu__single-button');
       });
       if (this.config.buttonClasses) {
-        button.classList.add(...this.config.buttonClasses.split(' '));
+        $button.classList.add(...this.config.buttonClasses.split(' '));
       }
     }
-    // Otherwise intialise a button menu
-    if (this.$module.children.length > 1) {
+    // Otherwise initialise a button menu
+    if (this.$root.children.length > 1) {
       this.initMenu();
     }
   }
   initMenu() {
     this.$menu = this.createMenu();
-    this.$module.insertAdjacentHTML('afterbegin', this.toggleTemplate());
+    this.$root.insertAdjacentHTML('afterbegin', this.toggleTemplate());
     this.setupMenuItems();
-    this.$menuToggle = this.$module.querySelector(':scope > button');
-    this.items = this.$menu.querySelectorAll('a, button');
+    this.$menuToggle = this.$root.querySelector(':scope > button');
+    this.$items = this.$menu.querySelectorAll('a, button');
     this.$menuToggle.addEventListener('click', event => {
       this.toggleMenu(event);
     });
-    this.$module.addEventListener('keydown', event => {
+    this.$root.addEventListener('keydown', event => {
       this.handleKeyDown(event);
     });
     document.addEventListener('click', event => {
-      if (!this.$module.contains(event.target)) {
+      if (event.target instanceof Node && !this.$root.contains(event.target)) {
         this.closeMenu(false);
       }
     });
@@ -75,30 +299,30 @@ class ButtonMenu {
     if (this.config.alignMenu === 'right') {
       $menu.classList.add('moj-button-menu__wrapper--right');
     }
-    this.$module.appendChild($menu);
-    while (this.$module.firstChild !== $menu) {
-      $menu.appendChild(this.$module.firstChild);
+    this.$root.appendChild($menu);
+    while (this.$root.firstChild !== $menu) {
+      $menu.appendChild(this.$root.firstChild);
     }
     return $menu;
   }
   setupMenuItems() {
-    Array.from(this.$menu.children).forEach(item => {
+    Array.from(this.$menu.children).forEach($menuItem => {
       // wrap item in li tag
-      const listItem = document.createElement('li');
-      this.$menu.insertBefore(listItem, item);
-      listItem.appendChild(item);
-      item.setAttribute('tabindex', '-1');
-      if (item.tagName === 'BUTTON') {
-        item.setAttribute('type', 'button');
+      const $listItem = document.createElement('li');
+      this.$menu.insertBefore($listItem, $menuItem);
+      $listItem.appendChild($menuItem);
+      $menuItem.setAttribute('tabindex', '-1');
+      if ($menuItem.tagName === 'BUTTON') {
+        $menuItem.setAttribute('type', 'button');
       }
-      item.classList.forEach(className => {
+      $menuItem.classList.forEach(className => {
         if (className.startsWith('govuk-button')) {
-          item.classList.remove(className);
+          $menuItem.classList.remove(className);
         }
       });
       // add a slight delay after click before closing the menu, makes it *feel* better
-      item.addEventListener('click', () => {
+      $menuItem.addEventListener('click', () => {
         setTimeout(() => {
           this.closeMenu(false);
         }, 50);
@@ -123,6 +347,10 @@ class ButtonMenu {
   isOpen() {
     return this.$menuToggle.getAttribute('aria-expanded') === 'true';
   }
+  /**
+   * @param {MouseEvent} event - Click event
+   */
   toggleMenu(event) {
     event.preventDefault();
@@ -168,18 +396,22 @@ class ButtonMenu {
    * @param {number} index - the index of the item to focus
    */
   focusItem(index) {
-    if (index >= this.items.length) index = 0;
-    if (index < 0) index = this.items.length - 1;
-    const menuItem = this.items.item(index);
-    if (menuItem) {
-      menuItem.focus();
+    if (index >= this.$items.length) index = 0;
+    if (index < 0) index = this.$items.length - 1;
+    const $menuItem = this.$items.item(index);
+    if ($menuItem) {
+      $menuItem.focus();
     }
   }
   currentFocusIndex() {
-    const activeElement = document.activeElement;
-    const menuItems = Array.from(this.items);
-    return menuItems.indexOf(activeElement);
+    const $activeElement = document.activeElement;
+    const $menuItems = Array.from(this.$items);
+    return ($activeElement instanceof HTMLAnchorElement || $activeElement instanceof HTMLButtonElement) && $menuItems.indexOf($activeElement);
   }
+  /**
+   * @param {KeyboardEvent} event - Keydown event
+   */
   handleKeyDown(event) {
     if (event.target === this.$menuToggle) {
       switch (event.key) {
@@ -189,11 +421,11 @@ class ButtonMenu {
           break;
         case 'ArrowUp':
           event.preventDefault();
-          this.openMenu(this.items.length - 1);
+          this.openMenu(this.$items.length - 1);
           break;
       }
     }
-    if (this.$menu.contains(event.target) && this.isOpen()) {
+    if (event.target instanceof Node && this.$menu.contains(event.target) && this.isOpen()) {
       switch (event.key) {
         case 'ArrowDown':
           event.preventDefault();
@@ -213,7 +445,7 @@ class ButtonMenu {
           break;
         case 'End':
           event.preventDefault();
-          this.focusItem(this.items.length - 1);
+          this.focusItem(this.$items.length - 1);
           break;
       }
     }
@@ -226,58 +458,8 @@ class ButtonMenu {
   }
   /**
-   * Parse dataset
-   *
-   * Loop over an object and normalise each value using {@link normaliseString},
-   * optionally expanding nested `i18n.field`
-   *
-   * @param {Schema} schema - component schema
-   * @param {DOMStringMap} dataset - HTML element dataset
-   * @returns {object} Normalised dataset
-   */
-  parseDataset(schema, dataset) {
-    const parsed = {};
-    for (const [field,,] of Object.entries(schema.properties)) {
-      if (field in dataset) {
-        if (dataset[field]) {
-          parsed[field] = dataset[field];
-        }
-      }
-    }
-    return parsed;
-  }
-  /**
-   * Config merging function
-   *
-   * Takes any number of objects and combines them together, with
-   * greatest priority on the LAST item passed in.
-   *
-   * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge
-   * @returns {{ [key: string]: unknown }} A merged config object
+   * Name for the component used when initialising using data-module attributes.
    */
-  mergeConfigs(...configObjects) {
-    const formattedConfigObject = {};
-    // Loop through each of the passed objects
-    for (const configObject of configObjects) {
-      for (const key of Object.keys(configObject)) {
-        const option = formattedConfigObject[key];
-        const override = configObject[key];
-        // Push their keys one-by-one into formattedConfigObject. Any duplicate
-        // keys with object values will be merged, otherwise the new value will
-        // override the existing value.
-        if (typeof option === 'object' && typeof override === 'object') {
-          // @ts-expect-error Index signature for type 'string' is missing
-          formattedConfigObject[key] = this.mergeConfigs(option, override);
-        } else {
-          formattedConfigObject[key] = override;
-        }
-      }
-    }
-    return formattedConfigObject;
-  }
 }
 /**
@@ -287,5 +469,38 @@ class ButtonMenu {
  * @property {string} [buttonClasses='govuk-button--secondary'] - css classes applied to the toggle button
  */
+/**
+ * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+ */
+ButtonMenu.moduleName = 'moj-button-menu';
+/**
+ * Button menu config
+ *
+ * @type {ButtonMenuConfig}
+ */
+ButtonMenu.defaults = Object.freeze({
+  buttonText: 'Actions',
+  alignMenu: 'left',
+  buttonClasses: ''
+});
+/**
+ * Button menu config schema
+ *
+ * @type {Schema<ButtonMenuConfig>}
+ */
+ButtonMenu.schema = Object.freeze(/** @type {const} */{
+  properties: {
+    buttonText: {
+      type: 'string'
+    },
+    buttonClasses: {
+      type: 'string'
+    },
+    alignMenu: {
+      type: 'string'
+    }
+  }
+});
 export { ButtonMenu };
 //# sourceMappingURL=button-menu.bundle.mjs.map