@ni/spright-components 6.15.9 → 6.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all-components-bundle.js +476 -342
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +1242 -1146
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +75 -0
- package/dist/custom-elements.md +24 -0
- package/dist/esm/all-components.d.ts +1 -0
- package/dist/esm/all-components.js +1 -0
- package/dist/esm/all-components.js.map +1 -1
- package/dist/esm/chat/message/welcome/index.d.ts +19 -0
- package/dist/esm/chat/message/welcome/index.js +24 -0
- package/dist/esm/chat/message/welcome/index.js.map +1 -0
- package/dist/esm/chat/message/welcome/styles.d.ts +1 -0
- package/dist/esm/chat/message/welcome/styles.js +60 -0
- package/dist/esm/chat/message/welcome/styles.js.map +1 -0
- package/dist/esm/chat/message/welcome/template.d.ts +4 -0
- package/dist/esm/chat/message/welcome/template.js +21 -0
- package/dist/esm/chat/message/welcome/template.js.map +1 -0
- package/dist/esm/chat/message/welcome/testing/chat-message-welcome.pageobject.d.ts +18 -0
- package/dist/esm/chat/message/welcome/testing/chat-message-welcome.pageobject.js +51 -0
- package/dist/esm/chat/message/welcome/testing/chat-message-welcome.pageobject.js.map +1 -0
- package/dist/esm/icons/all-icons.d.ts +1 -0
- package/dist/esm/icons/all-icons.js +1 -0
- package/dist/esm/icons/all-icons.js.map +1 -1
- package/dist/esm/icons/nigel-chat/icon-data.d.ts +2 -0
- package/dist/esm/icons/nigel-chat/icon-data.js +3 -0
- package/dist/esm/icons/nigel-chat/icon-data.js.map +1 -0
- package/dist/esm/icons/nigel-chat/index.d.ts +13 -0
- package/dist/esm/icons/nigel-chat/index.js +20 -0
- package/dist/esm/icons/nigel-chat/index.js.map +1 -0
- package/dist/esm/icons/nigel-chat/styles.d.ts +1 -0
- package/dist/esm/icons/nigel-chat/styles.js +20 -0
- package/dist/esm/icons/nigel-chat/styles.js.map +1 -0
- package/dist/esm/icons/nigel-chat/template.d.ts +2 -0
- package/dist/esm/icons/nigel-chat/template.js +7 -0
- package/dist/esm/icons/nigel-chat/template.js.map +1 -0
- package/package.json +1 -1
|
@@ -754,6 +754,81 @@
|
|
|
754
754
|
}
|
|
755
755
|
}
|
|
756
756
|
]
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"kind": "javascript-module",
|
|
760
|
+
"path": "src/chat/message/welcome/index.ts",
|
|
761
|
+
"declarations": [
|
|
762
|
+
{
|
|
763
|
+
"kind": "class",
|
|
764
|
+
"description": "A Spright component for displaying a welcome chat message",
|
|
765
|
+
"name": "ChatMessageWelcome",
|
|
766
|
+
"members": [
|
|
767
|
+
{
|
|
768
|
+
"kind": "field",
|
|
769
|
+
"name": "welcomeTitle",
|
|
770
|
+
"type": {
|
|
771
|
+
"text": "string | undefined"
|
|
772
|
+
},
|
|
773
|
+
"privacy": "public"
|
|
774
|
+
},
|
|
775
|
+
{
|
|
776
|
+
"kind": "field",
|
|
777
|
+
"name": "subtitle",
|
|
778
|
+
"type": {
|
|
779
|
+
"text": "string | undefined"
|
|
780
|
+
},
|
|
781
|
+
"privacy": "public"
|
|
782
|
+
}
|
|
783
|
+
],
|
|
784
|
+
"attributes": [
|
|
785
|
+
{
|
|
786
|
+
"name": "welcome-title",
|
|
787
|
+
"type": {
|
|
788
|
+
"text": "string | undefined"
|
|
789
|
+
},
|
|
790
|
+
"fieldName": "welcomeTitle"
|
|
791
|
+
},
|
|
792
|
+
{
|
|
793
|
+
"name": "subtitle",
|
|
794
|
+
"type": {
|
|
795
|
+
"text": "string | undefined"
|
|
796
|
+
},
|
|
797
|
+
"fieldName": "subtitle"
|
|
798
|
+
}
|
|
799
|
+
],
|
|
800
|
+
"superclass": {
|
|
801
|
+
"name": "FoundationElement",
|
|
802
|
+
"package": "@ni/fast-foundation"
|
|
803
|
+
}
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"kind": "variable",
|
|
807
|
+
"name": "chatMessageWelcomeTag",
|
|
808
|
+
"type": {
|
|
809
|
+
"text": "string"
|
|
810
|
+
},
|
|
811
|
+
"default": "'spright-chat-message-welcome'"
|
|
812
|
+
}
|
|
813
|
+
],
|
|
814
|
+
"exports": [
|
|
815
|
+
{
|
|
816
|
+
"kind": "js",
|
|
817
|
+
"name": "ChatMessageWelcome",
|
|
818
|
+
"declaration": {
|
|
819
|
+
"name": "ChatMessageWelcome",
|
|
820
|
+
"module": "src/chat/message/welcome/index.ts"
|
|
821
|
+
}
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"kind": "js",
|
|
825
|
+
"name": "chatMessageWelcomeTag",
|
|
826
|
+
"declaration": {
|
|
827
|
+
"name": "chatMessageWelcomeTag",
|
|
828
|
+
"module": "src/chat/message/welcome/index.ts"
|
|
829
|
+
}
|
|
830
|
+
}
|
|
831
|
+
]
|
|
757
832
|
}
|
|
758
833
|
]
|
|
759
834
|
}
|
package/dist/custom-elements.md
CHANGED
|
@@ -138,3 +138,27 @@
|
|
|
138
138
|
| `FoundationElement` | | @ni/fast-foundation |
|
|
139
139
|
|
|
140
140
|
<hr/>
|
|
141
|
+
|
|
142
|
+
## class: `ChatMessageWelcome`
|
|
143
|
+
|
|
144
|
+
### Superclass
|
|
145
|
+
|
|
146
|
+
| Name | Module | Package |
|
|
147
|
+
| ------------------- | ------ | ------------------- |
|
|
148
|
+
| `FoundationElement` | | @ni/fast-foundation |
|
|
149
|
+
|
|
150
|
+
### Fields
|
|
151
|
+
|
|
152
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
153
|
+
| -------------- | ------- | --------------------- | ------- | ----------- | -------------- |
|
|
154
|
+
| `welcomeTitle` | public | `string \| undefined` | | | |
|
|
155
|
+
| `subtitle` | public | `string \| undefined` | | | |
|
|
156
|
+
|
|
157
|
+
### Attributes
|
|
158
|
+
|
|
159
|
+
| Name | Field | Inherited From |
|
|
160
|
+
| --------------- | ------------ | -------------- |
|
|
161
|
+
| `welcome-title` | welcomeTitle | |
|
|
162
|
+
| `subtitle` | subtitle | |
|
|
163
|
+
|
|
164
|
+
<hr/>
|
|
@@ -10,6 +10,7 @@ import './chat/message';
|
|
|
10
10
|
import './chat/message/inbound';
|
|
11
11
|
import './chat/message/outbound';
|
|
12
12
|
import './chat/message/system';
|
|
13
|
+
import './chat/message/welcome';
|
|
13
14
|
import './icons/all-icons';
|
|
14
15
|
import './rectangle';
|
|
15
16
|
//# sourceMappingURL=all-components.js.map
|
|
@@ -1 +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,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"]}
|
|
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,wBAAwB,CAAC;AAChC,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 './chat/message/welcome';\nimport './icons/all-icons';\nimport './rectangle';\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { FoundationElement, type FoundationElementDefinition } from '@ni/fast-foundation';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-chat-message-welcome': ChatMessageWelcome;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* SprightChatMessageWelcome configuration options
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
11
|
+
export type ChatMessageWelcomeOptions = FoundationElementDefinition;
|
|
12
|
+
/**
|
|
13
|
+
* A Spright component for displaying a welcome chat message
|
|
14
|
+
*/
|
|
15
|
+
export declare class ChatMessageWelcome extends FoundationElement {
|
|
16
|
+
welcomeTitle?: string;
|
|
17
|
+
subtitle?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const chatMessageWelcomeTag = "spright-chat-message-welcome";
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr } from '@ni/fast-element';
|
|
3
|
+
import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
|
|
4
|
+
import { styles } from './styles';
|
|
5
|
+
import { template } from './template';
|
|
6
|
+
/**
|
|
7
|
+
* A Spright component for displaying a welcome chat message
|
|
8
|
+
*/
|
|
9
|
+
export class ChatMessageWelcome extends FoundationElement {
|
|
10
|
+
}
|
|
11
|
+
__decorate([
|
|
12
|
+
attr({ attribute: 'welcome-title' })
|
|
13
|
+
], ChatMessageWelcome.prototype, "welcomeTitle", void 0);
|
|
14
|
+
__decorate([
|
|
15
|
+
attr
|
|
16
|
+
], ChatMessageWelcome.prototype, "subtitle", void 0);
|
|
17
|
+
const sprightChatMessageWelcome = ChatMessageWelcome.compose({
|
|
18
|
+
baseName: 'chat-message-welcome',
|
|
19
|
+
template,
|
|
20
|
+
styles
|
|
21
|
+
});
|
|
22
|
+
DesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessageWelcome());
|
|
23
|
+
export const chatMessageWelcomeTag = 'spright-chat-message-welcome';
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/chat/message/welcome/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,YAAY,EACZ,iBAAiB,EAEpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AActC;;GAEG;AACH,MAAM,OAAO,kBAAmB,SAAQ,iBAAiB;CAMxD;AAJU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;wDACR;AAGtB;IADN,IAAI;oDACoB;AAG7B,MAAM,yBAAyB,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,sBAAsB;IAChC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,yBAAyB,EAAE,CAAC,CAAC;AACvF,MAAM,CAAC,MAAM,qBAAqB,GAAG,8BAA8B,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n DesignSystem,\n FoundationElement,\n type FoundationElementDefinition\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-chat-message-welcome': ChatMessageWelcome;\n }\n}\n\n/**\n * SprightChatMessageWelcome configuration options\n * @public\n */\nexport type ChatMessageWelcomeOptions = FoundationElementDefinition;\n\n/**\n * A Spright component for displaying a welcome chat message\n */\nexport class ChatMessageWelcome extends FoundationElement {\n @attr({ attribute: 'welcome-title' })\n public welcomeTitle?: string;\n\n @attr\n public subtitle?: string;\n}\n\nconst sprightChatMessageWelcome = ChatMessageWelcome.compose({\n baseName: 'chat-message-welcome',\n template,\n styles\n});\n\nDesignSystem.getOrCreate().withPrefix('spright').register(sprightChatMessageWelcome());\nexport const chatMessageWelcomeTag = 'spright-chat-message-welcome';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@ni/fast-element").ElementStyles;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { css } from '@ni/fast-element';
|
|
2
|
+
import { bodyFont, bodyFontColor, mediumPadding, standardPadding, subtitleFont, subtitleFontColor, titlePlus1Font, titlePlus1FontColor, } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
|
|
3
|
+
import { display } from '../../../utilities/style/display';
|
|
4
|
+
export const styles = css `
|
|
5
|
+
${display('flex')}
|
|
6
|
+
|
|
7
|
+
:host {
|
|
8
|
+
min-width: ${standardPadding};
|
|
9
|
+
min-height: ${standardPadding};
|
|
10
|
+
|
|
11
|
+
flex-direction: row;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
flex-shrink: 0;
|
|
14
|
+
font: ${bodyFont};
|
|
15
|
+
color: ${bodyFontColor};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.container {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
align-items: center;
|
|
22
|
+
max-width: calc(90%);
|
|
23
|
+
gap: ${mediumPadding};
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.brand-icon {
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
slot[name='brand-icon']::slotted(*),
|
|
33
|
+
slot[name='brand-icon'] > * {
|
|
34
|
+
width: 48px;
|
|
35
|
+
height: 48px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.title {
|
|
39
|
+
font: ${titlePlus1Font};
|
|
40
|
+
color: ${titlePlus1FontColor};
|
|
41
|
+
text-align: center;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.subtitle {
|
|
45
|
+
font: ${subtitleFont};
|
|
46
|
+
color: ${subtitleFontColor};
|
|
47
|
+
text-align: center;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.message-content {
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: column;
|
|
53
|
+
align-items: center;
|
|
54
|
+
width: fit-content;
|
|
55
|
+
height: fit-content;
|
|
56
|
+
overflow-x: auto;
|
|
57
|
+
gap: ${mediumPadding};
|
|
58
|
+
}
|
|
59
|
+
`;
|
|
60
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/chat/message/welcome/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,mBAAmB,GACtB,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;qBAGA,eAAe;sBACd,eAAe;;;;;gBAKrB,QAAQ;iBACP,aAAa;;;;;;;;eAQf,aAAa;;;;;;;;;;;;;;;;gBAgBZ,cAAc;iBACb,mBAAmB;;;;;gBAKpB,YAAY;iBACX,iBAAiB;;;;;;;;;;;eAWnB,aAAa;;CAE3B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\n\nimport {\n bodyFont,\n bodyFontColor,\n mediumPadding,\n standardPadding,\n subtitleFont,\n subtitleFontColor,\n titlePlus1Font,\n titlePlus1FontColor,\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 min-width: ${standardPadding};\n min-height: ${standardPadding};\n\n flex-direction: row;\n justify-content: center;\n flex-shrink: 0;\n font: ${bodyFont};\n color: ${bodyFontColor};\n }\n\n .container {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: calc(90%);\n gap: ${mediumPadding};\n }\n\n .brand-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n slot[name='brand-icon']::slotted(*),\n slot[name='brand-icon'] > * {\n width: 48px;\n height: 48px;\n }\n\n .title {\n font: ${titlePlus1Font};\n color: ${titlePlus1FontColor};\n text-align: center;\n }\n\n .subtitle {\n font: ${subtitleFont};\n color: ${subtitleFontColor};\n text-align: center;\n }\n\n .message-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: fit-content;\n height: fit-content;\n overflow-x: auto;\n gap: ${mediumPadding};\n }\n`;\n"]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { html, ViewTemplate, when } from '@ni/fast-element';
|
|
2
|
+
import { iconNigelChatTag } from '../../../icons/nigel-chat';
|
|
3
|
+
export const template = () => html `
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="brand-icon">
|
|
6
|
+
<slot name="brand-icon">
|
|
7
|
+
<${iconNigelChatTag}></${iconNigelChatTag}>
|
|
8
|
+
</slot>
|
|
9
|
+
</div>
|
|
10
|
+
${when(x => x.welcomeTitle, html `
|
|
11
|
+
<div class="title">${x => x.welcomeTitle}</div>
|
|
12
|
+
`)}
|
|
13
|
+
${when(x => x.subtitle, html `
|
|
14
|
+
<div class="subtitle">${x => x.subtitle}</div>
|
|
15
|
+
`)}
|
|
16
|
+
<section class="message-content">
|
|
17
|
+
<slot></slot>
|
|
18
|
+
</section>
|
|
19
|
+
</div>
|
|
20
|
+
`;
|
|
21
|
+
//# sourceMappingURL=template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/chat/message/welcome/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAEjB,GAAG,EAAE,CAAC,IAAI,CAAoB;;;;mBAIf,gBAAgB,MAAM,gBAAgB;;;UAG/C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI,CAAoB;iCAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;SAC3C,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAoB;oCACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;SAC1C,CAAC;;;;;CAKT,CAAC","sourcesContent":["import { html, ViewTemplate, when } from '@ni/fast-element';\nimport type {\n FoundationElementTemplate\n} from '@ni/fast-foundation';\nimport type { ChatMessageWelcome } from '.';\nimport { iconNigelChatTag } from '../../../icons/nigel-chat';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<ChatMessageWelcome>\n> = () => html<ChatMessageWelcome>`\n <div class=\"container\">\n <div class=\"brand-icon\">\n <slot name=\"brand-icon\">\n <${iconNigelChatTag}></${iconNigelChatTag}>\n </slot>\n </div>\n ${when(x => x.welcomeTitle, html<ChatMessageWelcome>`\n <div class=\"title\">${x => x.welcomeTitle}</div>\n `)}\n ${when(x => x.subtitle, html<ChatMessageWelcome>`\n <div class=\"subtitle\">${x => x.subtitle}</div>\n `)}\n <section class=\"message-content\">\n <slot></slot>\n </section>\n </div>\n`;\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ChatMessageWelcome } from '..';
|
|
2
|
+
/**
|
|
3
|
+
* Page object for the `spright-chat-message-welcome` component to provide consistent ways
|
|
4
|
+
* of querying and interacting with the component during tests.
|
|
5
|
+
*/
|
|
6
|
+
export declare class ChatMessageWelcomePageObject {
|
|
7
|
+
protected readonly element: ChatMessageWelcome;
|
|
8
|
+
constructor(element: ChatMessageWelcome);
|
|
9
|
+
getTitleText(): string | null;
|
|
10
|
+
getSubtitleText(): string | null;
|
|
11
|
+
isTitleRendered(): boolean;
|
|
12
|
+
isSubtitleRendered(): boolean;
|
|
13
|
+
getSlottedBrandIconNodes(): Element[];
|
|
14
|
+
hasBrandIconDefaultContent(): boolean;
|
|
15
|
+
getMessageContentSlottedText(): string;
|
|
16
|
+
private getDefaultSlot;
|
|
17
|
+
private getBrandIconSlot;
|
|
18
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { iconNigelChatTag } from '../../../../icons/nigel-chat';
|
|
2
|
+
/**
|
|
3
|
+
* Page object for the `spright-chat-message-welcome` component to provide consistent ways
|
|
4
|
+
* of querying and interacting with the component during tests.
|
|
5
|
+
*/
|
|
6
|
+
export class ChatMessageWelcomePageObject {
|
|
7
|
+
constructor(element) {
|
|
8
|
+
this.element = element;
|
|
9
|
+
}
|
|
10
|
+
getTitleText() {
|
|
11
|
+
const titleDiv = this.element.shadowRoot?.querySelector('.title');
|
|
12
|
+
if (titleDiv === null || titleDiv === undefined) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
return titleDiv.textContent?.trim() ?? '';
|
|
16
|
+
}
|
|
17
|
+
getSubtitleText() {
|
|
18
|
+
const subtitleDiv = this.element.shadowRoot?.querySelector('.subtitle');
|
|
19
|
+
if (subtitleDiv === null || subtitleDiv === undefined) {
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
return subtitleDiv.textContent?.trim() ?? '';
|
|
23
|
+
}
|
|
24
|
+
isTitleRendered() {
|
|
25
|
+
return this.element.shadowRoot?.querySelector('.title') !== null;
|
|
26
|
+
}
|
|
27
|
+
isSubtitleRendered() {
|
|
28
|
+
return this.element.shadowRoot?.querySelector('.subtitle') !== null;
|
|
29
|
+
}
|
|
30
|
+
getSlottedBrandIconNodes() {
|
|
31
|
+
const slot = this.getBrandIconSlot();
|
|
32
|
+
return slot?.assignedElements() ?? [];
|
|
33
|
+
}
|
|
34
|
+
hasBrandIconDefaultContent() {
|
|
35
|
+
const slot = this.getBrandIconSlot();
|
|
36
|
+
const defaultContent = slot?.children[0];
|
|
37
|
+
return defaultContent?.tagName.toLowerCase() === iconNigelChatTag;
|
|
38
|
+
}
|
|
39
|
+
getMessageContentSlottedText() {
|
|
40
|
+
const slot = this.getDefaultSlot();
|
|
41
|
+
const assigned = slot?.assignedNodes({ flatten: true }) ?? [];
|
|
42
|
+
return assigned.map(n => n.textContent ?? '').join('');
|
|
43
|
+
}
|
|
44
|
+
getDefaultSlot() {
|
|
45
|
+
return this.element.shadowRoot?.querySelector('slot:not([name])');
|
|
46
|
+
}
|
|
47
|
+
getBrandIconSlot() {
|
|
48
|
+
return this.element.shadowRoot?.querySelector('slot[name="brand-icon"]');
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=chat-message-welcome.pageobject.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat-message-welcome.pageobject.js","sourceRoot":"","sources":["../../../../../../src/chat/message/welcome/testing/chat-message-welcome.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE;;;GAGG;AACH,MAAM,OAAO,4BAA4B;IACrC,YAAsC,OAA2B;QAA3B,YAAO,GAAP,OAAO,CAAoB;IAAG,CAAC;IAE9D,YAAY;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC9C,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC9C,CAAC;IAEM,eAAe;QAClB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QACxE,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACjD,CAAC;IAEM,eAAe;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACrE,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxE,CAAC;IAEM,wBAAwB;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,OAAO,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;IAC1C,CAAC;IAEM,0BAA0B;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,MAAM,cAAc,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACzC,OAAO,cAAc,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,CAAC;IACtE,CAAC;IAEM,4BAA4B;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;QAC9D,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3D,CAAC;IAEO,cAAc;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACtE,CAAC;IAEO,gBAAgB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC7E,CAAC;CACJ","sourcesContent":["import type { ChatMessageWelcome } from '..';\nimport { iconNigelChatTag } from '../../../../icons/nigel-chat';\n\n/**\n * Page object for the `spright-chat-message-welcome` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class ChatMessageWelcomePageObject {\n public constructor(protected readonly element: ChatMessageWelcome) {}\n\n public getTitleText(): string | null {\n const titleDiv = this.element.shadowRoot?.querySelector('.title');\n if (titleDiv === null || titleDiv === undefined) {\n return null;\n }\n return titleDiv.textContent?.trim() ?? '';\n }\n\n public getSubtitleText(): string | null {\n const subtitleDiv = this.element.shadowRoot?.querySelector('.subtitle');\n if (subtitleDiv === null || subtitleDiv === undefined) {\n return null;\n }\n return subtitleDiv.textContent?.trim() ?? '';\n }\n\n public isTitleRendered(): boolean {\n return this.element.shadowRoot?.querySelector('.title') !== null;\n }\n\n public isSubtitleRendered(): boolean {\n return this.element.shadowRoot?.querySelector('.subtitle') !== null;\n }\n\n public getSlottedBrandIconNodes(): Element[] {\n const slot = this.getBrandIconSlot();\n return slot?.assignedElements() ?? [];\n }\n\n public hasBrandIconDefaultContent(): boolean {\n const slot = this.getBrandIconSlot();\n const defaultContent = slot?.children[0];\n return defaultContent?.tagName.toLowerCase() === iconNigelChatTag;\n }\n\n public getMessageContentSlottedText(): string {\n const slot = this.getDefaultSlot();\n const assigned = slot?.assignedNodes({ flatten: true }) ?? [];\n return assigned.map(n => n.textContent ?? '').join('');\n }\n\n private getDefaultSlot(): HTMLSlotElement | null | undefined {\n return this.element.shadowRoot?.querySelector('slot:not([name])');\n }\n\n private getBrandIconSlot(): HTMLSlotElement | null | undefined {\n return this.element.shadowRoot?.querySelector('slot[name=\"brand-icon\"]');\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
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,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,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 { IconWorkItemUserHelmetSafety } from './work-item-user-helmet-safety';\nexport { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';\n"]}
|
|
1
|
+
{"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,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,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { IconNigelChat } from './nigel-chat';\nexport { 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 { IconWorkItemUserHelmetSafety } from './work-item-user-helmet-safety';\nexport { IconWorkItemWrenchHammer } from './work-item-wrench-hammer';\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const nigelChatLightData = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradient\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"0.1611\" x2=\"24\" y2=\"48.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradient)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>";
|
|
2
|
+
export declare const nigelChatDarkData = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradientDark\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"47.8389\" x2=\"24\" y2=\"-0.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradientDark)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export const nigelChatLightData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><linearGradient id="nigelChatGradient" gradientUnits="userSpaceOnUse" x1="24" y1="0.1611" x2="24" y2="48.1611"><stop offset="0" stop-color="#008557"/><stop offset="1" stop-color="#00C07E"/></linearGradient></defs><path fill="url(#nigelChatGradient)" d="M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z"/></svg>';
|
|
2
|
+
export const nigelChatDarkData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><linearGradient id="nigelChatGradientDark" gradientUnits="userSpaceOnUse" x1="24" y1="47.8389" x2="24" y2="-0.1611"><stop offset="0" stop-color="#008557"/><stop offset="1" stop-color="#00C07E"/></linearGradient></defs><path fill="url(#nigelChatGradientDark)" d="M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z"/></svg>';
|
|
3
|
+
//# sourceMappingURL=icon-data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/icon-data.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,ulCAAulC,CAAC;AAE1nC,MAAM,CAAC,MAAM,iBAAiB,GAAG,gmCAAgmC,CAAC","sourcesContent":["export const nigelChatLightData = '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradient\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"0.1611\" x2=\"24\" y2=\"48.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradient)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>';\n\nexport const nigelChatDarkData = '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><linearGradient id=\"nigelChatGradientDark\" gradientUnits=\"userSpaceOnUse\" x1=\"24\" y1=\"47.8389\" x2=\"24\" y2=\"-0.1611\"><stop offset=\"0\" stop-color=\"#008557\"/><stop offset=\"1\" stop-color=\"#00C07E\"/></linearGradient></defs><path fill=\"url(#nigelChatGradientDark)\" d=\"M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z\"/></svg>';\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'spright-icon-nigel-chat': IconNigelChat;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Spright Nigel chat brand icon.
|
|
9
|
+
* Used as the default brand icon in the welcome message.
|
|
10
|
+
*/
|
|
11
|
+
export declare class IconNigelChat extends Icon {
|
|
12
|
+
}
|
|
13
|
+
export declare const iconNigelChatTag = "spright-icon-nigel-chat";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
|
|
2
|
+
import { DesignSystem } from '@ni/fast-foundation';
|
|
3
|
+
import { template } from './template';
|
|
4
|
+
import { styles } from './styles';
|
|
5
|
+
/**
|
|
6
|
+
* Spright Nigel chat brand icon.
|
|
7
|
+
* Used as the default brand icon in the welcome message.
|
|
8
|
+
*/
|
|
9
|
+
export class IconNigelChat extends Icon {
|
|
10
|
+
}
|
|
11
|
+
const sprightIconNigelChat = IconNigelChat.compose({
|
|
12
|
+
baseName: 'icon-nigel-chat',
|
|
13
|
+
template,
|
|
14
|
+
styles
|
|
15
|
+
});
|
|
16
|
+
DesignSystem.getOrCreate()
|
|
17
|
+
.withPrefix('spright')
|
|
18
|
+
.register(sprightIconNigelChat());
|
|
19
|
+
export const iconNigelChatTag = 'spright-icon-nigel-chat';
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAI;CAAG;AAE1C,MAAM,oBAAoB,GAAG,aAAa,CAAC,OAAO,CAAC;IAC/C,QAAQ,EAAE,iBAAiB;IAC3B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,SAAS,CAAC;KACrB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC","sourcesContent":["import { Icon } from '@ni/nimble-components/dist/esm/icon-base';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { template } from './template';\nimport { styles } from './styles';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'spright-icon-nigel-chat': IconNigelChat;\n }\n}\n\n/**\n * Spright Nigel chat brand icon.\n * Used as the default brand icon in the welcome message.\n */\nexport class IconNigelChat extends Icon {}\n\nconst sprightIconNigelChat = IconNigelChat.compose({\n baseName: 'icon-nigel-chat',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('spright')\n .register(sprightIconNigelChat());\n\nexport const iconNigelChatTag = 'spright-icon-nigel-chat';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@ni/fast-element").ElementStyles;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { css } from '@ni/fast-element';
|
|
2
|
+
import { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';
|
|
3
|
+
import { Theme } from '@ni/nimble-components/dist/esm/theme-provider/types';
|
|
4
|
+
import { themeBehavior } from '@ni/nimble-components/dist/esm/utilities/style/theme';
|
|
5
|
+
export const styles = css `
|
|
6
|
+
${iconSvgStyles}
|
|
7
|
+
|
|
8
|
+
.dark-icon {
|
|
9
|
+
display: none;
|
|
10
|
+
}
|
|
11
|
+
`.withBehaviors(themeBehavior(Theme.dark, css `
|
|
12
|
+
.light-icon {
|
|
13
|
+
display: none;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.dark-icon {
|
|
17
|
+
display: contents;
|
|
18
|
+
}
|
|
19
|
+
`));
|
|
20
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,qDAAqD,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AAErF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,aAAa;;;;;CAKlB,CAAC,aAAa,CACX,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAA;;;;;;;;KAQ5B,CAAC,CACL,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { styles as iconSvgStyles } from '@ni/nimble-components/dist/esm/icon-svg/styles';\nimport { Theme } from '@ni/nimble-components/dist/esm/theme-provider/types';\nimport { themeBehavior } from '@ni/nimble-components/dist/esm/utilities/style/theme';\n\nexport const styles = css`\n ${iconSvgStyles}\n\n .dark-icon {\n display: none;\n }\n`.withBehaviors(\n themeBehavior(Theme.dark, css`\n .light-icon {\n display: none;\n }\n\n .dark-icon {\n display: contents;\n }\n `)\n);\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { html } from '@ni/fast-element';
|
|
2
|
+
import { nigelChatLightData, nigelChatDarkData } from './icon-data';
|
|
3
|
+
export const template = html `
|
|
4
|
+
<div class="icon light-icon" aria-hidden="true" :innerHTML="${() => nigelChatLightData}"></div>
|
|
5
|
+
<div class="icon dark-icon" aria-hidden="true" :innerHTML="${() => nigelChatDarkData}"></div>
|
|
6
|
+
`;
|
|
7
|
+
//# sourceMappingURL=template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/icons/nigel-chat/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe;kEACuB,GAAG,EAAE,CAAC,kBAAkB;iEACzB,GAAG,EAAE,CAAC,iBAAiB;CACvF,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { IconNigelChat } from '.';\nimport { nigelChatLightData, nigelChatDarkData } from './icon-data';\n\nexport const template = html<IconNigelChat>`\n <div class=\"icon light-icon\" aria-hidden=\"true\" :innerHTML=\"${() => nigelChatLightData}\"></div>\n <div class=\"icon dark-icon\" aria-hidden=\"true\" :innerHTML=\"${() => nigelChatDarkData}\"></div>\n`;\n"]}
|