@htmlbricks/hb-messages-topics-card 0.17.7 → 0.17.10

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.
Files changed (9) hide show
  1. package/extra/docs.ts +87 -12
  2. package/package.json +3 -3
  3. package/release/docs.js +87 -12
  4. package/release/docs.js.map +1 -1
  5. package/release/docs.ts +87 -12
  6. package/release/manifest.json +214 -99
  7. package/release/release.js +1 -1
  8. package/release/release.js.map +1 -1
  9. package/release/webcomponent.type.d.ts +20 -19
package/extra/docs.ts CHANGED
@@ -2,14 +2,38 @@ import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup, ComponentSetup }
2
2
  import type { Component } from "../app/types/webcomponent.type";
3
3
 
4
4
  export const storybookArgs = {
5
- content: { control: { type: "object" } },
6
- chat: { control: { type: "object" } },
5
+ chats: { control: { type: "object" } },
7
6
  sendMessage: { action: "sendMessageEvent" },
8
7
  };
9
8
 
10
- const cssVars: CssVar[] = [];
11
- export const cssParts: CssPart[] = [{ name: "testpart", description: "test css part on 2 div tag" }];
12
- export const htmlSlots: HtmlSlot[] = [{ name: "skelcontent", description: "test slot" }];
9
+ const cssVars: CssVar[] = [
10
+ {
11
+ name: "--hb-topics-card-selected-background-color",
12
+ description: "Selected background color",
13
+ defaultValue: "#e9ecef",
14
+ valueType: "color",
15
+ },
16
+ {
17
+ name: "--hb-topics-card-hover-background-color",
18
+ description: "Hover background color",
19
+ defaultValue: "#f5f5f5",
20
+ valueType: "color",
21
+ },
22
+ {
23
+ name: "--hb-topics-card-size",
24
+ description: "Topic card size",
25
+ defaultValue: "calc(1vw + 1vh + 12px)",
26
+ valueType: "htmlsize",
27
+ },
28
+ {
29
+ name: "--hb-topics-card-padding",
30
+ description: "Topic card padding",
31
+ defaultValue: "4px",
32
+ valueType: "htmlsize",
33
+ },
34
+ ];
35
+ export const cssParts: CssPart[] = [];
36
+ export const htmlSlots: HtmlSlot[] = [];
13
37
  export const i18nLanguages: i18nLang[] = [];
14
38
 
15
39
  export const styleSetup: StyleSetup = {
@@ -21,13 +45,64 @@ const examples: { name: string; description?: string; data: Component }[] = [
21
45
  {
22
46
  name: "default",
23
47
  data: {
24
- content: {
25
- counter: 0,
26
- text: "Hello",
27
- title: "Hello",
28
- time: new Date(),
29
- img_uri: "https://www.w3schools.com/howto/img_avatar.png",
30
- },
48
+ chats: [
49
+ {
50
+ chat_id: "ciao0",
51
+ counter: 0,
52
+ text: "Hello 0",
53
+ title: "Hello0",
54
+ time: new Date(),
55
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
56
+ },
57
+ {
58
+ chat_id: "ciao1",
59
+ counter: 0,
60
+ text: "Hello 1",
61
+ title: "Hello1",
62
+ time: new Date(),
63
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
64
+ },
65
+ {
66
+ chat_id: "ciao2",
67
+ counter: 0,
68
+ text: "Hello 2",
69
+ title: "Hello2",
70
+ time: new Date(),
71
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
72
+ },
73
+ ],
74
+ },
75
+ },
76
+ {
77
+ name: "selected",
78
+ data: {
79
+ chats: [
80
+ {
81
+ chat_id: "ciao0",
82
+ counter: 0,
83
+ text: "Hello 0",
84
+ title: "Hello0",
85
+ time: new Date(),
86
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
87
+ },
88
+ {
89
+ chat_id: "ciao1",
90
+ counter: 0,
91
+ text: "Hello 1",
92
+ title: "Hello1",
93
+ time: new Date(),
94
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
95
+ _selected: true,
96
+ },
97
+ {
98
+ chat_id: "ciao2",
99
+ counter: 0,
100
+ text: "Hello 2",
101
+ title: "Hello2",
102
+ time: new Date(),
103
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
104
+ },
105
+ ],
31
106
  },
32
107
  },
33
108
  ];
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@htmlbricks/hb-messages-topics-card",
3
3
  "displayName": "Svelte-Bootstrap messages-topics-card",
4
4
  "description": "Svelte-Bootstrap messages-topics-card",
5
- "version": "0.17.7",
5
+ "version": "0.17.10",
6
6
  "main": "release/release.js",
7
7
  "publishConfig": {
8
8
  "access": "public"
@@ -30,7 +30,7 @@
30
30
  "prepublish": "npm run build:release"
31
31
  },
32
32
  "devDependencies": {
33
- "@htmlbricks/hb-jsutils": "^0.17.7",
33
+ "@htmlbricks/hb-jsutils": "^0.17.10",
34
34
  "@htmlbricks/manifester": "^0.0.22",
35
35
  "@rollup/plugin-alias": "^3.1.2",
36
36
  "@rollup/plugin-commonjs": "^18.0.0",
@@ -75,7 +75,7 @@
75
75
  "webcomponents"
76
76
  ],
77
77
  "contributors": [],
78
- "gitHead": "6aa290fd1f3830544eb5acf0ef0e4ec3a6bb88c3",
78
+ "gitHead": "7d694a7fe77171e1a6207ae617d890d45d94a9f7",
79
79
  "dependencies": {
80
80
  "style-to-object": "^0.3.0"
81
81
  }
package/release/docs.js CHANGED
@@ -1,11 +1,35 @@
1
1
  export var storybookArgs = {
2
- content: { control: { type: "object" } },
3
- chat: { control: { type: "object" } },
2
+ chats: { control: { type: "object" } },
4
3
  sendMessage: { action: "sendMessageEvent" }
5
4
  };
6
- var cssVars = [];
7
- export var cssParts = [{ name: "testpart", description: "test css part on 2 div tag" }];
8
- export var htmlSlots = [{ name: "skelcontent", description: "test slot" }];
5
+ var cssVars = [
6
+ {
7
+ name: "--hb-topics-card-selected-background-color",
8
+ description: "Selected background color",
9
+ defaultValue: "#e9ecef",
10
+ valueType: "color"
11
+ },
12
+ {
13
+ name: "--hb-topics-card-hover-background-color",
14
+ description: "Hover background color",
15
+ defaultValue: "#f5f5f5",
16
+ valueType: "color"
17
+ },
18
+ {
19
+ name: "--hb-topics-card-size",
20
+ description: "Topic card size",
21
+ defaultValue: "calc(1vw + 1vh + 12px)",
22
+ valueType: "htmlsize"
23
+ },
24
+ {
25
+ name: "--hb-topics-card-padding",
26
+ description: "Topic card padding",
27
+ defaultValue: "4px",
28
+ valueType: "htmlsize"
29
+ },
30
+ ];
31
+ export var cssParts = [];
32
+ export var htmlSlots = [];
9
33
  export var i18nLanguages = [];
10
34
  export var styleSetup = {
11
35
  vars: cssVars,
@@ -15,13 +39,64 @@ var examples = [
15
39
  {
16
40
  name: "default",
17
41
  data: {
18
- content: {
19
- counter: 0,
20
- text: "Hello",
21
- title: "Hello",
22
- time: new Date(),
23
- img_uri: "https://www.w3schools.com/howto/img_avatar.png"
24
- }
42
+ chats: [
43
+ {
44
+ chat_id: "ciao0",
45
+ counter: 0,
46
+ text: "Hello 0",
47
+ title: "Hello0",
48
+ time: new Date(),
49
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png"
50
+ },
51
+ {
52
+ chat_id: "ciao1",
53
+ counter: 0,
54
+ text: "Hello 1",
55
+ title: "Hello1",
56
+ time: new Date(),
57
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png"
58
+ },
59
+ {
60
+ chat_id: "ciao2",
61
+ counter: 0,
62
+ text: "Hello 2",
63
+ title: "Hello2",
64
+ time: new Date(),
65
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png"
66
+ },
67
+ ]
68
+ }
69
+ },
70
+ {
71
+ name: "selected",
72
+ data: {
73
+ chats: [
74
+ {
75
+ chat_id: "ciao0",
76
+ counter: 0,
77
+ text: "Hello 0",
78
+ title: "Hello0",
79
+ time: new Date(),
80
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png"
81
+ },
82
+ {
83
+ chat_id: "ciao1",
84
+ counter: 0,
85
+ text: "Hello 1",
86
+ title: "Hello1",
87
+ time: new Date(),
88
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
89
+ _selected: true
90
+ },
91
+ {
92
+ chat_id: "ciao2",
93
+ counter: 0,
94
+ text: "Hello 2",
95
+ title: "Hello2",
96
+ time: new Date(),
97
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png"
98
+ },
99
+ ]
25
100
  }
26
101
  },
27
102
  ];
package/release/docs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"docs.js","sourceRoot":"","sources":["../extra/docs.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,aAAa,GAAG;IAC5B,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACxC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACrC,WAAW,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;CAC3C,CAAC;AAEF,IAAM,OAAO,GAAa,EAAE,CAAC;AAC7B,MAAM,CAAC,IAAM,QAAQ,GAAc,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,4BAA4B,EAAE,CAAC,CAAC;AACrG,MAAM,CAAC,IAAM,SAAS,GAAe,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC;AACzF,MAAM,CAAC,IAAM,aAAa,GAAe,EAAE,CAAC;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAe;IACrC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,QAAQ;CACf,CAAC;AAEF,IAAM,QAAQ,GAA8D;IAC3E;QACC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACL,OAAO,EAAE;gBACR,OAAO,EAAE,CAAC;gBACV,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,IAAI,IAAI,EAAE;gBAChB,OAAO,EAAE,gDAAgD;aACzD;SACD;KACD;CACD,CAAC;AACF,MAAM,CAAC,IAAM,cAAc,GAA6F;IACvH,WAAW,EAAE,IAAW;IACxB,aAAa,eAAA;IACb,UAAU,YAAA;IACV,MAAM,EAAE,IAAW;IACnB,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,IAAW;IAClB,SAAS,WAAA;IACT,IAAI,EAAE,aAAa;IACnB,QAAQ,UAAA;IACR,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAChF,UAAU,EAAE,WAAW;IACvB,IAAI,EAAE,yBAAyB;IAC/B,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,oBAAoB;IAC9B,QAAQ,EAAE,qCAAqC;IAC/C,OAAO,EAAE,IAAW;CACpB,CAAC"}
1
+ {"version":3,"file":"docs.js","sourceRoot":"","sources":["../extra/docs.ts"],"names":[],"mappings":"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"}
package/release/docs.ts CHANGED
@@ -2,14 +2,38 @@ import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup, ComponentSetup }
2
2
  import type { Component } from "../app/types/webcomponent.type";
3
3
 
4
4
  export const storybookArgs = {
5
- content: { control: { type: "object" } },
6
- chat: { control: { type: "object" } },
5
+ chats: { control: { type: "object" } },
7
6
  sendMessage: { action: "sendMessageEvent" },
8
7
  };
9
8
 
10
- const cssVars: CssVar[] = [];
11
- export const cssParts: CssPart[] = [{ name: "testpart", description: "test css part on 2 div tag" }];
12
- export const htmlSlots: HtmlSlot[] = [{ name: "skelcontent", description: "test slot" }];
9
+ const cssVars: CssVar[] = [
10
+ {
11
+ name: "--hb-topics-card-selected-background-color",
12
+ description: "Selected background color",
13
+ defaultValue: "#e9ecef",
14
+ valueType: "color",
15
+ },
16
+ {
17
+ name: "--hb-topics-card-hover-background-color",
18
+ description: "Hover background color",
19
+ defaultValue: "#f5f5f5",
20
+ valueType: "color",
21
+ },
22
+ {
23
+ name: "--hb-topics-card-size",
24
+ description: "Topic card size",
25
+ defaultValue: "calc(1vw + 1vh + 12px)",
26
+ valueType: "htmlsize",
27
+ },
28
+ {
29
+ name: "--hb-topics-card-padding",
30
+ description: "Topic card padding",
31
+ defaultValue: "4px",
32
+ valueType: "htmlsize",
33
+ },
34
+ ];
35
+ export const cssParts: CssPart[] = [];
36
+ export const htmlSlots: HtmlSlot[] = [];
13
37
  export const i18nLanguages: i18nLang[] = [];
14
38
 
15
39
  export const styleSetup: StyleSetup = {
@@ -21,13 +45,64 @@ const examples: { name: string; description?: string; data: Component }[] = [
21
45
  {
22
46
  name: "default",
23
47
  data: {
24
- content: {
25
- counter: 0,
26
- text: "Hello",
27
- title: "Hello",
28
- time: new Date(),
29
- img_uri: "https://www.w3schools.com/howto/img_avatar.png",
30
- },
48
+ chats: [
49
+ {
50
+ chat_id: "ciao0",
51
+ counter: 0,
52
+ text: "Hello 0",
53
+ title: "Hello0",
54
+ time: new Date(),
55
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
56
+ },
57
+ {
58
+ chat_id: "ciao1",
59
+ counter: 0,
60
+ text: "Hello 1",
61
+ title: "Hello1",
62
+ time: new Date(),
63
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
64
+ },
65
+ {
66
+ chat_id: "ciao2",
67
+ counter: 0,
68
+ text: "Hello 2",
69
+ title: "Hello2",
70
+ time: new Date(),
71
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
72
+ },
73
+ ],
74
+ },
75
+ },
76
+ {
77
+ name: "selected",
78
+ data: {
79
+ chats: [
80
+ {
81
+ chat_id: "ciao0",
82
+ counter: 0,
83
+ text: "Hello 0",
84
+ title: "Hello0",
85
+ time: new Date(),
86
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
87
+ },
88
+ {
89
+ chat_id: "ciao1",
90
+ counter: 0,
91
+ text: "Hello 1",
92
+ title: "Hello1",
93
+ time: new Date(),
94
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
95
+ _selected: true,
96
+ },
97
+ {
98
+ chat_id: "ciao2",
99
+ counter: 0,
100
+ text: "Hello 2",
101
+ title: "Hello2",
102
+ time: new Date(),
103
+ img_uri: "https://www.w3schools.com/howto/img_avatar.png",
104
+ },
105
+ ],
31
106
  },
32
107
  },
33
108
  ];