@nova-design-system/nova-webcomponents 3.0.0-beta.45 → 3.0.0-beta.46

package/dist/native/{p-f5e0d5c5.entry.js → p-e4f84faa.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as t,g as i}from"./p-ab002252.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const a=d;const l=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.autofocus=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()}}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return o(t,{key:"9979c9c835f414965a4ae1ee3db398ee6223c3a9"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"899abb4f3faaa65e1f32738e7ab91440dcc32fd2",htmlFor:this.inputId},o("slot",{key:"f82bb9e2e63d56afb8078ffcdaee8da6d2b3df87",name:"label"},this.label)),o("div",{key:"b75dfdfc0c875db7019a23c084133b90d957ed8e",class:"input-wrapper"},o("slot",{key:"cf4cd32cd106bee88c662fd0960e67ba87dddbc9",name:"before-input"}),o("div",{key:"2f005ef34a722424dcf86c9e189d1ab001bd2495",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"0d554159f716ed6a4dae76a6b0befd05cdf97173",name:"leading-input"}),o("input",{key:"8dbba6bce4617cbd3d9168b897c0101c83fb6e1e",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autofocus:this.autofocus,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&o("nv-icon",{key:"cb4a0028e53aefcaf9b3127488811ea9d66cd305",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"307fa39a19684d92b5e64ce83301dac337948822",name:"circle-check",class:"validation",size:"md"})),o("slot",{key:"a8eb4186286fd472b7c0d515be544e6331bad33c",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"f5bd9926035d6d8829382adea3f68eb633bbf738",class:"description"},o("slot",{key:"561c28cc04225e9d84a86b161714efde4882debe",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"09e08c344f477d70f698a9c11e38c737667c4ef6",hidden:!this.error,class:"error-description"},o("slot",{key:"117cd688cb63f5411225d468ca2071b19c1be39f",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=a;export{l as nv_fieldtext};
-//# sourceMappingURL=p-f5e0d5c5.entry.js.map
+import{r as e,c as r,h as o,a as t,g as i}from"./p-ab002252.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const a=d;const l=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.autofocus=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()}}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return o(t,{key:"ffcbe1c8f14257f6380d28f2c50fe8b77ae73027"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"3b84598a05eedc7625312def01ca726dc68fa247",htmlFor:this.inputId},o("slot",{key:"8c8f0d2f86742dd0699b8b309cbea0dca1d294ce",name:"label"},this.label)),o("div",{key:"c2adf3acc7780a7eba5d4762b7275d1c63304bf5",class:"input-wrapper"},o("slot",{key:"c49756d1daaba476222ebda2df4854b1094655b3",name:"before-input"}),o("div",{key:"723c34f09e6c073bdef2db799246da72ffd52703",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"4e94bcac72ac2e5147a8d5e33396a13359820009",name:"leading-input"}),o("input",{key:"96cbf022912735445467320600e372fba03de4e4",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autofocus:this.autofocus,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&o("nv-icon",{key:"39a55c42a49006d316e5dcc5389793c6264d2b09",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"bf1b6040dbb392b5c46b3b9af665d7cdc7389d29",name:"circle-check",class:"validation",size:"md"})),o("slot",{key:"bb2256bf3fc5165e61f162fe89dd7be564a989c0",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"3d2c5a89247042184b3a110ca7982b793b0bd86a",class:"description"},o("slot",{key:"2358cc5217d6ba65b4d4baa927b397dbe62982e8",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"cdef4117d71b8a6bdde19fea1a0f4070ba02ab2e",hidden:!this.error,class:"error-description"},o("slot",{key:"66a2b100ab641aa9c2e22fdfc9a987bb86cd44a0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=a;export{l as nv_fieldtext};
+//# sourceMappingURL=p-e4f84faa.entry.js.map

package/dist/types/components/nv-badge/nv-badge.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot leading-icon - Icon before the label.
+ * @slot default - for custom content, for pure text use label instead.
  */
 export declare class NvBadge {
     ref: HTMLNvBadgeElement;

package/dist/types/components/nv-base/nv-base.docs.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    component: string;
+    component: "nv-base";
     skip: true;
 };
 export default _default;

package/dist/types/components/nv-datagrid/nv-datagrid.d.ts

@@ -19,6 +19,7 @@ export declare class NvDatagrid {
     parsedColumns: Column[];
     parsedData: any[];
     private globalFilter;
+    private columnData;
     /****************************************************************************/
     /**
      * The data to display in the data grid.

package/dist/types/components/nv-datagridcolumn/nv-datagridcolumn.d.ts

@@ -12,6 +12,10 @@ export declare class NvDatagridcolumn {
      * Defines the accessor of the column.
      */
     readonly accessor: string;
+    /**
+     * Whether the column need to be repeated with the template.
+     */
+    readonly repeatTemplate: boolean;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fielddropdown/nv-fielddropdown.d.ts

@@ -100,7 +100,7 @@ export declare class NvFielddropdown {
     /**
      * Enables or disables the filtering feature for the dropdown items.
      */
-    filterable: boolean;
+    readonly filterable: boolean;
     /**
      * List of options available in the dropdown. The options are passed as a JSON
      * string.
@@ -126,7 +126,6 @@ export declare class NvFielddropdown {
     /****************************************************************************/
     /** The text entered by the user for filtering dropdown items. */
     filterText: string;
-    isFilterable: boolean;
     selectedValues: Set<string>;
     /**
      * Options configuration for the dropdown items.
@@ -153,7 +152,6 @@ export declare class NvFielddropdown {
     dropdownItemSelected: EventEmitter<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>;
     handleDropdownItemSelected(event: CustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>): void;
     handleOpenChanged(event: CustomEvent<boolean>): void;
-    watchFilterableHandler(newValue: boolean): void;
     watchValueHandler(newValue: string): void;
     handleOptionsChange(newValue: string): void;
     handleBlur(event: FocusEvent): void;

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -92,7 +92,7 @@ export declare class NvFieldmultiselect {
     /**
      * Enables or disables the filtering feature for the multiselect items.
      */
-    filterable: boolean;
+    readonly filterable: boolean;
     /**
      * Specifies the value of the input field.
      */
@@ -143,10 +143,6 @@ export declare class NvFieldmultiselect {
      * The text entered by the user for filtering multiselect items.
      */
     filterText: string;
-    /**
-     * Determines whether the multiselect is filterable.
-     */
-    isFilterable: boolean;
     /**
      * Delay in milliseconds before the search is triggered when typing in the filter input.
      * @default 300
@@ -230,11 +226,6 @@ export declare class NvFieldmultiselect {
      * Emitted when the value changes.
      */
     watchValueHandler(): void;
-    /**
-     * Emitted when the filterable property changes.
-     * @param {boolean} newValue - The new value of the filterable property.
-     */
-    watchFilterableHandler(newValue: boolean): void;
     handleSlotChange(event: Event): void;
     /****************************************************************************/
     /**

package/dist/types/components/nv-fieldpassword/nv-fieldpassword.d.ts

@@ -146,5 +146,7 @@ export declare class NvFieldpassword {
     private togglePasswordVisibility;
     private handleInput;
     /****************************************************************************/
+    componentWillLoad(): void;
+    /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-menu/nv-menu.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { Placement } from '@floating-ui/dom';
 /**
- * @slot trigger - Button to toggle the menu popover.
- * @slot content - Use an <ul></ul> tag for the slot, and place <nv-menuitem> elements inside.
+ * @slot trigger - The button element that toggles the menu popover
+ * @slot content - The content of the menu, should be wrapped in a ul element containing nv-menuitem elements
  */
 export declare class NvMenu {
     el: HTMLNvMenuElement;
@@ -26,8 +26,8 @@ export declare class NvMenu {
      */
     readonly disableCloseOnSelect: boolean;
     /**
-     * Decides where the menu shows up next to the button it’s linked to (above,
-     * below, to the sides). If there isn’t enough room, it will adjust its
+     * Decides where the menu shows up next to the button it's linked to (above,
+     * below, to the sides). If there isn't enough room, it will adjust its
      * position on the axis to fit on the screen, so users can always see it.
      */
     readonly placement: Placement;

package/dist/types/components.d.ts

@@ -445,6 +445,14 @@ export namespace Components {
           * Defines the header of the column.
          */
         "header"?: string;
+        /**
+          * Whether the column need to be repeated with the template.
+         */
+        "repeatTemplate": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "repeat-template"?: boolean;
     }
     interface NvDialog {
         /**
@@ -1971,7 +1979,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Decides where the menu shows up next to the button it’s linked to (above, below, to the sides). If there isn’t enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
+          * Decides where the menu shows up next to the button it's linked to (above, below, to the sides). If there isn't enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
          */
         "placement": Placement;
         /**
@@ -3425,6 +3433,14 @@ declare namespace LocalJSX {
           * Defines the header of the column.
          */
         "header"?: string;
+        /**
+          * Whether the column need to be repeated with the template.
+         */
+        "repeatTemplate"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "repeat-template"?: boolean;
     }
     interface NvDialog {
         /**
@@ -5030,7 +5046,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Decides where the menu shows up next to the button it’s linked to (above, below, to the sides). If there isn’t enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
+          * Decides where the menu shows up next to the button it's linked to (above, below, to the sides). If there isn't enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
          */
         "placement"?: Placement;
     }

package/dist/types/nova-docs.d.ts

@@ -8,6 +8,11 @@ type Optional<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;
  * the Badges. Any changes requires additional styles in the blazor storybook
  * at blazor/BlazingStory/BlazingStory/Internals/Components/SideBar/NavigationTree/TagBadges.razor.scss
  * Make sure to reflect any changes in the documentation as well. docs/feature-flags.md
+ * Also update the storybook manager.ts file in the respective packages:
+ * - packages/angular/.storybook/manager.ts
+ * - packages/react/.storybook/manager.ts
+ * - packages/vue/.storybook/manager.ts
+ * - packages/native/.storybook/manager.ts
  */
 export type NovaBadge = 'new' | 'beta' | 'deprecated' | 'danger';
 export type NovaTemplate = string;

package/dist/vscode-data.json

@@ -484,6 +484,10 @@
         {
           "name": "header",
           "description": "Defines the header of the column."
+        },
+        {
+          "name": "repeat-template",
+          "description": "Whether the column need to be repeated with the template."
         }
       ]
     },
@@ -2795,7 +2799,7 @@
         },
         {
           "name": "placement",
-          "description": "Decides where the menu shows up next to the button it’s linked to (above,\nbelow, to the sides). If there isn’t enough room, it will adjust its\nposition on the axis to fit on the screen, so users can always see it.",
+          "description": "Decides where the menu shows up next to the button it's linked to (above,\nbelow, to the sides). If there isn't enough room, it will adjust its\nposition on the axis to fit on the screen, so users can always see it.",
           "values": [
             {
               "name": "bottom"
@@ -2862,36 +2866,6 @@
             {
               "name": "photo"
             },
-            {
-              "name": "copy"
-            },
-            {
-              "name": "cut"
-            },
-            {
-              "name": "select"
-            },
-            {
-              "name": "message"
-            },
-            {
-              "name": "replace"
-            },
-            {
-              "name": "search"
-            },
-            {
-              "name": "repeat"
-            },
-            {
-              "name": "link"
-            },
-            {
-              "name": "power"
-            },
-            {
-              "name": "scale"
-            },
             {
               "name": "access-point-off"
             },
@@ -3291,6 +3265,9 @@
             {
               "name": "contract"
             },
+            {
+              "name": "copy"
+            },
             {
               "name": "cpu"
             },
@@ -3321,6 +3298,9 @@
             {
               "name": "currency-euro"
             },
+            {
+              "name": "cut"
+            },
             {
               "name": "dashboard"
             },
@@ -5079,6 +5059,9 @@
             {
               "name": "lifebuoy"
             },
+            {
+              "name": "link"
+            },
             {
               "name": "list-search"
             },
@@ -5133,6 +5116,9 @@
             {
               "name": "message-off"
             },
+            {
+              "name": "message"
+            },
             {
               "name": "messages"
             },
@@ -5271,6 +5257,9 @@
             {
               "name": "power-dc"
             },
+            {
+              "name": "power"
+            },
             {
               "name": "presentation-analytics"
             },
@@ -5334,6 +5323,12 @@
             {
               "name": "repeat-once"
             },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "replace"
+            },
             {
               "name": "report-analytics"
             },
@@ -5379,6 +5374,9 @@
             {
               "name": "satellite"
             },
+            {
+              "name": "scale"
+            },
             {
               "name": "school"
             },
@@ -5391,9 +5389,15 @@
             {
               "name": "screenshot"
             },
+            {
+              "name": "search"
+            },
             {
               "name": "seeding"
             },
+            {
+              "name": "select"
+            },
             {
               "name": "selector"
             },