biel-search 0.0.1

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 (136) hide show
  1. package/LICENSE +21 -0
  2. package/dist/biel-search/biel-search.css +1 -0
  3. package/dist/biel-search/biel-search.esm.js +2 -0
  4. package/dist/biel-search/biel-search.esm.js.map +1 -0
  5. package/dist/biel-search/index.esm.js +2 -0
  6. package/dist/biel-search/index.esm.js.map +1 -0
  7. package/dist/biel-search/p-1b3c90ca.js +3 -0
  8. package/dist/biel-search/p-1b3c90ca.js.map +1 -0
  9. package/dist/biel-search/p-e1255160.js +2 -0
  10. package/dist/biel-search/p-e1255160.js.map +1 -0
  11. package/dist/biel-search/p-fe900c87.entry.js +3 -0
  12. package/dist/biel-search/p-fe900c87.entry.js.map +1 -0
  13. package/dist/cjs/app-globals-3a1e7e63.js +7 -0
  14. package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
  15. package/dist/cjs/biel-bot_8.cjs.entry.js +63952 -0
  16. package/dist/cjs/biel-bot_8.cjs.entry.js.map +1 -0
  17. package/dist/cjs/biel-search.cjs.js +27 -0
  18. package/dist/cjs/biel-search.cjs.js.map +1 -0
  19. package/dist/cjs/index-05fc01fd.js +1281 -0
  20. package/dist/cjs/index-05fc01fd.js.map +1 -0
  21. package/dist/cjs/index.cjs.js +11 -0
  22. package/dist/cjs/index.cjs.js.map +1 -0
  23. package/dist/cjs/loader.cjs.js +17 -0
  24. package/dist/cjs/loader.cjs.js.map +1 -0
  25. package/dist/collection/collection-manifest.json +19 -0
  26. package/dist/collection/components/biel-bot/biel-bot.css +189 -0
  27. package/dist/collection/components/biel-bot/biel-bot.js +338 -0
  28. package/dist/collection/components/biel-bot/biel-bot.js.map +1 -0
  29. package/dist/collection/components/biel-button/biel-button.css +63 -0
  30. package/dist/collection/components/biel-button/biel-button.js +301 -0
  31. package/dist/collection/components/biel-button/biel-button.js.map +1 -0
  32. package/dist/collection/components/biel-chat/biel-chat.css +75 -0
  33. package/dist/collection/components/biel-chat/biel-chat.js +119 -0
  34. package/dist/collection/components/biel-chat/biel-chat.js.map +1 -0
  35. package/dist/collection/components/biel-header/biel-header.css +49 -0
  36. package/dist/collection/components/biel-header/biel-header.js +165 -0
  37. package/dist/collection/components/biel-header/biel-header.js.map +1 -0
  38. package/dist/collection/components/biel-input/biel-input.css +55 -0
  39. package/dist/collection/components/biel-input/biel-input.js +164 -0
  40. package/dist/collection/components/biel-input/biel-input.js.map +1 -0
  41. package/dist/collection/components/biel-message/biel-message.css +38 -0
  42. package/dist/collection/components/biel-message/biel-message.js +98 -0
  43. package/dist/collection/components/biel-message/biel-message.js.map +1 -0
  44. package/dist/collection/components/biel-table/biel-table.css +37 -0
  45. package/dist/collection/components/biel-table/biel-table.js +43 -0
  46. package/dist/collection/components/biel-table/biel-table.js.map +1 -0
  47. package/dist/collection/components/code-snippet/code-snippet.css +162 -0
  48. package/dist/collection/components/code-snippet/code-snippet.js +101 -0
  49. package/dist/collection/components/code-snippet/code-snippet.js.map +1 -0
  50. package/dist/collection/index.js +11 -0
  51. package/dist/collection/index.js.map +1 -0
  52. package/dist/collection/services/biel-service.js +33 -0
  53. package/dist/collection/services/biel-service.js.map +1 -0
  54. package/dist/collection/services/biel-websocket-service.js +64 -0
  55. package/dist/collection/services/biel-websocket-service.js.map +1 -0
  56. package/dist/collection/utils/utils.js +4 -0
  57. package/dist/collection/utils/utils.js.map +1 -0
  58. package/dist/components/biel-bot.d.ts +11 -0
  59. package/dist/components/biel-bot.js +8 -0
  60. package/dist/components/biel-bot.js.map +1 -0
  61. package/dist/components/biel-button.d.ts +11 -0
  62. package/dist/components/biel-button.js +152 -0
  63. package/dist/components/biel-button.js.map +1 -0
  64. package/dist/components/biel-chat.d.ts +11 -0
  65. package/dist/components/biel-chat.js +8 -0
  66. package/dist/components/biel-chat.js.map +1 -0
  67. package/dist/components/biel-header.d.ts +11 -0
  68. package/dist/components/biel-header.js +8 -0
  69. package/dist/components/biel-header.js.map +1 -0
  70. package/dist/components/biel-input.d.ts +11 -0
  71. package/dist/components/biel-input.js +8 -0
  72. package/dist/components/biel-input.js.map +1 -0
  73. package/dist/components/biel-message.d.ts +11 -0
  74. package/dist/components/biel-message.js +8 -0
  75. package/dist/components/biel-message.js.map +1 -0
  76. package/dist/components/biel-table.d.ts +11 -0
  77. package/dist/components/biel-table.js +8 -0
  78. package/dist/components/biel-table.js.map +1 -0
  79. package/dist/components/code-snippet.d.ts +11 -0
  80. package/dist/components/code-snippet.js +8 -0
  81. package/dist/components/code-snippet.js.map +1 -0
  82. package/dist/components/index.d.ts +33 -0
  83. package/dist/components/index.js +9 -0
  84. package/dist/components/index.js.map +1 -0
  85. package/dist/components/p-09743aa7.js +88 -0
  86. package/dist/components/p-09743aa7.js.map +1 -0
  87. package/dist/components/p-5a2466bd.js +59456 -0
  88. package/dist/components/p-5a2466bd.js.map +1 -0
  89. package/dist/components/p-7b8b1ac3.js +1098 -0
  90. package/dist/components/p-7b8b1ac3.js.map +1 -0
  91. package/dist/components/p-8e08748d.js +4158 -0
  92. package/dist/components/p-8e08748d.js.map +1 -0
  93. package/dist/components/p-b920c67f.js +239 -0
  94. package/dist/components/p-b920c67f.js.map +1 -0
  95. package/dist/components/p-c94c3bd6.js +59 -0
  96. package/dist/components/p-c94c3bd6.js.map +1 -0
  97. package/dist/components/p-f4016e6d.js +37 -0
  98. package/dist/components/p-f4016e6d.js.map +1 -0
  99. package/dist/components/p-fe8bcdeb.js +86 -0
  100. package/dist/components/p-fe8bcdeb.js.map +1 -0
  101. package/dist/esm/app-globals-0f993ce5.js +5 -0
  102. package/dist/esm/app-globals-0f993ce5.js.map +1 -0
  103. package/dist/esm/biel-bot_8.entry.js +63941 -0
  104. package/dist/esm/biel-bot_8.entry.js.map +1 -0
  105. package/dist/esm/biel-search.js +22 -0
  106. package/dist/esm/biel-search.js.map +1 -0
  107. package/dist/esm/index-6ad604ca.js +1252 -0
  108. package/dist/esm/index-6ad604ca.js.map +1 -0
  109. package/dist/esm/index.js +7 -0
  110. package/dist/esm/index.js.map +1 -0
  111. package/dist/esm/loader.js +13 -0
  112. package/dist/esm/loader.js.map +1 -0
  113. package/dist/index.cjs.js +1 -0
  114. package/dist/index.js +1 -0
  115. package/dist/types/components/biel-bot/biel-bot.d.ts +35 -0
  116. package/dist/types/components/biel-button/biel-button.d.ts +23 -0
  117. package/dist/types/components/biel-chat/biel-chat.d.ts +15 -0
  118. package/dist/types/components/biel-header/biel-header.d.ts +15 -0
  119. package/dist/types/components/biel-input/biel-input.d.ts +17 -0
  120. package/dist/types/components/biel-message/biel-message.d.ts +10 -0
  121. package/dist/types/components/biel-table/biel-table.d.ts +4 -0
  122. package/dist/types/components/code-snippet/code-snippet.d.ts +10 -0
  123. package/dist/types/components.d.ts +248 -0
  124. package/dist/types/index.d.ts +11 -0
  125. package/dist/types/services/biel-service.d.ts +11 -0
  126. package/dist/types/services/biel-websocket-service.d.ts +17 -0
  127. package/dist/types/stencil-public-runtime.d.ts +1674 -0
  128. package/dist/types/utils/utils.d.ts +1 -0
  129. package/loader/cdn.js +1 -0
  130. package/loader/index.cjs.js +1 -0
  131. package/loader/index.d.ts +24 -0
  132. package/loader/index.es2017.js +1 -0
  133. package/loader/index.js +2 -0
  134. package/loader/package.json +11 -0
  135. package/package.json +55 -0
  136. package/readme.md +22 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"biel-table.js","sourceRoot":"","sources":["../../../src/components/biel-table/biel-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;;;;IAIpB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAQ,CACpE,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biel-table',\n styleUrl: 'biel-table.css',\n shadow: true,\n})\nexport class BielTable {\n\n @Prop() tableData: string;\n\n render() {\n return (\n <div class=\"biel-table-container\" innerHTML={this.tableData}></div>\n );\n }\n}\n"]}
@@ -0,0 +1,162 @@
1
+ .code-snippet {
2
+ border: 1px solid #303030;
3
+ border-radius: 6px;
4
+ margin: 10px 0;
5
+ }
6
+
7
+ .code-snippet__header {
8
+ display: flex;
9
+ justify-content: space-between;
10
+ align-items: center;
11
+ padding: 6px 8px;
12
+ background-color: var(--code-snippet-header-bg-color);
13
+ font-size: var(--code-snippet-font-size);
14
+ color: var(--code-snippet-header-text-color);
15
+ }
16
+
17
+ .copy-button {
18
+ background: none;
19
+ border: none;
20
+ color: var(--code-snippet-header-text-color);
21
+ cursor: pointer;
22
+ font-size: var(--code-snippet-font-size);
23
+ display: flex;
24
+ align-items: center;
25
+ }
26
+
27
+ .copy-button svg {
28
+ margin-right: 5px;
29
+ }
30
+
31
+ .copy-button:focus {
32
+ outline: none;
33
+ }
34
+
35
+ .copy-button__container {
36
+ display: flex;
37
+ align-items: center;
38
+ }
39
+
40
+ .code-snippet__content {
41
+ padding: 10px;
42
+ background-color: var(--code-snippet-content-bg-color);
43
+ border-bottom-left-radius: 6px;
44
+ border-bottom-right-radius: 6px;
45
+ overflow-x: auto;
46
+ margin: 0;
47
+ font-family: var(--code-snippet-font-family);
48
+ }
49
+
50
+ .code-snippet__content::-webkit-scrollbar {
51
+ height: 8px;
52
+ }
53
+
54
+ .code-snippet__content::-webkit-scrollbar-thumb:horizontal {
55
+ background-color: var(--biel-chat-scrollbar-color);
56
+ border-radius: 10px;
57
+ border: 3px solid transparent;
58
+ }
59
+
60
+ .code-snippet__content::-webkit-scrollbar-thumb:hover {
61
+ background-color: var(--biel-chat-scrollbar-hover-color);
62
+ }
63
+
64
+ /*!
65
+ Theme: GitHub Dark
66
+ Description: Dark theme as seen on github.com
67
+ Author: github.com
68
+ Maintainer: @Hirse
69
+ Updated: 2021-05-15
70
+
71
+ Outdated base version: https://github.com/primer/github-syntax-dark
72
+ Current colors taken from GitHub's CSS
73
+ */
74
+
75
+ .hljs {
76
+ color: #c9d1d9;
77
+ }
78
+
79
+ .hljs-doctag,
80
+ .hljs-keyword,
81
+ .hljs-meta .hljs-keyword,
82
+ .hljs-template-tag,
83
+ .hljs-template-variable,
84
+ .hljs-type,
85
+ .hljs-variable.language_ {
86
+ color: #ff7b72
87
+ }
88
+
89
+ .hljs-title,
90
+ .hljs-title.class_,
91
+ .hljs-title.class_.inherited__,
92
+ .hljs-title.function_ {
93
+ color: #d2a8ff
94
+ }
95
+
96
+ .hljs-attr,
97
+ .hljs-attribute,
98
+ .hljs-literal,
99
+ .hljs-meta,
100
+ .hljs-number,
101
+ .hljs-operator,
102
+ .hljs-variable,
103
+ .hljs-selector-attr,
104
+ .hljs-selector-class,
105
+ .hljs-selector-id {
106
+ color: #79c0ff
107
+ }
108
+
109
+ .hljs-regexp,
110
+ .hljs-string,
111
+ .hljs-meta .hljs-string {
112
+ color: #a5d6ff
113
+ }
114
+
115
+ .hljs-built_in,
116
+ .hljs-symbol {
117
+ color: #ffa657
118
+ }
119
+
120
+ .hljs-comment,
121
+ .hljs-code,
122
+ .hljs-formula {
123
+ color: #8b949e
124
+ }
125
+
126
+ .hljs-name,
127
+ .hljs-quote,
128
+ .hljs-selector-tag,
129
+ .hljs-selector-pseudo {
130
+ color: #7ee787
131
+ }
132
+
133
+ .hljs-subst {
134
+ color: #c9d1d9
135
+ }
136
+
137
+ .hljs-section {
138
+ color: #1f6feb;
139
+ font-weight: bold
140
+ }
141
+
142
+ .hljs-bullet {
143
+ color: #f2cc60
144
+ }
145
+
146
+ .hljs-emphasis {
147
+ color: #c9d1d9;
148
+ font-style: italic
149
+ }
150
+
151
+ .hljs-strong {
152
+ color: #c9d1d9;
153
+ font-weight: bold
154
+ }
155
+
156
+ .hljs-addition {
157
+ color: #aff5b4;
158
+ }
159
+
160
+ .hljs-deletion {
161
+ color: #ffdcd7;
162
+ }
@@ -0,0 +1,101 @@
1
+ import { h } from "@stencil/core";
2
+ import hljs from "highlight.js";
3
+ export class CodeSnippet {
4
+ constructor() {
5
+ this.code = undefined;
6
+ this.copyButtonText = "Copy";
7
+ this.copiedButtonText = "Copied!";
8
+ this.copied = false;
9
+ }
10
+ componentDidLoad() {
11
+ this.el.shadowRoot.querySelectorAll('pre code').forEach((block) => {
12
+ hljs.highlightElement(block);
13
+ });
14
+ }
15
+ copyCode() {
16
+ navigator.clipboard.writeText(this.code);
17
+ this.copied = true;
18
+ setTimeout(() => {
19
+ this.copied = false;
20
+ }, 2000);
21
+ }
22
+ render() {
23
+ return (h("div", { key: '2b9c9b80c6cb4155ac2bc93e47c4b7c243ab05c5', class: "code-snippet" }, h("div", { key: 'f0f2a73288733f807b3d5234884d0b1426c2aba0', class: "code-snippet__header" }, h("span", { key: 'c0b1dd7cc1670cad3597aa358e8650acb99bf360' }, "Code"), h("button", { key: '2cbd0994aeb7d3fddfb709cc173109aa93723270', class: "copy-button", onClick: () => this.copyCode() }, this.copied ? (h("span", { class: "copy-button__container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-check" }, h("polyline", { points: "20 6 9 17 4 12" })), this.copiedButtonText)) : (h("span", { class: "copy-button__container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-copy" }, h("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), h("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })), this.copyButtonText)))), h("pre", { key: '5c10d568ca3df9bcf23adfe399e61a6821e1380f', class: "code-snippet__content" }, h("code", { key: '12afa0cd932328167246a6c7f8c103b02e488af3' }, this.code))));
24
+ }
25
+ static get is() { return "code-snippet"; }
26
+ static get encapsulation() { return "shadow"; }
27
+ static get originalStyleUrls() {
28
+ return {
29
+ "$": ["code-snippet.css"]
30
+ };
31
+ }
32
+ static get styleUrls() {
33
+ return {
34
+ "$": ["code-snippet.css"]
35
+ };
36
+ }
37
+ static get properties() {
38
+ return {
39
+ "code": {
40
+ "type": "string",
41
+ "mutable": false,
42
+ "complexType": {
43
+ "original": "string",
44
+ "resolved": "string",
45
+ "references": {}
46
+ },
47
+ "required": false,
48
+ "optional": false,
49
+ "docs": {
50
+ "tags": [],
51
+ "text": ""
52
+ },
53
+ "attribute": "code",
54
+ "reflect": false
55
+ },
56
+ "copyButtonText": {
57
+ "type": "string",
58
+ "mutable": false,
59
+ "complexType": {
60
+ "original": "string",
61
+ "resolved": "string",
62
+ "references": {}
63
+ },
64
+ "required": false,
65
+ "optional": false,
66
+ "docs": {
67
+ "tags": [],
68
+ "text": ""
69
+ },
70
+ "attribute": "copy-button-text",
71
+ "reflect": false,
72
+ "defaultValue": "\"Copy\""
73
+ },
74
+ "copiedButtonText": {
75
+ "type": "string",
76
+ "mutable": false,
77
+ "complexType": {
78
+ "original": "string",
79
+ "resolved": "string",
80
+ "references": {}
81
+ },
82
+ "required": false,
83
+ "optional": false,
84
+ "docs": {
85
+ "tags": [],
86
+ "text": ""
87
+ },
88
+ "attribute": "copied-button-text",
89
+ "reflect": false,
90
+ "defaultValue": "\"Copied!\""
91
+ }
92
+ };
93
+ }
94
+ static get states() {
95
+ return {
96
+ "copied": {}
97
+ };
98
+ }
99
+ static get elementRef() { return "el"; }
100
+ }
101
+ //# sourceMappingURL=code-snippet.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"code-snippet.js","sourceRoot":"","sources":["../../../src/components/code-snippet/code-snippet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,IAAI,MAAM,cAAc,CAAC;AAOhC,MAAM,OAAO,WAAW;;;8BAEW,MAAM;gCACJ,SAAS;sBAEjB,KAAK;;IAIhC,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAChE,IAAI,CAAC,gBAAgB,CAAC,KAAoB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;QACN,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,cAAc;YACvB,4DAAK,KAAK,EAAC,sBAAsB;gBAC/B,sEAAiB;gBACjB,+DAAQ,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IACvD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,YAAM,KAAK,EAAC,wBAAwB;oBAClC,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,EAAC,KAAK,EAAC,uBAAuB;wBAAC,gBAAU,MAAM,EAAC,gBAAgB,GAAY,CAAM;oBACrQ,IAAI,CAAC,gBAAgB,CACjB,CACR,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,wBAAwB;oBAClC,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,EAAC,KAAK,EAAC,sBAAsB;wBAAC,YAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAQ;wBAAA,YAAM,CAAC,EAAC,yDAAyD,GAAQ,CAAM;oBAC9V,IAAI,CAAC,cAAc,CACf,CACR,CACM,CACL;YACN,4DAAK,KAAK,EAAC,uBAAuB;gBAChC,+DAAO,IAAI,CAAC,IAAI,CAAQ,CACpB,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, State, h } from '@stencil/core';\nimport hljs from 'highlight.js';\n\n@Component({\n tag: 'code-snippet',\n styleUrl: 'code-snippet.css',\n shadow: true,\n})\nexport class CodeSnippet {\n @Prop() code: string;\n @Prop() copyButtonText: string = \"Copy\";\n @Prop() copiedButtonText: string = \"Copied!\";\n\n @State() copied: boolean = false;\n\n @Element() el: HTMLElement;\n\n componentDidLoad() {\n this.el.shadowRoot.querySelectorAll('pre code').forEach((block) => {\n hljs.highlightElement(block as HTMLElement);\n });\n }\n\n copyCode() {\n navigator.clipboard.writeText(this.code)\n this.copied = true;\n setTimeout(() => {\n this.copied = false;\n }, 2000);\n }\n\n render() {\n return (\n <div class=\"code-snippet\">\n <div class=\"code-snippet__header\">\n <span>Code</span>\n <button class=\"copy-button\" onClick={() => this.copyCode()}>\n {this.copied ? (\n <span class=\"copy-button__container\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n {this.copiedButtonText}\n </span>\n ) : (\n <span class=\"copy-button__container\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>\n {this.copyButtonText}\n </span>\n )}\n </button>\n </div>\n <pre class=\"code-snippet__content\">\n <code>{this.code}</code>\n </pre>\n </div>\n );\n }\n}\n"]}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @fileoverview entry point for your component library
3
+ *
4
+ * This is the entry point for your component library. Use this file to export utilities,
5
+ * constants or data structure that accompany your components.
6
+ *
7
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
8
+ * to consume components of this package as outlined in the `README.md`.
9
+ */
10
+ export { format } from './utils/utils';
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"]}
@@ -0,0 +1,33 @@
1
+ const BASE_URL = "https://app.biel.ai/api/v1";
2
+ export class BielService {
3
+ constructor(project, errorMessage404, errorMessage403, errorMessageDefault) {
4
+ this.project = project;
5
+ this.errorMessage404 = errorMessage404;
6
+ this.errorMessage403 = errorMessage403;
7
+ this.errorMessageDefault = errorMessageDefault;
8
+ }
9
+ async getProjectDetails() {
10
+ try {
11
+ const response = await fetch(`${BASE_URL}/projects/${this.project}`);
12
+ if (response.status === 404) {
13
+ return this.errorMessage404;
14
+ }
15
+ if (response.status === 403) {
16
+ return this.errorMessage403;
17
+ }
18
+ if (!response.ok) {
19
+ return this.errorMessageDefault;
20
+ }
21
+ const data = await response.json();
22
+ return {
23
+ whitelabel: data.whitelabel,
24
+ initialMessage: data.initial_message
25
+ };
26
+ }
27
+ catch (error) {
28
+ console.error('Error fetching project details:', error);
29
+ return this.errorMessageDefault;
30
+ }
31
+ }
32
+ }
33
+ //# sourceMappingURL=biel-service.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"biel-service.js","sourceRoot":"","sources":["../../src/services/biel-service.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,4BAA4B,CAAC;AAE9C,MAAM,OAAO,WAAW;IAMtB,YAAY,OAAe,EAAE,eAAuB,EAAE,eAAuB,EAAE,mBAA2B;QACtG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IACnD,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,QAAQ,aAAa,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YAErE,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC9B,CAAC;YAED,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC9B,CAAC;YAED,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,IAAI,CAAC,mBAAmB,CAAC;YAClC,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,OAAO;gBACL,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,cAAc,EAAE,IAAI,CAAC,eAAe;aACrC,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;YACxD,OAAO,IAAI,CAAC,mBAAmB,CAAC;QAClC,CAAC;IACH,CAAC;CACF","sourcesContent":["const BASE_URL = \"https://app.biel.ai/api/v1\";\n\nexport class BielService {\n private project: string;\n private errorMessage404: string;\n private errorMessage403: string;\n private errorMessageDefault: string;\n\n constructor(project: string, errorMessage404: string, errorMessage403: string, errorMessageDefault: string) {\n this.project = project;\n this.errorMessage404 = errorMessage404;\n this.errorMessage403 = errorMessage403;\n this.errorMessageDefault = errorMessageDefault;\n }\n\n async getProjectDetails(): Promise<{ whitelabel: boolean, initialMessage: string } | string> {\n try {\n const response = await fetch(`${BASE_URL}/projects/${this.project}`);\n\n if (response.status === 404) {\n return this.errorMessage404;\n }\n\n if (response.status === 403) {\n return this.errorMessage403;\n }\n\n if (!response.ok) {\n return this.errorMessageDefault;\n }\n\n const data = await response.json();\n return {\n whitelabel: data.whitelabel,\n initialMessage: data.initial_message\n };\n } catch (error) {\n console.error('Error fetching project details:', error);\n return this.errorMessageDefault;\n }\n }\n}\n"]}
@@ -0,0 +1,64 @@
1
+ const WS_URL = 'ws://app.biel.ai/ws/messages';
2
+ export class BielWebSocketService {
3
+ constructor(projectId, errorMessage) {
4
+ this.messageHandlers = [];
5
+ this.isConnected = false;
6
+ this.chatId = '';
7
+ this.projectId = projectId;
8
+ this.errorMessage = errorMessage;
9
+ this.connect();
10
+ }
11
+ connect() {
12
+ this.ws = new WebSocket(`${WS_URL}/${this.projectId}/`);
13
+ this.ws.onopen = () => {
14
+ this.isConnected = true;
15
+ };
16
+ this.ws.onmessage = (event) => {
17
+ const message = JSON.parse(event.data);
18
+ if (!this.chatId && message.chatId) {
19
+ this.chatId = message.chatId;
20
+ }
21
+ if (message.from) {
22
+ this.loadingEndHandler();
23
+ this.messageHandlers.forEach(handler => handler(message));
24
+ }
25
+ };
26
+ this.ws.onclose = () => {
27
+ this.isConnected = false;
28
+ };
29
+ this.ws.onerror = (error) => {
30
+ console.error('WebSocket error:', error);
31
+ this.isConnected = false;
32
+ this.loadingEndHandler();
33
+ };
34
+ }
35
+ sendMessage(message) {
36
+ const payload = {
37
+ projectId: this.projectId,
38
+ chatId: this.chatId,
39
+ url: window.location.href,
40
+ from: 'user',
41
+ message: message,
42
+ };
43
+ if (this.isConnected) {
44
+ this.ws.send(JSON.stringify(payload));
45
+ this.loadingStartHandler();
46
+ }
47
+ else {
48
+ this.messageHandlers.forEach(handler => handler({ message: this.errorMessage, from: 'ai' }));
49
+ }
50
+ }
51
+ closeSocket() {
52
+ this.ws.close();
53
+ }
54
+ onMessage(handler) {
55
+ this.messageHandlers.push(handler);
56
+ }
57
+ onLoadingStart(handler) {
58
+ this.loadingStartHandler = handler;
59
+ }
60
+ onLoadingEnd(handler) {
61
+ this.loadingEndHandler = handler;
62
+ }
63
+ }
64
+ //# sourceMappingURL=biel-websocket-service.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"biel-websocket-service.js","sourceRoot":"","sources":["../../src/services/biel-websocket-service.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,8BAA8B,CAAC;AAE9C,MAAM,OAAO,oBAAoB;IAU/B,YAAY,SAAiB,EAAE,YAAoB;QAR3C,oBAAe,GAA+B,EAAE,CAAC;QACjD,gBAAW,GAAY,KAAK,CAAC;QAE7B,WAAM,GAAW,EAAE,CAAC;QAM1B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,EAAE,GAAG,IAAI,SAAS,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QAExD,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACnC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC/B,CAAC;YACD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;gBACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YAC1B,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;IAEM,WAAW,CAAC,OAAe;QAChC,MAAM,OAAO,GAAG;YACd,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,OAAO;SACjB,CAAC;QACF,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC/F,CAAC;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;IAEM,SAAS,CAAC,OAA+B;QAC9C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAEM,cAAc,CAAC,OAAmB;QACvC,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;IACrC,CAAC;IAEM,YAAY,CAAC,OAAmB;QACrC,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC;IACnC,CAAC;CACF","sourcesContent":["const WS_URL = 'ws://app.biel.ai/ws/messages';\n\nexport class BielWebSocketService {\n private ws: WebSocket;\n private messageHandlers: ((message: any) => void)[] = [];\n private isConnected: boolean = false;\n private projectId: string;\n private chatId: string = '';\n private errorMessage: string;\n private loadingStartHandler: () => void;\n private loadingEndHandler: () => void;\n\n constructor(projectId: string, errorMessage: string) {\n this.projectId = projectId;\n this.errorMessage = errorMessage;\n this.connect();\n }\n\n private connect(): void {\n this.ws = new WebSocket(`${WS_URL}/${this.projectId}/`);\n\n this.ws.onopen = () => {\n this.isConnected = true;\n };\n\n this.ws.onmessage = (event) => {\n const message = JSON.parse(event.data);\n if (!this.chatId && message.chatId) {\n this.chatId = message.chatId;\n }\n if (message.from) {\n this.loadingEndHandler();\n this.messageHandlers.forEach(handler => handler(message));\n }\n };\n\n this.ws.onclose = () => {\n this.isConnected = false;\n };\n\n this.ws.onerror = (error) => {\n console.error('WebSocket error:', error);\n this.isConnected = false;\n this.loadingEndHandler();\n };\n }\n\n public sendMessage(message: string): void {\n const payload = {\n projectId: this.projectId,\n chatId: this.chatId,\n url: window.location.href,\n from: 'user',\n message: message,\n };\n if (this.isConnected) {\n this.ws.send(JSON.stringify(payload));\n this.loadingStartHandler();\n } else {\n this.messageHandlers.forEach(handler => handler({ message: this.errorMessage, from: 'ai' }));\n }\n }\n\n public closeSocket(): void {\n this.ws.close();\n }\n\n public onMessage(handler: (message: any) => void): void {\n this.messageHandlers.push(handler);\n }\n\n public onLoadingStart(handler: () => void): void {\n this.loadingStartHandler = handler;\n }\n\n public onLoadingEnd(handler: () => void): void {\n this.loadingEndHandler = handler;\n }\n}\n"]}
@@ -0,0 +1,4 @@
1
+ export function format(first, middle, last) {
2
+ return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
3
+ }
4
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;IAChE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first: string, middle: string, last: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface BielBot extends Components.BielBot, HTMLElement {}
4
+ export const BielBot: {
5
+ prototype: BielBot;
6
+ new (): BielBot;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,8 @@
1
+ import { B as BielBot$1, d as defineCustomElement$1 } from './p-b920c67f.js';
2
+
3
+ const BielBot = BielBot$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { BielBot, defineCustomElement };
7
+
8
+ //# sourceMappingURL=biel-bot.js.map
@@ -0,0 +1 @@
1
+ {"file":"biel-bot.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface BielButton extends Components.BielButton, HTMLElement {}
4
+ export const BielButton: {
5
+ prototype: BielButton;
6
+ new (): BielButton;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,152 @@
1
+ import { p as proxyCustomElement, H, h, d as Host } from './p-7b8b1ac3.js';
2
+ import { d as defineCustomElement$8 } from './p-b920c67f.js';
3
+ import { d as defineCustomElement$7 } from './p-fe8bcdeb.js';
4
+ import { d as defineCustomElement$6 } from './p-c94c3bd6.js';
5
+ import { d as defineCustomElement$5 } from './p-09743aa7.js';
6
+ import { d as defineCustomElement$4 } from './p-8e08748d.js';
7
+ import { d as defineCustomElement$3 } from './p-f4016e6d.js';
8
+ import { d as defineCustomElement$2 } from './p-5a2466bd.js';
9
+
10
+ const bielButtonCss = ".biel-button-content{cursor:pointer;max-width:fit-content;z-index:var(-biel-button-z-index)}.biel-button-content--light{align-items:center;background-color:var(--biel-button-light-bg-color);border-radius:var(--biel-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--biel-button-light-text-color);display:flex;font-family:var(--feedback-font-family);font-size:var(--biel-button-text-font-size);font-weight:var(--biel-button-text-font-weight);padding:8px 15px}.biel-button-content--dark{align-items:center;background-color:var(--biel-button-dark-bg-color);border-radius:var(--biel-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--biel-button-dark-text-color);display:flex;font-family:var(--feedback-font-family);font-weight:var(--biel-button-text-font-weight);font-size:var(--biel-button-text-font-size);padding:8px 15px}.biel-button-content--bottom-right{bottom:10px;position:fixed;right:10px}.biel-button-content--center-right{position:fixed;transform:rotate(-90deg) translateY(-50%);top:50%}.biel-button-content--center-right.biel-button-content--dark,.biel-button-content--center-right.biel-button-content--light{border-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.biel-button-content-icon{height:16px;margin-right:5px;width:16px}.biel-button-content--center-right .biel-button-content-icon{rotate:90deg}";
11
+ const BielButtonStyle0 = bielButtonCss;
12
+
13
+ const BielButton$1 = /*@__PURE__*/ proxyCustomElement(class BielButton extends H {
14
+ constructor() {
15
+ super();
16
+ this.__registerHost();
17
+ this.__attachShadow();
18
+ this.customFont = false;
19
+ this.project = '';
20
+ this.buttonStyle = 'default';
21
+ this.buttonPosition = 'default';
22
+ this.modalPosition = 'center';
23
+ this.hideIcon = false;
24
+ this.hideExpandButton = false;
25
+ this.expandModal = false;
26
+ this.errorMessage404 = "Oops! We could not find the provided project ID.";
27
+ this.errorMessage403 = "Oops! The request URL does not match the one defined for this project.";
28
+ this.errorMessageDefault = "Oops! Please try again later.";
29
+ this.footerText = "This AI is experimental. Always verify the answers before using them.";
30
+ }
31
+ connectedCallback() {
32
+ this.bielBot = document.createElement('biel-bot');
33
+ const props = [
34
+ 'modalPosition',
35
+ 'customFont',
36
+ 'project',
37
+ 'hideExpandButton',
38
+ 'expandModal',
39
+ 'errorMessage404',
40
+ 'errorMessage403',
41
+ 'errorMessageDefault',
42
+ 'footerText',
43
+ ];
44
+ props.forEach(prop => {
45
+ this.bielBot[prop] = this[prop];
46
+ });
47
+ document.body.appendChild(this.bielBot);
48
+ }
49
+ disconnectedCallback() {
50
+ document.body.removeChild(this.bielBot);
51
+ }
52
+ isSafariBrowser() {
53
+ const isSafari = /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);
54
+ return isSafari;
55
+ }
56
+ componentDidLoad() {
57
+ if (this.buttonPosition === 'center-right') {
58
+ const buttonContent = this.el.shadowRoot.querySelector('.biel-button-content');
59
+ let adjustment = 0;
60
+ if (this.isSafariBrowser()) {
61
+ adjustment = 10;
62
+ }
63
+ buttonContent.style.right = `${(buttonContent.offsetWidth + adjustment) / 2 * -1}px`;
64
+ }
65
+ if (!this.customFont) {
66
+ this.loadInterFont();
67
+ }
68
+ }
69
+ loadInterFont() {
70
+ const link = document.createElement('link');
71
+ link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
72
+ link.rel = 'stylesheet';
73
+ document.head.appendChild(link);
74
+ }
75
+ showModal() {
76
+ this.bielBot.showModal = true;
77
+ }
78
+ render() {
79
+ return (h(Host, { key: 'fefafe4081c2545a927f0dc153e516105376faf1' }, h("a", { key: 'ccf704b7d06b0a3a67c8c4d172b1a6eff24515c4', class: `biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`, onClick: () => this.showModal() }, !this.hideIcon && this.buttonStyle === 'dark' && (h("span", { key: '26f7e3ea098c8ba800c97d80aeaa984b7a7f7c46', class: "biel-button-content-icon" }, h("svg", { key: '9d9a30872f17b34432c26f422021712abce413bd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-edit-3" }, h("path", { key: '8ba714fb2be9051b44be5d1488db23f5031152fc', d: "M12 20h9" }), h("path", { key: '54c3fb22298ae18acd5ba9d322e9ac783dc997a8', d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), !this.hideIcon && this.buttonStyle === 'light' && (h("span", { key: '8a6b0039b86c4694c61cb0106e665dbcb4970b7d', class: "biel-button-content-icon" }, h("svg", { key: 'f343877b86e6c68b20b1372d6c5e3a992f8153ac', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#0070F4", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-edit-3" }, h("path", { key: '3928d5d90384fee101d555191604455fd11e08da', d: "M12 20h9" }), h("path", { key: 'b33b4b21494843c23528082329a09b798623d5fb', d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), h("slot", { key: '47b3047e7de5e47a6d337649c24bd9a3b71ed23b' }))));
80
+ }
81
+ get el() { return this; }
82
+ static get style() { return BielButtonStyle0; }
83
+ }, [1, "biel-button", {
84
+ "customFont": [4, "custom-font"],
85
+ "project": [1],
86
+ "buttonStyle": [1, "button-style"],
87
+ "buttonPosition": [1, "button-position"],
88
+ "modalPosition": [1, "modal-position"],
89
+ "hideIcon": [4, "hide-icon"],
90
+ "hideExpandButton": [4, "hide-expand-button"],
91
+ "expandModal": [4, "expand-modal"],
92
+ "errorMessage404": [1, "error-message-4-0-4"],
93
+ "errorMessage403": [1, "error-message-4-0-3"],
94
+ "errorMessageDefault": [1, "error-message-default"],
95
+ "footerText": [1, "footer-text"]
96
+ }]);
97
+ function defineCustomElement$1() {
98
+ if (typeof customElements === "undefined") {
99
+ return;
100
+ }
101
+ const components = ["biel-button", "biel-bot", "biel-chat", "biel-header", "biel-input", "biel-message", "biel-table", "code-snippet"];
102
+ components.forEach(tagName => { switch (tagName) {
103
+ case "biel-button":
104
+ if (!customElements.get(tagName)) {
105
+ customElements.define(tagName, BielButton$1);
106
+ }
107
+ break;
108
+ case "biel-bot":
109
+ if (!customElements.get(tagName)) {
110
+ defineCustomElement$8();
111
+ }
112
+ break;
113
+ case "biel-chat":
114
+ if (!customElements.get(tagName)) {
115
+ defineCustomElement$7();
116
+ }
117
+ break;
118
+ case "biel-header":
119
+ if (!customElements.get(tagName)) {
120
+ defineCustomElement$6();
121
+ }
122
+ break;
123
+ case "biel-input":
124
+ if (!customElements.get(tagName)) {
125
+ defineCustomElement$5();
126
+ }
127
+ break;
128
+ case "biel-message":
129
+ if (!customElements.get(tagName)) {
130
+ defineCustomElement$4();
131
+ }
132
+ break;
133
+ case "biel-table":
134
+ if (!customElements.get(tagName)) {
135
+ defineCustomElement$3();
136
+ }
137
+ break;
138
+ case "code-snippet":
139
+ if (!customElements.get(tagName)) {
140
+ defineCustomElement$2();
141
+ }
142
+ break;
143
+ } });
144
+ }
145
+ defineCustomElement$1();
146
+
147
+ const BielButton = BielButton$1;
148
+ const defineCustomElement = defineCustomElement$1;
149
+
150
+ export { BielButton, defineCustomElement };
151
+
152
+ //# sourceMappingURL=biel-button.js.map
@@ -0,0 +1 @@
1
+ {"file":"biel-button.js","mappings":"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","names":["BielButton"],"sources":["src/components/biel-button/biel-button.css?tag=biel-button&encapsulation=shadow","src/components/biel-button/biel-button.tsx"],"sourcesContent":[".biel-button-content {\n cursor: pointer;\n max-width: fit-content;\n z-index: var(-biel-button-z-index);\n}\n\n.biel-button-content--light{\n align-items: center;\n background-color: var(--biel-button-light-bg-color);\n border-radius: var(--biel-button-border-radius);\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n box-sizing: border-box;\n color: var(--biel-button-light-text-color);\n display: flex;\n font-family: var(--feedback-font-family);\n font-size: var(--biel-button-text-font-size);\n font-weight: var(--biel-button-text-font-weight);\n padding: 8px 15px;\n}\n\n.biel-button-content--dark{\n align-items: center;\n background-color: var(--biel-button-dark-bg-color);\n border-radius: var(--biel-button-border-radius);\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n box-sizing: border-box;\n color: var(--biel-button-dark-text-color);\n display: flex;\n font-family: var(--feedback-font-family);\n font-weight: var(--biel-button-text-font-weight);\n font-size: var(--biel-button-text-font-size);\n padding: 8px 15px;\n}\n\n.biel-button-content--bottom-right{\n bottom: 10px;\n position: fixed;\n right: 10px;\n}\n\n.biel-button-content--center-right{\n position: fixed;\n transform: rotate(-90deg) translateY(-50%);\n top: 50%;\n}\n\n.biel-button-content--center-right.biel-button-content--dark,\n.biel-button-content--center-right.biel-button-content--light {\n border-radius: 4px;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n\n\n.biel-button-content-icon {\n height: 16px;\n margin-right: 5px;\n width: 16px;\n}\n\n.biel-button-content--center-right .biel-button-content-icon {\n rotate: 90deg;\n}","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biel-button',\n styleUrl: 'biel-button.css',\n shadow: true,\n})\nexport class BielButton {\n\n bielBot: any;\n @Element() el: HTMLElement;\n @Prop() customFont: boolean = false;\n @Prop() project: string = '';\n @Prop() buttonStyle: string = 'default';\n @Prop() buttonPosition: string = 'default';\n @Prop() modalPosition: string = 'center';\n @Prop() hideIcon: boolean = false;\n @Prop() hideExpandButton: boolean = false;\n @Prop() expandModal: boolean = false;\n @Prop() errorMessage404: string = \"Oops! We could not find the provided project ID.\";\n @Prop() errorMessage403: string = \"Oops! The request URL does not match the one defined for this project.\";\n @Prop() errorMessageDefault: string = \"Oops! Please try again later.\";\n @Prop() footerText: string = \"This AI is experimental. Always verify the answers before using them.\";\n\n connectedCallback() {\n this.bielBot = document.createElement('biel-bot');\n const props = [\n 'modalPosition',\n 'customFont',\n 'project',\n 'hideExpandButton',\n 'expandModal',\n 'errorMessage404',\n 'errorMessage403',\n 'errorMessageDefault',\n 'footerText',\n ];\n\n props.forEach(prop => {\n this.bielBot[prop] = this[prop];\n });\n\n document.body.appendChild(this.bielBot);\n }\n\n disconnectedCallback() {\n document.body.removeChild(this.bielBot);\n }\n\n isSafariBrowser() {\n const isSafari = /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);\n return isSafari;\n }\n\n componentDidLoad() {\n if (this.buttonPosition === 'center-right') {\n const buttonContent = this.el.shadowRoot.querySelector('.biel-button-content') as HTMLElement;\n let adjustment = 0;\n if (this.isSafariBrowser()) {\n adjustment = 10;\n }\n buttonContent.style.right = `${(buttonContent.offsetWidth + adjustment) / 2 * -1}px`;\n }\n if (!this.customFont) {\n this.loadInterFont();\n }\n }\n\n loadInterFont() {\n const link = document.createElement('link');\n link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';\n link.rel = 'stylesheet';\n document.head.appendChild(link);\n }\n\n showModal() {\n this.bielBot.showModal = true;\n }\n\n render() {\n return (\n <Host>\n <a class={`biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`} onClick={() => this.showModal()}>\n {!this.hideIcon && this.buttonStyle === 'dark' && (\n <span class=\"biel-button-content-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>\n </span>\n )}\n {!this.hideIcon && this.buttonStyle === 'light' && (\n <span class=\"biel-button-content-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0070F4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>\n </span>\n )}\n <slot />\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface BielChat extends Components.BielChat, HTMLElement {}
4
+ export const BielChat: {
5
+ prototype: BielChat;
6
+ new (): BielChat;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,8 @@
1
+ import { B as BielChat$1, d as defineCustomElement$1 } from './p-fe8bcdeb.js';
2
+
3
+ const BielChat = BielChat$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { BielChat, defineCustomElement };
7
+
8
+ //# sourceMappingURL=biel-chat.js.map