@ni/nimble-components 24.1.11 → 24.1.13

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Wed, 10 Apr 2024 17:29:50 GMT
+   * Generated on Wed, 10 Apr 2024 21:43:42 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -53413,22 +53413,16 @@ img.ProseMirror-separator {
    */
   class MentionInternals {
       constructor(options, mentionUpdateEmitter) {
-          /**
-           * Whether this mention has a valid configuration.
-           */
-          this.validConfiguration = true;
           this.iconTemplate = html `<${options.icon} slot="start"></${options.icon}>`;
           this.character = options.character;
           this.viewElement = options.viewElement;
+          this.validator = options.validator;
           this.mentionUpdateEmitter = mentionUpdateEmitter;
       }
   }
   __decorate$1([
       observable
   ], MentionInternals.prototype, "mappingConfigs", void 0);
-  __decorate$1([
-      observable
-  ], MentionInternals.prototype, "validConfiguration", void 0);
   __decorate$1([
       observable
   ], MentionInternals.prototype, "pattern", void 0);
@@ -53449,8 +53443,6 @@ img.ProseMirror-separator {
               this.emitMentionUpdate(filter);
           });
           /** @internal */
-          this.validator = this.createValidator();
-          /** @internal */
           this.mappingNotifiers = [];
           /** @internal */
           this.mappingElements = [];
@@ -53459,13 +53451,13 @@ img.ProseMirror-separator {
        * @public
        */
       checkValidity() {
-          return this.mentionInternals.validConfiguration;
+          return this.mentionInternals.validator.isValid();
       }
       /**
        * @public
        */
       get validity() {
-          return this.validator.getValidity();
+          return this.mentionInternals.validator.getValidity();
       }
       /**
        * @internal
@@ -53499,8 +53491,8 @@ img.ProseMirror-separator {
           return mappingConfigs;
       }
       updateMappingConfigs() {
-          this.validator.validate(this.mappingElements, this.pattern);
-          this.mentionInternals.mappingConfigs = this.validator.isValid()
+          this.mentionInternals.validator.validate(this.mappingElements, this.pattern);
+          this.mentionInternals.mappingConfigs = this.mentionInternals.validator.isValid()
               ? this.getMappingConfigs()
               : undefined;
       }
@@ -53509,7 +53501,7 @@ img.ProseMirror-separator {
           this.observeMappingElements();
       }
       patternChanged() {
-          this.validator.validate(this.mappingElements, this.pattern);
+          this.mentionInternals.validator.validate(this.mappingElements, this.pattern);
           this.mentionInternals.pattern = this.pattern;
       }
       buttonLabelChanged() {
@@ -53573,7 +53565,7 @@ img.ProseMirror-separator {
       constructor(mentionElements) {
           this.parserMentionConfig = [];
           this.isValid = true;
-          this.isValid = mentionElements.every(mentionElement => mentionElement.mentionInternals.validConfiguration);
+          this.isValid = mentionElements.every(mentionElement => mentionElement.mentionInternals.validator.isValid());
           this.parserMentionConfig = this.isValid
               ? mentionElements.map(mentionElement => new MarkdownParserMentionConfiguration(mentionElement.mentionInternals))
               : [];
@@ -53714,7 +53706,7 @@ img.ProseMirror-separator {
           this.validateMentionConfigurations(mentions);
       }
       validateMentionConfigurations(mentions) {
-          this.invalidMentionConfiguration = mentions.some(x => !x.mentionInternals.validConfiguration);
+          this.invalidMentionConfiguration = mentions.some(x => !x.mentionInternals.validator.isValid());
           return !this.invalidMentionConfiguration;
       }
       validateDuplicateMentionConfigurations(mentions) {
@@ -58659,6 +58651,9 @@ img.ProseMirror-separator {
   const isNimbleListOption = (el) => {
       return el instanceof ListOption;
   };
+  const isOptionSelectable = (el) => {
+      return !el.visuallyHidden && !el.disabled && !el.hidden;
+  };
   /**
    * A nimble-styled HTML select.
    */
@@ -59088,7 +59083,9 @@ img.ProseMirror-separator {
           // don't call super.selectNextOption as that relies on side-effecty
           // behavior to not select disabled option (which no longer works)
           for (let i = this.selectedIndex + 1; i < this.options.length; i++) {
-              if (!this.options[i]?.disabled) {
+              const listOption = this.options[i];
+              if (isNimbleListOption(listOption)
+                  && isOptionSelectable(listOption)) {
                   this.selectedIndex = i;
                   break;
               }
@@ -59098,7 +59095,9 @@ img.ProseMirror-separator {
           // don't call super.selectPreviousOption as that relies on side-effecty
           // behavior to not select disabled option (which no longer works)
           for (let i = this.selectedIndex - 1; i >= 0; i--) {
-              if (!this.options[i]?.disabled) {
+              const listOption = this.options[i];
+              if (isNimbleListOption(listOption)
+                  && isOptionSelectable(listOption)) {
                   this.selectedIndex = i;
                   break;
               }
@@ -59207,9 +59206,6 @@ img.ProseMirror-separator {
           const optionIsSelected = (option) => {
               return option.hasAttribute('selected') || option.selected;
           };
-          const optionIsDisabled = (option) => {
-              return option.hasAttribute('disabled') || option.disabled;
-          };
           let selectedIndex = -1;
           let firstValidOptionIndex = -1;
           for (let i = 0; i < options?.length; i++) {
@@ -59217,7 +59213,8 @@ img.ProseMirror-separator {
               if (optionIsSelected(option) || option?.value === this.value) {
                   selectedIndex = i;
               }
-              if (firstValidOptionIndex === -1 && !optionIsDisabled(option)) {
+              if (firstValidOptionIndex === -1
+                  && isOptionSelectable(option)) {
                   firstValidOptionIndex = i;
               }
           }