@ni/nimble-components 33.5.0 → 33.7.0

package/dist/all-components-bundle.js

@@ -17759,6 +17759,10 @@
       name: 'arrows_repeat_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.75 11.75 10 14l-6-3 6-3-1.25 2.25ZM8 11h1a4 4 0 0 0 4-4M7.25 5.75 6 8l6-3-6-3 1.25 2.25ZM8 5H7a4 4 0 0 0-4 4" class="cls-1"/></svg>`,
   };
+  const arrowsRotateReverseDot16X16 = {
+      name: 'arrows_rotate_reverse_dot_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.07 4.56a5.28 5.28 0 0 1 1.28 3.43c0 2.84-2.22 5.15-5.02 5.32L7.89 12h.1c2.22 0 4.02-1.8 4.02-4.02 0-.92-.32-1.76-.85-2.44l-.63 1.9-1.79-5.36 5.36 1.78-2.03.68Zm-7.04 6.12A3.96 3.96 0 0 1 3.98 8c0-2.22 1.8-4.02 4.02-4.02h.25L7.8 2.65c-2.87.11-5.16 2.45-5.16 5.34 0 1.42.57 2.7 1.48 3.65l-2.02.67 5.36 1.78-1.79-5.36-.64 1.93Zm1.36-2.69a1.609 1.609 0 1 0 3.22 0 1.609 1.609 0 1 0-3.22 0" class="cls-1"/></svg>`,
+  };
   const asterisk5X5 = {
       name: 'asterisk_5_x_5',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5"><path d="m.721 4.076.813-1.372-1.429-.63.266-.84 1.527.349L2.05 0h.883l.154 1.583 1.541-.35.266.84-1.442.631.812 1.372-.715.519L2.5 3.376 1.435 4.595z" class="cls-1"/></svg>`,
@@ -17779,6 +17783,10 @@
       name: 'bell_and_comment_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.836 4.75H9.57a.71.71 0 0 0-.71.71v2.032a.71.71 0 0 0 .71.711h.356L9.57 9.625l2.488-1.422h1.778a.71.71 0 0 0 .71-.71V5.46a.71.71 0 0 0-.71-.711M8.196 11H2.75s0-.746.5-.746h.065c.935 0 1.435-4.918 1.435-4.918 0-.504.25-.504.25-.504h.067c.075-.037.183-.143.183-.463v-.484c.105-.842.953-1.331 2.25-1.43v-.262c0-.081.09-.15.219-.193h.562c.129.043.219.112.219.193v.263c1.224.092 2.04.537 2.217 1.294H9.57a1.713 1.713 0 0 0-1.71 1.71v2.032a1.71 1.71 0 0 0 .844 1.475ZM6 12h4a2.05 2.05 0 0 1-2 2 2.05 2.05 0 0 1-2-2m7.25-1H9.18l2.868-1.64c.198.527.431.894.702.894.5 0 .5.746.5.746" class="cls-1"/></svg>`,
   };
+  const bellAndMessage16X16 = {
+      name: 'bell_and_message_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.836 4.75H9.57a.71.71 0 0 0-.71.71v2.032a.71.71 0 0 0 .71.711h.356L9.57 9.625l2.488-1.422h1.778a.71.71 0 0 0 .71-.71V5.46a.71.71 0 0 0-.71-.711M8.196 11H2.75s0-.746.5-.746h.065c.935 0 1.435-4.918 1.435-4.918 0-.504.25-.504.25-.504h.067c.075-.037.183-.143.183-.463v-.484c.105-.842.953-1.331 2.25-1.43v-.262c0-.081.09-.15.219-.193h.562c.129.043.219.112.219.193v.263c1.224.092 2.04.537 2.217 1.294H9.57a1.713 1.713 0 0 0-1.71 1.71v2.032a1.71 1.71 0 0 0 .844 1.475ZM6 12h4a2.05 2.05 0 0 1-2 2 2.05 2.05 0 0 1-2-2m7.25-1H9.18l2.868-1.64c.198.527.431.894.702.894.5 0 .5.746.5.746" class="cls-1"/></svg>`,
+  };
   const bellCheck16X16 = {
       name: 'bell_check_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.117 11H2.75s0-.746.5-.746h.065c.935 0 1.435-4.918 1.435-4.918 0-.504.25-.504.25-.504h.067c.075-.037.183-.143.183-.463v-.484c.105-.842.953-1.331 2.25-1.43v-.262c0-.081.09-.15.219-.193h.562c.129.043.219.112.219.193v.263c1.297.098 2.145.587 2.25 1.43v.483c0 .32.108.426.183.463H11s.25 0 .25.483v.02s.14 1.37.42 2.664l-1.18 1.164L8.944 7.56l-2.671 2.589zm.99 1H6c.053 1.113.924 2 2 2 .57 0 1.078-.254 1.442-.654zm7.588-4.212-1.162-1.212-4.06 4.01-1.553-1.61-1.225 1.187 2.788 2.813z" class="cls-1"/></svg>`,
@@ -17807,6 +17815,10 @@
       name: 'book_magnifying_glass_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6 10c0-.347.058-.678.142-1H5V8h1.556c.22-.378.498-.714.826-1H5V6h5c.732 0 1.41.212 2 .556V2H3v11h4.382A3.98 3.98 0 0 1 6 10M5 4h5v1H5z" class="cls-1"/><path d="m9.99 7.01-.076.002a3 3 0 1 0 1.799 5.452l1.593 1.53.69-.725-1.58-1.516a2.97 2.97 0 0 0 .57-1.816A3 3 0 0 0 9.99 7.01M10 12c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2" class="cls-1"/></svg>`,
   };
+  const calendarArrowsRotateReverseDot16X16 = {
+      name: 'calendar_arrows_rotate_reverse_dot_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 13h3v1H2V3h2V2h2v1h4V2h2v1h2v3H3zm6.4-.12c-.42-.46-.68-1.07-.68-1.74 0-1.44 1.17-2.61 2.61-2.61h.16l-.29-.86a3.474 3.474 0 0 0-3.35 3.47c0 .93.37 1.75.96 2.37l-1.31.44 3.48 1.16-1.16-3.48-.42 1.26Zm5.9-4.42L11.82 7.3l1.16 3.48.41-1.24c.34.44.55.98.55 1.58 0 1.44-1.17 2.61-2.61 2.61h-.07l.28.85a3.473 3.473 0 0 0 3.27-3.46c0-.86-.32-1.63-.83-2.23l1.32-.44Zm-5.01 2.67a1.04 1.04 0 1 0 2.078.002 1.04 1.04 0 0 0-2.078-.002" class="cls-1"/></svg>`,
+  };
   const calendarCheckLines16X16 = {
       name: 'calendar_check_lines_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12 3V2h-2v1H6V2H4v1H2v11h12V3zm1 10H3V6h10z" class="cls-2"/><path d="M5.743 11 4 9.242l.766-.742.97 1.007L8.273 7 9 7.758zM10 8h2v1h-2zM8 10h4v1H8z" class="cls-1"/></svg>`,
@@ -18207,10 +18219,18 @@
       name: 'markdown_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.25 3H1.75a.74.74 0 0 0-.75.73v8.54a.74.74 0 0 0 .75.73h12.5a.74.74 0 0 0 .75-.73V3.73a.74.74 0 0 0-.75-.73m-6.285 7.059h-.991V7.773L5.982 9.35l-.99-1.577v2.286H4V5.934h.91L5.982 7.51l1.073-1.576h.91Zm2.459.007L8.848 7.945h1.1V5.934h.99v2.01H12Z" class="cls-1"/></svg>`,
   };
+  const message16X16 = {
+      name: 'message_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14 3.5v6a1.5 1.5 0 0 1-1.5 1.5H8.75L3.5 14l.75-3H3.5A1.5 1.5 0 0 1 2 9.5v-6A1.5 1.5 0 0 1 3.5 2h9A1.5 1.5 0 0 1 14 3.5" class="cls-1"/></svg>`,
+  };
   const messageBot16X16 = {
       name: 'message_bot_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.985 2.016c.286.284.645.44 1.015.485-.369.044-.728.2-1.012.484a1.7 1.7 0 0 0-.487 1.013c-.044-.37-.2-.73-.487-1.015A1.7 1.7 0 0 0 13 2.498c.369-.044.728-.2 1.012-.484.286-.285.442-.644.487-1.013.044.37.2.73.486 1.015M13 7.994c0 2.208-2.239 3.997-5 3.997S3 10.2 3 7.994s2.239-3.996 5-3.996 5 1.79 5 3.996m-7 0a1 1 0 1 0 0-1.999 1 1 0 0 0 0 2m4.5 1.008h-5s.917 1.481 2.5 1.481c1.514 0 2.5-1.48 2.5-1.48m.5-2.007a1 1 0 1 0-1.999.001 1 1 0 0 0 1.999 0m3.692 2.759c-.878 2.452-3.541 4.235-6.692 4.235a8 8 0 0 1-1.782-.204L3 15.5v-3.3c-.764-.673-1.363-1.527-1.692-2.446C.696 9.418 0 8.76 0 7.994S.696 6.57 1.308 6.235C2.186 3.783 4.849 2 8 2c1.075 0 2.09.214 3 .585V1h1v2.078c1.267.758 2.23 1.862 2.692 3.156.612.335 1.308.993 1.308 1.76s-.696 1.423-1.308 1.759M14 7.994C14 5.24 11.308 3 8 3S2 5.24 2 7.994s2.692 4.996 6 4.996 6-2.241 6-4.996" class="cls-1"/></svg>`,
   };
+  const messagesSparkle16X16 = {
+      name: 'messages_sparkle_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.99 8.01 2 10l.5-2H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v3H8c-1.1 0-2 .91-2.01 2.01M8 7h6c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1h-.5l.5 2-4-2H8c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1m4.5-6c-.07.62-.34 1.22-.81 1.69s-1.07.73-1.69.81c.62.07 1.22.33 1.69.81s.74 1.08.81 1.69c.07-.62.34-1.22.81-1.69s1.07-.73 1.69-.81c-.62-.07-1.22-.33-1.69-.81-.48-.48-.74-1.08-.81-1.69" class="cls-1"/></svg>`,
+  };
   const microphone16X16 = {
       name: 'microphone_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6 8V4a2 2 0 1 1 4 0v4a2 2 0 0 1-4 0m6 0v-.5a.5.5 0 1 0-1 0V8a3 3 0 1 1-6 0v-.5a.5.5 0 1 0-1 0V8c0 1.859 1.28 3.411 3 3.858V14h2v-2.142c1.72-.447 3-2 3-3.858" class="cls-1"/><path d="M6 8V4a2 2 0 1 1 4 0v4a2 2 0 0 1-4 0m6 0v-.5a.5.5 0 1 0-1 0V8a3 3 0 1 1-6 0v-.5a.5.5 0 1 0-1 0V8c0 1.859 1.28 3.411 3 3.858V14h2v-2.142c1.72-.447 3-2 3-3.858" class="cls-1"/></svg>`,
@@ -18347,6 +18367,10 @@
       name: 'square_check_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 2v12h12V2Zm4.788 9.2L4 8.388 5.225 7.2l1.553 1.61 4.06-4.01L12 6.013Z" class="cls-1"/></svg>`,
   };
+  const squareListCog16X16 = {
+      name: 'square_list_cog_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.77 10.85a.715.715 0 0 0-.92.38c-.15.36.02.77.38.92a.715.715 0 0 0 .92-.38.69.69 0 0 0-.38-.91Z" class="cls-1"/><path d="m14.27 11.11.73-.3-.53-1.29-.73.3c-.15-.21-.34-.39-.55-.55l.3-.73L12.2 8l-.3.73q-.195-.03-.39-.03c-.195 0-.26 0-.39.03l-.3-.73-1.29.53.3.73c-.21.15-.39.34-.55.55l-.73-.3-.54 1.29.73.3c-.04.26-.04.53 0 .78l-.73.3.53 1.29.73-.3c.16.21.34.39.55.55l-.3.73 1.29.54.3-.73q.195.03.39.03c.195 0 .26 0 .39-.03l.3.73 1.29-.53-.3-.73c.21-.16.39-.34.55-.55l.73.3.54-1.29-.73-.3c.04-.26.04-.53 0-.78m-1.16 1.06a1.757 1.757 0 0 1-2.29.95 1.75 1.75 0 0 1-.94-2.29 1.757 1.757 0 0 1 2.29-.95c.89.37 1.31 1.39.94 2.29M7.01 11H6v-1h1.23c.12-.35.28-.69.48-1h-1.7V8h2.62c.68-.56 1.51-.91 2.43-1H6V6h6v1c.73.1 1.42.33 2 .73V2H2v12h5.73c-.48-.72-.77-1.59-.77-2.52 0-.16.03-.32.05-.48M4 4h8v1H4zm1 7H4v-1h1zm0-2H4V8h1zm0-2H4V6h1z" class="cls-1"/></svg>`,
+  };
   const squareT16X16 = {
       name: 'square_t_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 2v12h12V2Zm9.033 4.199-.016-.076a2.34 2.34 0 0 0-.497-1.18 2.1 2.1 0 0 0-1.281-.26h-.56v5.941c0 .552.11.718.176.768a1.8 1.8 0 0 0 .88.196l.09.006V12H6.193v-.405l.09-.007c.59-.046.8-.144.87-.218.06-.06.158-.255.158-.884V4.683h-.565a2.2 2.2 0 0 0-1.274.262 2 2 0 0 0-.498 1.174l-.015.08H4.49L4.565 4h6.859l.07 2.199Z" class="cls-1"/></svg>`,
@@ -18491,6 +18515,14 @@
       name: 'window_code_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 2v12h12V2Zm11 11H3V5h10ZM4 9.135l2.698-1.118v.75l-1.588.65 1.588.646v.75l-2.694-1.12Zm4.42-1.49h.792l-1.565 3.71h-.783ZM12 9.135v.557l-2.694 1.12v-.75l.062-.024 1.526-.626-1.588-.648v-.747Z" class="cls-1"/></svg>`,
   };
+  const windowDock16X16 = {
+      name: 'window_dock_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 6h8v5H4z" class="cls-1"/><path d="M1 2v12h14V2m-2 10H3V4h10z" class="cls-1"/></svg>`,
+  };
+  const windowRestore16X16 = {
+      name: 'window_restore_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 11V4H1v10h11v-3z" class="cls-1"/><path d="M5 2v8h10V2zm9.02 7.02L6 9V4h8z" class="cls-1"/></svg>`,
+  };
   const windowText16X16 = {
       name: 'window_text_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 2v12h12V2Zm11 11H3V5h10ZM7 8H4V6h3Zm5 2H4V9h8Zm0 2H4v-1h8Z" class="cls-1"/></svg>`,
@@ -20581,6 +20613,10 @@ so this becomes the fallback color for the slot */ ''}
         color: ${controlLabelDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .label {
+        color: ${controlLabelFontColor};
+    }
+
     .control {
         align-items: center;
         cursor: pointer;
@@ -20602,6 +20638,11 @@ so this becomes the fallback color for the slot */ ''}
         border-color: rgba(${borderRgbPartialColor}, 0.1);
     }
 
+    :host([disabled][appearance-readonly]) .control {
+        color: ${bodyFontColor};
+        border-color: rgba(${borderRgbPartialColor}, 0.3);
+    }
+
     :host([error-visible]) .control,
     :host([error-visible][open]) .control,
     :host([error-visible][disabled]) .control {
@@ -20623,8 +20664,11 @@ so this becomes the fallback color for the slot */ ''}
         padding-left: ${mediumPadding};
     }
 
-    .selected-value[disabled]::placeholder {
-        color: ${bodyDisabledFontColor};
+    :host([disabled][appearance-readonly]) .selected-value {
+        cursor: text;
+        user-select: text;
+        -webkit-user-select: text;
+        padding-right: ${smallPadding};
     }
 
     .indicator {
@@ -20636,6 +20680,10 @@ so this becomes the fallback color for the slot */ ''}
         align-items: center;
     }
 
+    :host([disabled][appearance-readonly]) .indicator {
+        display: none;
+    }
+
     .indicator slot[name='indicator'] svg {
         width: ${iconSize};
         height: ${iconSize};
@@ -20737,10 +20785,6 @@ so this becomes the fallback color for the slot */ ''}
                 border-bottom-width: ${borderWidth};
                 padding-bottom: 0;
             }
-
-            :host([disabled]) .control {
-                border-color: rgba(${borderRgbPartialColor}, 0.1);
-            }
         `), appearanceBehavior(DropdownAppearance.outline, css `
             .control {
                 border-width: ${borderWidth};
@@ -20805,12 +20849,6 @@ so this becomes the fallback color for the slot */ ''}
         );
     }
 
-    :host([disabled]) *,
-    :host([disabled]) {
-        ${userSelectNone}
-        color: ${bodyDisabledFontColor};
-    }
-
     .control {
         bottom-border-width: var(--ni-private-bottom-border-width);
     }
@@ -20837,6 +20875,18 @@ so this becomes the fallback color for the slot */ ''}
         outline: none;
     }
 
+    .selected-value::placeholder {
+        color: ${placeholderFontColor};
+    }
+
+    :host([disabled]) .selected-value::placeholder {
+        color: ${bodyDisabledFontColor};
+    }
+
+    :host([disabled][appearance-readonly]) .selected-value::placeholder {
+        color: ${placeholderFontColor};
+    }
+
     [part='indicator'] {
         display: none;
     }
@@ -20847,6 +20897,10 @@ so this becomes the fallback color for the slot */ ''}
         padding-right: ${smallPadding};
     }
 
+    :host([disabled][appearance-readonly]) .end-slot-container {
+        display: none;
+    }
+
     .separator {
         display: inline;
         width: 2px;
@@ -21039,6 +21093,7 @@ so this becomes the fallback color for the slot */ ''}
       constructor() {
           super(...arguments);
           this.appearance = DropdownAppearance.underline;
+          this.appearanceReadOnly = false;
           /**
            * The open attribute.
            */
@@ -21634,6 +21689,9 @@ so this becomes the fallback color for the slot */ ''}
   __decorate([
       attr
   ], Combobox.prototype, "appearance", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-readonly', mode: 'boolean' })
+  ], Combobox.prototype, "appearanceReadOnly", void 0);
   __decorate([
       attr({ attribute: 'autocomplete', mode: 'fromView' })
   ], Combobox.prototype, "autocomplete", void 0);
@@ -22537,6 +22595,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-arrows-repeat', IconArrowsRepeat);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'arrowsRotateReverseDot' icon
+   */
+  class IconArrowsRotateReverseDot extends Icon {
+      constructor() {
+          super(arrowsRotateReverseDot16X16);
+      }
+  }
+  registerIcon('icon-arrows-rotate-reverse-dot', IconArrowsRotateReverseDot);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -22585,6 +22655,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-bell-and-comment', IconBellAndComment);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'bellAndMessage' icon
+   */
+  class IconBellAndMessage extends Icon {
+      constructor() {
+          super(bellAndMessage16X16);
+      }
+  }
+  registerIcon('icon-bell-and-message', IconBellAndMessage);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -22670,6 +22752,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-book-magnifying-glass', IconBookMagnifyingGlass);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'calendarArrowsRotateReverseDot' icon
+   */
+  class IconCalendarArrowsRotateReverseDot extends Icon {
+      constructor() {
+          super(calendarArrowsRotateReverseDot16X16);
+      }
+  }
+  registerIcon('icon-calendar-arrows-rotate-reverse-dot', IconCalendarArrowsRotateReverseDot);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23849,6 +23943,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-markdown', IconMarkdown);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'message' icon
+   */
+  class IconMessage extends Icon {
+      constructor() {
+          super(message16X16);
+      }
+  }
+  registerIcon('icon-message', IconMessage);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23861,6 +23967,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-message-bot', IconMessageBot);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'messagesSparkle' icon
+   */
+  class IconMessagesSparkle extends Icon {
+      constructor() {
+          super(messagesSparkle16X16);
+      }
+  }
+  registerIcon('icon-messages-sparkle', IconMessagesSparkle);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -24271,6 +24389,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-square-check', IconSquareCheck);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'squareListCog' icon
+   */
+  class IconSquareListCog extends Icon {
+      constructor() {
+          super(squareListCog16X16);
+      }
+  }
+  registerIcon('icon-square-list-cog', IconSquareListCog);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -24682,6 +24812,30 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIcon('icon-window-code', IconWindowCode);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'windowDock' icon
+   */
+  class IconWindowDock extends Icon {
+      constructor() {
+          super(windowDock16X16);
+      }
+  }
+  registerIcon('icon-window-dock', IconWindowDock);
+
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'windowRestore' icon
+   */
+  class IconWindowRestore extends Icon {
+      constructor() {
+          super(windowRestore16X16);
+      }
+  }
+  registerIcon('icon-window-restore', IconWindowRestore);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -60686,6 +60840,10 @@ img.ProseMirror-separator {
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .selected-value.placeholder {
+        color: ${placeholderFontColor};
+    }
+
     .selected-value {
         order: 1;
     }
@@ -61237,6 +61395,7 @@ img.ProseMirror-separator {
       constructor() {
           super(...arguments);
           this.appearance = DropdownAppearance.underline;
+          this.appearanceReadOnly = false;
           this.filterMode = FilterMode.none;
           this.clearable = false;
           this.loadingVisible = false;
@@ -62222,6 +62381,9 @@ img.ProseMirror-separator {
   __decorate([
       attr
   ], Select.prototype, "appearance", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-readonly', mode: 'boolean' })
+  ], Select.prototype, "appearanceReadOnly", void 0);
   __decorate([
       attr({ attribute: 'position' })
   ], Select.prototype, "positionAttribute", void 0);