@ni/spright-components 6.11.0 → 6.13.0

package/dist/custom-elements.json

@@ -49,6 +49,158 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/chat/conversation/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A Spright component for displaying a series of chat messages",
+          "name": "ChatConversation",
+          "members": [
+            {
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "slottedInputElementsChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_prev",
+                  "type": {
+                    "text": "HTMLElement[] | undefined"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "HTMLElement[] | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "slottedToolbarElementsChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_prev",
+                  "type": {
+                    "text": "HTMLElement[] | undefined"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "HTMLElement[] | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "slottedStartElementsChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_prev",
+                  "type": {
+                    "text": "HTMLElement[] | undefined"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "HTMLElement[] | undefined"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
+              "fieldName": "appearance"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@ni/fast-foundation"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "chatConversationTag",
+          "type": {
+            "text": "string"
+          },
+          "default": "'spright-chat-conversation'"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ChatConversation",
+          "declaration": {
+            "name": "ChatConversation",
+            "module": "src/chat/conversation/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "chatConversationTag",
+          "declaration": {
+            "name": "chatConversationTag",
+            "module": "src/chat/conversation/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chat/conversation/types.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ChatConversationAppearance",
+          "type": {
+            "text": "{\n    default: undefined,\n    overlay: 'overlay'\n}"
+          },
+          "default": "{ default: undefined, overlay: 'overlay' }",
+          "description": "Appearances of chat conversation.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ChatConversationAppearance",
+          "declaration": {
+            "name": "ChatConversationAppearance",
+            "module": "src/chat/conversation/types.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/chat/input/index.ts",
@@ -301,134 +453,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/chat/conversation/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A Spright component for displaying a series of chat messages",
-          "name": "ChatConversation",
-          "members": [
-            {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "slottedInputElementsChanged",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_prev",
-                  "type": {
-                    "text": "HTMLElement[] | undefined"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "HTMLElement[] | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "slottedToolbarElementsChanged",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_prev",
-                  "type": {
-                    "text": "HTMLElement[] | undefined"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "HTMLElement[] | undefined"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
-              "fieldName": "appearance"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@ni/fast-foundation"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "chatConversationTag",
-          "type": {
-            "text": "string"
-          },
-          "default": "'spright-chat-conversation'"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ChatConversation",
-          "declaration": {
-            "name": "ChatConversation",
-            "module": "src/chat/conversation/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "chatConversationTag",
-          "declaration": {
-            "name": "chatConversationTag",
-            "module": "src/chat/conversation/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/chat/conversation/types.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ChatConversationAppearance",
-          "type": {
-            "text": "{\n    default: undefined,\n    overlay: 'overlay'\n}"
-          },
-          "default": "{ default: undefined, overlay: 'overlay' }",
-          "description": "Appearances of chat conversation.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ChatConversationAppearance",
-          "declaration": {
-            "name": "ChatConversationAppearance",
-            "module": "src/chat/conversation/types.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/chat/message/index.ts",

package/dist/custom-elements.md

@@ -8,6 +8,36 @@
 
 <hr/>
 
+## class: `ChatConversation`
+
+### Superclass
+
+| Name                | Module | Package             |
+| ------------------- | ------ | ------------------- |
+| `FoundationElement` |        | @ni/fast-foundation |
+
+### Fields
+
+| Name         | Privacy | Type | Default | Description | Inherited From |
+| ------------ | ------- | ---- | ------- | ----------- | -------------- |
+| `appearance` | public  |      |         |             |                |
+
+### Methods
+
+| Name                            | Privacy | Description | Parameters                                                            | Return | Inherited From |
+| ------------------------------- | ------- | ----------- | --------------------------------------------------------------------- | ------ | -------------- |
+| `slottedInputElementsChanged`   | public  |             | `_prev: HTMLElement[] \| undefined, next: HTMLElement[] \| undefined` | `void` |                |
+| `slottedToolbarElementsChanged` | public  |             | `_prev: HTMLElement[] \| undefined, next: HTMLElement[] \| undefined` | `void` |                |
+| `slottedStartElementsChanged`   | public  |             | `_prev: HTMLElement[] \| undefined, next: HTMLElement[] \| undefined` | `void` |                |
+
+### Attributes
+
+| Name         | Field      | Inherited From |
+| ------------ | ---------- | -------------- |
+| `appearance` | appearance |                |
+
+<hr/>
+
 ## class: `ChatInput`
 
 ### Superclass
@@ -44,35 +74,6 @@
 
 <hr/>
 
-## class: `ChatConversation`
-
-### Superclass
-
-| Name                | Module | Package             |
-| ------------------- | ------ | ------------------- |
-| `FoundationElement` |        | @ni/fast-foundation |
-
-### Fields
-
-| Name         | Privacy | Type | Default | Description | Inherited From |
-| ------------ | ------- | ---- | ------- | ----------- | -------------- |
-| `appearance` | public  |      |         |             |                |
-
-### Methods
-
-| Name                            | Privacy | Description | Parameters                                                            | Return | Inherited From |
-| ------------------------------- | ------- | ----------- | --------------------------------------------------------------------- | ------ | -------------- |
-| `slottedInputElementsChanged`   | public  |             | `_prev: HTMLElement[] \| undefined, next: HTMLElement[] \| undefined` | `void` |                |
-| `slottedToolbarElementsChanged` | public  |             | `_prev: HTMLElement[] \| undefined, next: HTMLElement[] \| undefined` | `void` |                |
-
-### Attributes
-
-| Name         | Field      | Inherited From |
-| ------------ | ---------- | -------------- |
-| `appearance` | appearance |                |
-
-<hr/>
-
 ## class: `ChatMessage`
 
 ### Superclass

package/dist/esm/all-components.d.ts

@@ -10,4 +10,5 @@ import './chat/message';
 import './chat/message/inbound';
 import './chat/message/outbound';
 import './chat/message/system';
+import './icons/all-icons';
 import './rectangle';

package/dist/esm/all-components.js

@@ -10,5 +10,6 @@ import './chat/message';
 import './chat/message/inbound';
 import './chat/message/outbound';
 import './chat/message/system';
+import './icons/all-icons';
 import './rectangle';
 //# sourceMappingURL=all-components.js.map

package/dist/esm/all-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,+CAA+C,CAAC;AAEvD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AACxB,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,aAAa,CAAC","sourcesContent":["/**\n * Import of all the web components available in Spright AND Nimble.\n * Production applications are encouraged to import only components\n * that are required instead of leveraging this file.\n */\n\nimport '@ni/nimble-components/dist/esm/all-components';\n\nimport './chat/conversation';\nimport './chat/input';\nimport './chat/message';\nimport './chat/message/inbound';\nimport './chat/message/outbound';\nimport './chat/message/system';\nimport './rectangle';\n"]}
+{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,+CAA+C,CAAC;AAEvD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AACxB,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,aAAa,CAAC","sourcesContent":["/**\n * Import of all the web components available in Spright AND Nimble.\n * Production applications are encouraged to import only components\n * that are required instead of leveraging this file.\n */\n\nimport '@ni/nimble-components/dist/esm/all-components';\n\nimport './chat/conversation';\nimport './chat/input';\nimport './chat/message';\nimport './chat/message/inbound';\nimport './chat/message/outbound';\nimport './chat/message/system';\nimport './icons/all-icons';\nimport './rectangle';\n"]}

package/dist/esm/chat/conversation/index.d.ts

@@ -17,7 +17,12 @@ export declare class ChatConversation extends FoundationElement {
     toolbarEmpty: boolean;
     /** @internal */
     readonly slottedToolbarElements?: HTMLElement[];
+    /** @internal */
+    startEmpty: boolean;
+    /** @internal */
+    readonly slottedStartElements?: HTMLElement[];
     slottedInputElementsChanged(_prev: HTMLElement[] | undefined, next: HTMLElement[] | undefined): void;
     slottedToolbarElementsChanged(_prev: HTMLElement[] | undefined, next: HTMLElement[] | undefined): void;
+    slottedStartElementsChanged(_prev: HTMLElement[] | undefined, next: HTMLElement[] | undefined): void;
 }
 export declare const chatConversationTag = "spright-chat-conversation";

package/dist/esm/chat/conversation/index.js

@@ -15,6 +15,8 @@ export class ChatConversation extends FoundationElement {
         this.inputEmpty = true;
         /** @internal */
         this.toolbarEmpty = true;
+        /** @internal */
+        this.startEmpty = true;
     }
     slottedInputElementsChanged(_prev, next) {
         this.inputEmpty = next === undefined || next.length === 0;
@@ -22,6 +24,9 @@ export class ChatConversation extends FoundationElement {
     slottedToolbarElementsChanged(_prev, next) {
         this.toolbarEmpty = next === undefined || next.length === 0;
     }
+    slottedStartElementsChanged(_prev, next) {
+        this.startEmpty = next === undefined || next.length === 0;
+    }
 }
 __decorate([
     attr
@@ -38,6 +43,12 @@ __decorate([
 __decorate([
     observable
 ], ChatConversation.prototype, "slottedToolbarElements", void 0);
+__decorate([
+    observable
+], ChatConversation.prototype, "startEmpty", void 0);
+__decorate([
+    observable
+], ChatConversation.prototype, "slottedStartElements", void 0);
 const sprightChatConversation = ChatConversation.compose({
     baseName: 'chat-conversation',
     template,

package/dist/esm/chat/conversation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/chat/conversation/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,iBAAiB;IAAvD;;QAEW,eAAU,GAAG,0BAA0B,CAAC,OAAO,CAAC;QAEvD,gBAAgB;QAET,eAAU,GAAG,IAAI,CAAC;QAMzB,gBAAgB;QAET,iBAAY,GAAG,IAAI,CAAC;IAmB/B,CAAC;IAbU,2BAA2B,CAC9B,KAAgC,EAChC,IAA+B;QAE/B,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC9D,CAAC;IAEM,6BAA6B,CAChC,KAAgC,EAChC,IAA+B;QAE/B,IAAI,CAAC,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAChE,CAAC;CACJ;AA/BU;IADN,IAAI;oDACkD;AAIhD;IADN,UAAU;oDACc;AAIT;IADf,UAAU;8DAC0C;AAI9C;IADN,UAAU;sDACgB;AAIX;IADf,UAAU;gEAC4C;AAiB3D,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,OAAO,CAAC;IACrD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC","sourcesContent":["import { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { attr, observable } from '@ni/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { ChatConversationAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'spright-chat-conversation': ChatConversation;\n    }\n}\n\n/**\n * A Spright component for displaying a series of chat messages\n */\nexport class ChatConversation extends FoundationElement {\n    @attr\n    public appearance = ChatConversationAppearance.default;\n\n    /** @internal */\n    @observable\n    public inputEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedInputElements?: HTMLElement[];\n\n    /** @internal */\n    @observable\n    public toolbarEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedToolbarElements?: HTMLElement[];\n\n    public slottedInputElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.inputEmpty = next === undefined || next.length === 0;\n    }\n\n    public slottedToolbarElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.toolbarEmpty = next === undefined || next.length === 0;\n    }\n}\n\nconst sprightChatConversation = ChatConversation.compose({\n    baseName: 'chat-conversation',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('spright')\n    .register(sprightChatConversation());\nexport const chatConversationTag = 'spright-chat-conversation';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/chat/conversation/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,iBAAiB;IAAvD;;QAEW,eAAU,GAAG,0BAA0B,CAAC,OAAO,CAAC;QAEvD,gBAAgB;QAET,eAAU,GAAG,IAAI,CAAC;QAMzB,gBAAgB;QAET,iBAAY,GAAG,IAAI,CAAC;QAM3B,gBAAgB;QAET,eAAU,GAAG,IAAI,CAAC;IA0B7B,CAAC;IApBU,2BAA2B,CAC9B,KAAgC,EAChC,IAA+B;QAE/B,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC9D,CAAC;IAEM,6BAA6B,CAChC,KAAgC,EAChC,IAA+B;QAE/B,IAAI,CAAC,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAChE,CAAC;IAEM,2BAA2B,CAC9B,KAAgC,EAChC,IAA+B;QAE/B,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC9D,CAAC;CACJ;AA9CU;IADN,IAAI;oDACkD;AAIhD;IADN,UAAU;oDACc;AAIT;IADf,UAAU;8DAC0C;AAI9C;IADN,UAAU;sDACgB;AAIX;IADf,UAAU;gEAC4C;AAIhD;IADN,UAAU;oDACc;AAIT;IADf,UAAU;8DAC0C;AAwBzD,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,OAAO,CAAC;IACrD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC","sourcesContent":["import { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { attr, observable } from '@ni/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { ChatConversationAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'spright-chat-conversation': ChatConversation;\n    }\n}\n\n/**\n * A Spright component for displaying a series of chat messages\n */\nexport class ChatConversation extends FoundationElement {\n    @attr\n    public appearance = ChatConversationAppearance.default;\n\n    /** @internal */\n    @observable\n    public inputEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedInputElements?: HTMLElement[];\n\n    /** @internal */\n    @observable\n    public toolbarEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedToolbarElements?: HTMLElement[];\n\n    /** @internal */\n    @observable\n    public startEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedStartElements?: HTMLElement[];\n\n    public slottedInputElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.inputEmpty = next === undefined || next.length === 0;\n    }\n\n    public slottedToolbarElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.toolbarEmpty = next === undefined || next.length === 0;\n    }\n\n    public slottedStartElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.startEmpty = next === undefined || next.length === 0;\n    }\n}\n\nconst sprightChatConversation = ChatConversation.compose({\n    baseName: 'chat-conversation',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('spright')\n    .register(sprightChatConversation());\nexport const chatConversationTag = 'spright-chat-conversation';\n"]}

package/dist/esm/chat/conversation/styles.js

@@ -23,6 +23,14 @@ export const styles = css `
         display: none;
     }
 
+    .start {
+        display: block;
+    }
+
+    .start.start-empty {
+        display: none;
+    }
+
     .messages {
         flex: 1;
         display: flex;

package/dist/esm/chat/conversation/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/chat/conversation/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,sBAAsB,EACtB,aAAa,EACb,eAAe,EAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;sBAIC,0BAA0B;kBAC9B,WAAW,UAAU,0BAA0B;;;;;;;;;;;;;;;;;;;;;;mBAsB9C,aAAa,IAAI,eAAe,IAAI,aAAa;cACtD,eAAe;sBACP,sBAAsB;;;;;;;;;mBASzB,WAAW,IAAI,eAAe,IAAI,eAAe;cACtD,eAAe;;;;uBAIN,eAAe,QAAQ,eAAe;;CAE5D,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    applicationBackgroundColor,\n    borderWidth,\n    sectionBackgroundImage,\n    mediumPadding,\n    standardPadding\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        flex-direction: column;\n        background: ${applicationBackgroundColor};\n        border: ${borderWidth} solid ${applicationBackgroundColor};\n    }\n\n    :host([appearance='overlay']) {\n        background: none;\n        border-color: transparent;\n    }\n\n    .toolbar {\n        display: block;\n    }\n\n    .toolbar.toolbar-empty {\n        display: none;\n    }\n\n    .messages {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        row-gap: 32px;\n        padding: ${mediumPadding} ${standardPadding} ${mediumPadding}\n            ${standardPadding};\n        background: ${sectionBackgroundImage};\n        overflow-y: auto;\n    }\n\n    :host([appearance='overlay']) .messages {\n        background: none;\n    }\n\n    .input {\n        padding: ${borderWidth} ${standardPadding} ${standardPadding}\n            ${standardPadding};\n    }\n\n    .input.input-empty {\n        padding: 0px ${standardPadding} 0px ${standardPadding};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/chat/conversation/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,sBAAsB,EACtB,aAAa,EACb,eAAe,EAClB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;sBAIC,0BAA0B;kBAC9B,WAAW,UAAU,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA8B9C,aAAa,IAAI,eAAe,IAAI,aAAa;cACtD,eAAe;sBACP,sBAAsB;;;;;;;;;mBASzB,WAAW,IAAI,eAAe,IAAI,eAAe;cACtD,eAAe;;;;uBAIN,eAAe,QAAQ,eAAe;;CAE5D,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    applicationBackgroundColor,\n    borderWidth,\n    sectionBackgroundImage,\n    mediumPadding,\n    standardPadding\n} from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        flex-direction: column;\n        background: ${applicationBackgroundColor};\n        border: ${borderWidth} solid ${applicationBackgroundColor};\n    }\n\n    :host([appearance='overlay']) {\n        background: none;\n        border-color: transparent;\n    }\n\n    .toolbar {\n        display: block;\n    }\n\n    .toolbar.toolbar-empty {\n        display: none;\n    }\n\n    .start {\n        display: block;\n    }\n\n    .start.start-empty {\n        display: none;\n    }\n\n    .messages {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        row-gap: 32px;\n        padding: ${mediumPadding} ${standardPadding} ${mediumPadding}\n            ${standardPadding};\n        background: ${sectionBackgroundImage};\n        overflow-y: auto;\n    }\n\n    :host([appearance='overlay']) .messages {\n        background: none;\n    }\n\n    .input {\n        padding: ${borderWidth} ${standardPadding} ${standardPadding}\n            ${standardPadding};\n    }\n\n    .input.input-empty {\n        padding: 0px ${standardPadding} 0px ${standardPadding};\n    }\n`;\n"]}

package/dist/esm/chat/conversation/template.js

@@ -3,6 +3,9 @@ export const template = html `
 <div class="toolbar ${x => (x.toolbarEmpty ? 'toolbar-empty' : '')}">
     <slot name="toolbar" ${slotted({ property: 'slottedToolbarElements' })}></slot>
 </div>
+<div class="start ${x => (x.startEmpty ? 'start-empty' : '')}">
+    <slot name="start" ${slotted({ property: 'slottedStartElements' })}></slot>
+</div>
 <div class="messages"><slot></slot></div>
 <div class="input ${x => (x.inputEmpty ? 'input-empty' : '')}">
     <slot name="input" ${slotted({ property: 'slottedInputElements' })}>

package/dist/esm/chat/conversation/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/chat/conversation/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAkB;sBACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;2BACvC,OAAO,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC;;;oBAGtD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;yBACnC,OAAO,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,CAAC;;;CAGrE,CAAC","sourcesContent":["import { html, slotted } from '@ni/fast-element';\nimport type { ChatConversation } from '.';\n\nexport const template = html<ChatConversation>`\n<div class=\"toolbar ${x => (x.toolbarEmpty ? 'toolbar-empty' : '')}\">\n    <slot name=\"toolbar\" ${slotted({ property: 'slottedToolbarElements' })}></slot>\n</div>\n<div class=\"messages\"><slot></slot></div>\n<div class=\"input ${x => (x.inputEmpty ? 'input-empty' : '')}\">\n    <slot name=\"input\" ${slotted({ property: 'slottedInputElements' })}>\n    </slot>\n</div>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/chat/conversation/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAkB;sBACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;2BACvC,OAAO,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC;;oBAEtD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;yBACnC,OAAO,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,CAAC;;;oBAGlD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;yBACnC,OAAO,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,CAAC;;;CAGrE,CAAC","sourcesContent":["import { html, slotted } from '@ni/fast-element';\nimport type { ChatConversation } from '.';\n\nexport const template = html<ChatConversation>`\n<div class=\"toolbar ${x => (x.toolbarEmpty ? 'toolbar-empty' : '')}\">\n    <slot name=\"toolbar\" ${slotted({ property: 'slottedToolbarElements' })}></slot>\n</div>\n<div class=\"start ${x => (x.startEmpty ? 'start-empty' : '')}\">\n    <slot name=\"start\" ${slotted({ property: 'slottedStartElements' })}></slot>\n</div>\n<div class=\"messages\"><slot></slot></div>\n<div class=\"input ${x => (x.inputEmpty ? 'input-empty' : '')}\">\n    <slot name=\"input\" ${slotted({ property: 'slottedInputElements' })}>\n    </slot>\n</div>\n`;\n"]}

package/dist/esm/icons/all-icons.d.ts

@@ -0,0 +1,5 @@
+export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
+export { IconWorkItemCalipers } from './work-item-calipers';
+export { IconWorkItemForklift } from './work-item-forklift';
+export { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';
+export { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';

package/dist/esm/icons/all-icons.js

@@ -0,0 +1,6 @@
+export { IconWorkItemCalendarWeek } from './work-item-calendar-week';
+export { IconWorkItemCalipers } from './work-item-calipers';
+export { IconWorkItemForklift } from './work-item-forklift';
+export { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';
+export { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';
+//# sourceMappingURL=all-icons.js.map

package/dist/esm/icons/all-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { IconWorkItemCalendarWeek } from './work-item-calendar-week';\nexport { IconWorkItemCalipers } from './work-item-calipers';\nexport { IconWorkItemForklift } from './work-item-forklift';\nexport { IconWorkItemRectangleCheckLines } from './work-item-rectangle-check-lines';\nexport { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';\n"]}

package/dist/esm/icons/work-item-calendar-week/index.d.ts

@@ -0,0 +1,13 @@
+import { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';
+declare global {
+    interface HTMLElementTagNameMap {
+        'spright-icon-work-item-calendar-week': IconWorkItemCalendarWeek;
+    }
+}
+/**
+ * Spright calendar week icon for reservation work items
+ */
+export declare class IconWorkItemCalendarWeek extends IconSvg {
+    constructor();
+}
+export declare const iconWorkItemCalendarWeekTag = "spright-icon-work-item-calendar-week";

package/dist/esm/icons/work-item-calendar-week/index.js

@@ -0,0 +1,23 @@
+import { calendarWeek16X16 } from '@ni/nimble-tokens/dist/icons/js';
+import { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';
+import { template } from '@ni/nimble-components/dist/esm/icon-svg/template';
+import { DesignSystem } from '@ni/fast-foundation';
+import { styles } from './styles';
+/**
+ * Spright calendar week icon for reservation work items
+ */
+export class IconWorkItemCalendarWeek extends IconSvg {
+    constructor() {
+        super(calendarWeek16X16);
+    }
+}
+const sprightIconWorkItemCalendarWeek = IconWorkItemCalendarWeek.compose({
+    baseName: 'icon-work-item-calendar-week',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('spright')
+    .register(sprightIconWorkItemCalendarWeek());
+export const iconWorkItemCalendarWeekTag = 'spright-icon-work-item-calendar-week';
+//# sourceMappingURL=index.js.map

package/dist/esm/icons/work-item-calendar-week/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/work-item-calendar-week/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,wBAAyB,SAAQ,OAAO;IACjD;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED,MAAM,+BAA+B,GAAG,wBAAwB,CAAC,OAAO,CAAC;IACrE,QAAQ,EAAE,8BAA8B;IACxC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,+BAA+B,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,2BAA2B,GAAG,sCAAsC,CAAC","sourcesContent":["import { calendarWeek16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';\nimport { template } from '@ni/nimble-components/dist/esm/icon-svg/template';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'spright-icon-work-item-calendar-week': IconWorkItemCalendarWeek;\n    }\n}\n\n/**\n * Spright calendar week icon for reservation work items\n */\nexport class IconWorkItemCalendarWeek extends IconSvg {\n    public constructor() {\n        super(calendarWeek16X16);\n    }\n}\n\nconst sprightIconWorkItemCalendarWeek = IconWorkItemCalendarWeek.compose({\n    baseName: 'icon-work-item-calendar-week',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('spright')\n    .register(sprightIconWorkItemCalendarWeek());\n\nexport const iconWorkItemCalendarWeekTag = 'spright-icon-work-item-calendar-week';\n"]}

package/dist/esm/icons/work-item-calendar-week/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/icons/work-item-calendar-week/styles.js

@@ -0,0 +1,11 @@
+import { css } from '@ni/fast-element';
+import { calendarEventBorderReservationColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
+import { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
+export const styles = css `
+    ${iconSvgStyles}
+
+    .icon svg {
+        fill: ${calendarEventBorderReservationColor};
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/icons/work-item-calendar-week/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/work-item-calendar-week/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,mCAAmC,EAAE,MAAM,6DAA6D,CAAC;AAClH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEzF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;gBAGH,mCAAmC;;CAElD,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { calendarEventBorderReservationColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\n\nexport const styles = css`\n    ${iconSvgStyles}\n\n    .icon svg {\n        fill: ${calendarEventBorderReservationColor};\n    }\n`;\n"]}

package/dist/esm/icons/work-item-calipers/index.d.ts

@@ -0,0 +1,13 @@
+import { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';
+declare global {
+    interface HTMLElementTagNameMap {
+        'spright-icon-work-item-calipers': IconWorkItemCalipers;
+    }
+}
+/**
+ * Spright calipers icon for calibration work items
+ */
+export declare class IconWorkItemCalipers extends IconSvg {
+    constructor();
+}
+export declare const iconWorkItemCalipersTag = "spright-icon-work-item-calipers";

package/dist/esm/icons/work-item-calipers/index.js

@@ -0,0 +1,23 @@
+import { calipers16X16 } from '@ni/nimble-tokens/dist/icons/js';
+import { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';
+import { template } from '@ni/nimble-components/dist/esm/icon-svg/template';
+import { DesignSystem } from '@ni/fast-foundation';
+import { styles } from './styles';
+/**
+ * Spright calipers icon for calibration work items
+ */
+export class IconWorkItemCalipers extends IconSvg {
+    constructor() {
+        super(calipers16X16);
+    }
+}
+const sprightIconWorkItemCalipers = IconWorkItemCalipers.compose({
+    baseName: 'icon-work-item-calipers',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('spright')
+    .register(sprightIconWorkItemCalipers());
+export const iconWorkItemCalipersTag = 'spright-icon-work-item-calipers';
+//# sourceMappingURL=index.js.map

package/dist/esm/icons/work-item-calipers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/work-item-calipers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,OAAO;IAC7C;QACI,KAAK,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC;CACJ;AAED,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,OAAO,CAAC;IAC7D,QAAQ,EAAE,yBAAyB;IACnC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,2BAA2B,EAAE,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,uBAAuB,GAAG,iCAAiC,CAAC","sourcesContent":["import { calipers16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { IconSvg } from '@ni/nimble-components/dist/esm/icon-svg';\nimport { template } from '@ni/nimble-components/dist/esm/icon-svg/template';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'spright-icon-work-item-calipers': IconWorkItemCalipers;\n    }\n}\n\n/**\n * Spright calipers icon for calibration work items\n */\nexport class IconWorkItemCalipers extends IconSvg {\n    public constructor() {\n        super(calipers16X16);\n    }\n}\n\nconst sprightIconWorkItemCalipers = IconWorkItemCalipers.compose({\n    baseName: 'icon-work-item-calipers',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('spright')\n    .register(sprightIconWorkItemCalipers());\n\nexport const iconWorkItemCalipersTag = 'spright-icon-work-item-calipers';\n"]}

package/dist/esm/icons/work-item-calipers/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/icons/work-item-calipers/styles.js

@@ -0,0 +1,11 @@
+import { css } from '@ni/fast-element';
+import { calendarEventBorderCalibrationColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
+import { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
+export const styles = css `
+    ${iconSvgStyles}
+
+    .icon svg {
+        fill: ${calendarEventBorderCalibrationColor};
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/icons/work-item-calipers/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/work-item-calipers/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,mCAAmC,EAAE,MAAM,6DAA6D,CAAC;AAClH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEzF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;gBAGH,mCAAmC;;CAElD,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { calendarEventBorderCalibrationColor } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';\nimport { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\n\nexport const styles = css`\n    ${iconSvgStyles}\n\n    .icon svg {\n        fill: ${calendarEventBorderCalibrationColor};\n    }\n`;\n"]}