@ni/nimble-components 11.10.5 → 11.12.0

package/dist/all-components-bundle.js

@@ -15043,6 +15043,10 @@
         name: 'block_with_ribbon_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v10h4.762A4.496 4.496 0 0113 5.762V2zm12 7.5a3.5 3.5 0 10-6 2.442V14l2.5-1.667L13 14v-2.058A3.485 3.485 0 0014 9.5zM10.5 8A1.5 1.5 0 119 9.5 1.5 1.5 0 0110.5 8z"/></svg>`
     };
+    const bookMagnifyingGlass16X16 = {
+        name: 'book_magnifying_glass_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6 10c0-.347.058-.678.142-1H5V8h1.556c.22-.378.498-.714.826-1H5V6h5c.732 0 1.41.212 2 .556V2H3v11h4.382A3.975 3.975 0 016 10zM5 4h5v1H5V4z"/><path class="cls-1" d="M9.99 7.01l-.076.002a3 3 0 101.799 5.452l1.593 1.53.69-.725-1.58-1.516a2.973 2.973 0 00.57-1.816A3 3 0 009.99 7.01zM10 12c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"/></svg>`
+    };
     const calendar16X16 = {
         name: 'calendar_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 4.023V2.977A.976.976 0 014.977 2h.046A.976.976 0 016 2.977v1.046A.977.977 0 015.023 5h-.046A.977.977 0 014 4.023zM13 4v.023A1.98 1.98 0 0111.023 6h-.046A1.98 1.98 0 019 4.023V4H7v.023A1.98 1.98 0 015.023 6h-.046A1.98 1.98 0 013 4.023V4a1 1 0 00-1 1v8a1 1 0 001 1h10a1 1 0 001-1V5a1 1 0 00-1-1zm-7 8H4v-1h2zm.001-1.999H4V9h2.001zm0-2.001H4V7h2.001zM9 12H7v-1h2zm0-1.999H7V9h2zM9 8H7V7h2zm3 4h-2v-1h2zm.001-1.999H10V9h2.001zm0-2.001H10V7h2.001zM10 4.023V2.977A.976.976 0 0110.977 2h.046a.976.976 0 01.977.977v1.046a.977.977 0 01-.977.977h-.046A.977.977 0 0110 4.023z"/></svg>`
@@ -15075,6 +15079,10 @@
         name: 'circle_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm0 9.429A3.429 3.429 0 1111.429 8 3.429 3.429 0 018 11.429z"/></svg>`
     };
+    const circleFilled16X16 = {
+        name: 'circle_filled_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle class="cls-1" cx="8" cy="8" r="4"/></svg>`
+    };
     const circleBroken16X16 = {
         name: 'circle_broken_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7 14A6.1 6.1 0 017 2v2.686a3.475 3.475 0 000 6.628zM9 2v2.686a3.475 3.475 0 010 6.628V14A6.1 6.1 0 009 2z"/></svg>`
@@ -15115,6 +15123,10 @@
         name: 'clone_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5 5h5V2H2v8h3zm1 1v8h8V6z"/></svg>`
     };
+    const cloud16X16 = {
+        name: 'cloud_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5.08 11.977a5.123 5.123 0 01-1.295-.2C2.754 11.46 1.883 10.2 1.883 9.022a2.963 2.963 0 012.63-2.937A4.203 4.203 0 018.432 3.48a4.254 4.254 0 014.249 4.17 2.251 2.251 0 011.437 2.09 2.24 2.24 0 01-2.238 2.237l-4.947.003c-1.01 0-1.79-.001-1.853-.003zm-.228-4.573c-.899 0-1.63.725-1.63 1.618 0 .842.702 1.61 1.474 1.61l7.183.007a.9.9 0 000-1.799.883.883 0 00-.337.067l-.493.202.159-.508a2.914 2.914 0 00-2.777-3.783 2.897 2.897 0 00-2.868 2.436l-.044.268-.264-.067a1.641 1.641 0 00-.403-.051z"/></svg>`
+    };
     const cloudUpload16X16 = {
         name: 'cloud_upload_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.476 7.298l-1.927 3.848 1.48-.568v3.407h.948v-3.407l1.42.568zM15 9.005a2.374 2.374 0 01-2.371 2.371h-.998l-.5-1h1.498a1.371 1.371 0 10-.516-2.64A3.77 3.77 0 104.797 5.99 2.238 2.238 0 002 8.148a2.223 2.223 0 002.057 2.22l1.758.009-.448.894a10.567 10.567 0 01-2.31-.121 3.224 3.224 0 01.993-6.225 4.77 4.77 0 019.236 1.68c0 .04 0 .081-.002.121A2.375 2.375 0 0115 9.006z"/></svg>`
@@ -15391,6 +15403,10 @@
         name: 'server_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 3H3v3h10zM9 5H4V4h5zM3 7v3h10V7zm6 2H4V8h5zm3 4H3v-2h10v1a1 1 0 01-1 1z"/></svg>`
     };
+    const shareNodes16X16 = {
+        name: 'share_nodes_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12 10c-.601 0-1.134.27-1.5.69L5.954 8.419a2 2 0 000-.836l4.544-2.273c.367.42.9.691 1.501.691a2 2 0 10-1.955-1.582L5.501 6.691C5.134 6.27 4.6 6 4 6a2 2 0 100 4c.601 0 1.134-.27 1.5-.69l4.545 2.272A2 2 0 1012 10z"/></svg>`
+    };
     const shareSquare16X16 = {
         name: 'share_square_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.984 2.012l-2.069 6.153-.565-2.722-3.544 3.544-.822-.822 3.544-3.544-2.723-.566zM2 4v10h10v-4h-2v2H4V6h2V4z"/></svg>`
@@ -15455,6 +15471,10 @@
         name: 'three_dots_line_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 6.5A1.5 1.5 0 116.5 8 1.5 1.5 0 018 6.5zM.5 8A1.5 1.5 0 102 6.5 1.5 1.5 0 00.5 8zm12 0A1.5 1.5 0 1014 6.5 1.5 1.5 0 0012.5 8z"/></svg>`
     };
+    const threeVerticalLines16X16 = {
+        name: 'three_vertical_lines_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11 3h2v10h-2zM7 3h2v10H7zM3 3h2v10H3z"/></svg>`
+    };
     const thumbtack16X16 = {
         name: 'thumbtack_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10 7l-.625-5H10V1H5v1h.625L5 7a2 2 0 00-2 2h4v4l.5 2 .5-2V9h4a2 2 0 00-2-2z"/></svg>`
@@ -16052,8 +16072,7 @@
     }
 
     :host(:hover) {
-        box-shadow: 0px 1px 4px
-            var(--ni-private-card-button-box-shadow-hover-color);
+        box-shadow: 0px 1px 4px ${hexToRgbaCssColor(Black, 0.3)};
     }
 
     :host(:active) {
@@ -16148,7 +16167,6 @@
     }
 `.withBehaviors(themeBehavior(Theme.light, css `
                 :host {
-                    --ni-private-card-button-box-shadow-hover-color: ${hexToRgbaCssColor(Black, 0.3)};
                     --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(White, 0.3)};
                     --ni-private-card-button-background-active-color: ${White};
                     --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(Black91, 0.2)};
@@ -16156,7 +16174,6 @@
                 }
             `), themeBehavior(Theme.dark, css `
                 :host {
-                    --ni-private-card-button-box-shadow-hover-color: ${hexToRgbaCssColor(Black, 0.77)};
                     --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(Black15, 0.07)};
                     --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(Black15, 0.15)};
                     --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(Black15, 0.2)};
@@ -16164,9 +16181,8 @@
                 }
             `), themeBehavior(Theme.color, css `
                 :host {
-                    --ni-private-card-button-box-shadow-hover-color: ${hexToRgbaCssColor(White, 0.77)};
-                    --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(White, 0.2)};
-                    --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(White, 0.4)};
+                    --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(White, 0.07)};
+                    --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(White, 0.15)};
                     --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(White, 0.2)};
                     --ni-private-card-button-border-selected-color: ${hexToRgbaCssColor(White, 0.6)};
                 }
@@ -16991,7 +17007,6 @@
             role="alertdialog"
             aria-label="${x => x.ariaLabel}"
             @cancel="${(x, c) => x.cancelHandler(c.event)}"
-            @close="${x => x.closeHandler()}"
         >
             <slot></slot>
         </dialog>
@@ -17044,16 +17059,9 @@
             if (!this.open) {
                 throw new Error('Dialog is not open');
             }
-            this.closeReason = reason;
             this.dialogElement.close();
-        }
-        /**
-         * @internal
-         */
-        closeHandler() {
-            this.resolveShow(this.closeReason);
+            this.resolveShow(reason);
             this.resolveShow = undefined;
-            return true;
         }
         /**
          * @internal
@@ -17063,11 +17071,15 @@
                 event.preventDefault();
             }
             else {
-                this.closeReason = USER_DISMISSED;
+                this.resolveShow(USER_DISMISSED);
+                this.resolveShow = undefined;
             }
             return true;
         }
     }
+    // We want the member to match the name of the constant
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    Dialog.USER_DISMISSED = USER_DISMISSED;
     __decorate([
         attr({ attribute: 'prevent-dismiss', mode: 'boolean' })
     ], Dialog.prototype, "preventDismiss", void 0);
@@ -18694,6 +18706,17 @@
     }
     registerIcon('icon-block-with-ribbon', IconBlockWithRibbon);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'bookMagnifyingGlass' icon
+     */
+    class IconBookMagnifyingGlass extends Icon {
+        constructor() {
+            super(bookMagnifyingGlass16X16);
+        }
+    }
+    registerIcon('icon-book-magnifying-glass', IconBookMagnifyingGlass);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'calendar' icon
@@ -18782,6 +18805,17 @@
     }
     registerIcon('icon-circle', IconCircle);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'circleFilled' icon
+     */
+    class IconCircleFilled extends Icon {
+        constructor() {
+            super(circleFilled16X16);
+        }
+    }
+    registerIcon('icon-circle-filled', IconCircleFilled);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circleBroken' icon
@@ -18892,6 +18926,17 @@
     }
     registerIcon('icon-clone', IconClone);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'cloud' icon
+     */
+    class IconCloud extends Icon {
+        constructor() {
+            super(cloud16X16);
+        }
+    }
+    registerIcon('icon-cloud', IconCloud);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cloudUpload' icon
@@ -19640,6 +19685,17 @@
     }
     registerIcon('icon-server', IconServer);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'shareNodes' icon
+     */
+    class IconShareNodes extends Icon {
+        constructor() {
+            super(shareNodes16X16);
+        }
+    }
+    registerIcon('icon-share-nodes', IconShareNodes);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'shareSquare' icon
@@ -19816,6 +19872,17 @@
     }
     registerIcon('icon-three-dots-line', IconThreeDotsLine);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'threeVerticalLines' icon
+     */
+    class IconThreeVerticalLines extends Icon {
+        constructor() {
+            super(threeVerticalLines16X16);
+        }
+    }
+    registerIcon('icon-three-vertical-lines', IconThreeVerticalLines);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'thumbtack' icon