@cling-se/widget 0.14.3 → 0.14.4

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 (134) hide show
  1. package/.eslintrc.cjs +4 -4
  2. package/README.md +40 -40
  3. package/package.json +1 -1
  4. package/tsconfig.json +26 -26
  5. package/tsconfig.node.json +10 -10
  6. package/tsconfig.paths.json +17 -17
  7. package/vite.config.ts +61 -61
  8. package/dist/AddClientCallout-DKH-LP5B.js +0 -46
  9. package/dist/AnswerModal-BCbq8wc4.js +0 -3869
  10. package/dist/AttachmentItem-60CSZnkF.js +0 -78
  11. package/dist/BaseDatePicker-Cl8SnC1k.js +0 -3183
  12. package/dist/BaseUpload-D4FCjlhL.js +0 -1977
  13. package/dist/BlockMedia-CqkwdGnE.js +0 -76
  14. package/dist/CCallout-BTBgU8f-.js +0 -59
  15. package/dist/CCurrencyDropdown-CL32Mo-Y.js +0 -246
  16. package/dist/CDropdownItem-DlWtQwO6.js +0 -538
  17. package/dist/CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js +0 -1
  18. package/dist/CFormField-BxJv-nUO.js +0 -241
  19. package/dist/CPhoneFormat-CJ9kndtJ.js +0 -62
  20. package/dist/CPriceInput-BpXI5X2j.js +0 -112
  21. package/dist/CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js +0 -1
  22. package/dist/ClientAutocomplete-D9Dj9iBW.js +0 -78
  23. package/dist/ClientModal-JOt8NGcR.js +0 -625
  24. package/dist/ColorPicker-uPKD-Gvm.js +0 -2879
  25. package/dist/CompanyModal-7bG0iIRd.js +0 -141
  26. package/dist/ContentWrapper-B2nyZHL4.js +0 -183
  27. package/dist/CoverBlockSettings-C1O_FAde.js +0 -275
  28. package/dist/DocAnswer-B9G-y4Px.js +0 -36
  29. package/dist/DocDetails-DYHxKChO.js +0 -246
  30. package/dist/DocForm-BktEXjML.js +0 -7273
  31. package/dist/DocFormSend-DM6QgUOj.js +0 -143
  32. package/dist/DocLinks-BIGwfB3H.js +0 -38
  33. package/dist/DocModalBase-D5GdwTI7.js +0 -28
  34. package/dist/DocPrint-HqbaIGms.js +0 -240
  35. package/dist/DocReceipt-WXo6vWyW.js +0 -210
  36. package/dist/DocSendReminder-C8dNEpLg.js +0 -137
  37. package/dist/DocTextEditor-BfOZFDTP.js +0 -17177
  38. package/dist/DocTimeline-CitwS9px.js +0 -481
  39. package/dist/DocumentClient-CQ_z8ajY.js +0 -136
  40. package/dist/DocumentLayout-BA7mFfZh.js +0 -4909
  41. package/dist/DocumentLogotype-woc_hfll.js +0 -87
  42. package/dist/DocumentVoided-DC4FzpxG.js +0 -25
  43. package/dist/EmbedInput-CheqYcNr.js +0 -113
  44. package/dist/EmbedSettings-YcwM8hJw.js +0 -72
  45. package/dist/ErrorCallout-6pCYcx00.js +0 -28
  46. package/dist/FilePreviewModal-T8AiphqO.js +0 -81
  47. package/dist/Flag-Ddm6a4Il.js +0 -114
  48. package/dist/HeaderSettings-DHdZweJH.js +0 -392
  49. package/dist/ImageSelectModal-CAoBhnI8.js +0 -84
  50. package/dist/ImageUploadWrapper-CNv59Lhh.js +0 -1604
  51. package/dist/Index-B6S9U4Z-.js +0 -26
  52. package/dist/Index-BHX0D5fW.js +0 -559
  53. package/dist/Index-BL_7m5Ca.js +0 -70
  54. package/dist/Index-BXMXEUfo.js +0 -223
  55. package/dist/Index-BhVBvMu6.js +0 -32
  56. package/dist/Index-Bl_SNW80.js +0 -25
  57. package/dist/Index-BsguntKl.js +0 -21
  58. package/dist/Index-CGYjPfsf.js +0 -2402
  59. package/dist/Index-CKrGb3of.js +0 -61
  60. package/dist/Index-CMNrQo5a.js +0 -140
  61. package/dist/Index-CU50Al5c.js +0 -642
  62. package/dist/Index-CdqrrZxd.js +0 -77
  63. package/dist/Index-CfnL9dAw.js +0 -58
  64. package/dist/Index-CuW0MYrT.js +0 -171
  65. package/dist/Index-D-z8JSn6.js +0 -154
  66. package/dist/Index-D8giJ_bs.js +0 -84
  67. package/dist/Index-DDvfqy_h.js +0 -24
  68. package/dist/Index-DQDalqZ-.js +0 -107
  69. package/dist/Index-DTIPKKkV.js +0 -150
  70. package/dist/Index-DWxzUBff.js +0 -754
  71. package/dist/Index-DaNGeDQw.js +0 -144
  72. package/dist/Index-DfLU_AyN.js +0 -49
  73. package/dist/Index-DkVav_I7.js +0 -25
  74. package/dist/Index-Dxp8QAtB.js +0 -57
  75. package/dist/Index-DzjxFkcv.js +0 -52
  76. package/dist/Index-EwUJJWaB.js +0 -69
  77. package/dist/Index-I60qAqLl.js +0 -31
  78. package/dist/Index-LfF-7lQK.js +0 -292
  79. package/dist/Index-P0_dyc2V.js +0 -45
  80. package/dist/Index-RQMPSeHw.js +0 -98
  81. package/dist/Index-oipNLl3Y.js +0 -46
  82. package/dist/Index-sJq2Iyvt.js +0 -62
  83. package/dist/Index-uubi3NHX.js +0 -33
  84. package/dist/Index-vNj2kYZT.js +0 -55
  85. package/dist/InputToggleRow-B2pWvVyx.js +0 -57
  86. package/dist/ManualPopover-BI_Sf1zG.js +0 -54
  87. package/dist/MediaWrapper-eFpWxv3n.js +0 -23
  88. package/dist/NotBindingText-DA5NpePz.js +0 -32
  89. package/dist/PackageGroup-DOSijBdN.js +0 -699
  90. package/dist/PdfTerms-Q5YuVtrJ.js +0 -36
  91. package/dist/PdfViewer-zcWl8XZT.js +0 -374
  92. package/dist/PlainHtml-BmA83UAm.js +0 -20
  93. package/dist/PriceHeader-C14L5zgG.js +0 -339
  94. package/dist/SearchApi-CGT7-jVf.js +0 -161
  95. package/dist/Setup-RJQvZlDO.js +0 -50
  96. package/dist/SmartList-YosKRPVn.js +0 -83
  97. package/dist/TermsSettings-C5JTv7rT.js +0 -102
  98. package/dist/ThemeColorRow-D-C_tm2f.js +0 -63
  99. package/dist/ToggleBinding-KEVHHvKf.js +0 -38
  100. package/dist/UploadModal-DOYoWELI.js +0 -95
  101. package/dist/VideoPlayerInput-Dxb6CNk-.js +0 -93
  102. package/dist/VideoPlayerSettings-DsVN4Ix-.js +0 -61
  103. package/dist/VideoSelectModal-BpfzNx61.js +0 -100
  104. package/dist/anime.es-BrPTThYb.js +0 -858
  105. package/dist/answerDocumentMixin-BJMGrfUs.js +0 -51
  106. package/dist/color-TdtKxwVa.js +0 -19
  107. package/dist/debounce-BN83gOVd.js +0 -84
  108. package/dist/dom-CJxkno7i.js +0 -91
  109. package/dist/favicon.ico +0 -0
  110. package/dist/focusDrawerMixin-CawyQaGq.js +0 -22
  111. package/dist/formComponentsInstall-jcnyQ1zw.js +0 -2494
  112. package/dist/formDrawerState-BdNohvZH.js +0 -20
  113. package/dist/formValidationMixin-DOwgebZk.js +0 -49
  114. package/dist/i18nMessages-Chz_lxGG.js +0 -17
  115. package/dist/index-BBJIOkm_.js +0 -347
  116. package/dist/index-BNq9YCWc.js +0 -166
  117. package/dist/index-BdhbkLLU.js +0 -81
  118. package/dist/index-COf8F6CL.js +0 -3916
  119. package/dist/index-D0WvZHX_.js +0 -102
  120. package/dist/index-DTzZP4yq.js +0 -492
  121. package/dist/index.es.js +0 -35
  122. package/dist/index.umd.js +0 -3148
  123. package/dist/main-DE5THsiR.js +0 -56739
  124. package/dist/mapFormMixin-y2txvLw9.js +0 -72
  125. package/dist/omit-BrsWQAtU.js +0 -31
  126. package/dist/publicSenderState-BYsq95Vt.js +0 -21
  127. package/dist/splitpanes-BHUVsCZF.js +0 -382
  128. package/dist/style.css +0 -4
  129. package/dist/throttle-C2srA2wa.js +0 -18
  130. package/dist/tinycolor-SjV_ROuP.js +0 -633
  131. package/dist/tippy.esm-Dj7DQppr.js +0 -1799
  132. package/dist/utils-16HMuRfY.js +0 -108
  133. package/dist/vuedraggable.umd-Cd1g2Hr7.js +0 -3161
  134. package/dist/vuex.esm-DKGl8mcw.js +0 -467
@@ -1,20 +0,0 @@
1
- import { V as s } from "./main-DE5THsiR.js";
2
- const e = s.observable({
3
- isFixed: !1,
4
- // Worded according to CSS property (show as fixed drawer)
5
- showLeft: !1,
6
- savedLeftState: !1,
7
- openSection: null
8
- });
9
- e.setLeft = (t) => {
10
- e.showLeft = !!t, e.savedLeftState = e.showLeft;
11
- };
12
- e.toggleLeft = () => {
13
- e.showLeft = !e.showLeft, e.savedLeftState = e.showLeft;
14
- };
15
- e.useSavedLeftState = () => {
16
- e.showLeft = e.savedLeftState;
17
- };
18
- export {
19
- e as s
20
- };
@@ -1,49 +0,0 @@
1
- import { h as n } from "./main-DE5THsiR.js";
2
- import { s as l } from "./dom-CJxkno7i.js";
3
- const s = (r) => {
4
- var i;
5
- const t = [];
6
- return (i = r.$options) != null && i.validations && t.push(r), r.$children && r.$children.forEach((o) => t.push(...s(o))), t;
7
- }, m = {
8
- provide() {
9
- return {
10
- formValidation: {
11
- isFormValid: this.isFormValid,
12
- scrollToInvalidInput: this.scrollToInvalidInput
13
- }
14
- };
15
- },
16
- data() {
17
- return {
18
- _formItems: []
19
- };
20
- },
21
- created() {
22
- this._formItems = s(this);
23
- },
24
- methods: {
25
- _getInvalidInputs() {
26
- return this._formItems.filter((r) => {
27
- var t;
28
- return (t = r.$v) == null ? void 0 : t.$invalid;
29
- });
30
- },
31
- isFormValid() {
32
- return this._formItems.every((r) => {
33
- var t, i;
34
- return (t = r.$v) == null || t.$touch(), !((i = r.$v) != null && i.$invalid);
35
- });
36
- },
37
- scrollToInvalidInput({ offset: r = 0 } = {}) {
38
- try {
39
- const [t] = this._getInvalidInputs();
40
- t != null && t.$el && l(t.$el, { offset: r });
41
- } catch (t) {
42
- n(t);
43
- }
44
- }
45
- }
46
- };
47
- export {
48
- m as f
49
- };
@@ -1,17 +0,0 @@
1
- const e = {
2
- en: {
3
- name: {
4
- placeholder: "Document name"
5
- },
6
- estimatedTime: "Estimated time"
7
- },
8
- sv: {
9
- name: {
10
- placeholder: "Namn på dokumentet"
11
- },
12
- estimatedTime: "Tidsåtgång"
13
- }
14
- };
15
- export {
16
- e as i
17
- };
@@ -1,347 +0,0 @@
1
- import { w as m } from "./CDropdownItem-DlWtQwO6.js";
2
- import { n as o, E as f, S as v, g as i, h as l } from "./main-DE5THsiR.js";
3
- import { m as h, a as d, b as _ } from "./vuex.esm-DKGl8mcw.js";
4
- import { B as p } from "./DocTextEditor-BfOZFDTP.js";
5
- import { v as r } from "./index-DTzZP4yq.js";
6
- import { S as g } from "./SmartList-YosKRPVn.js";
7
- const x = {
8
- mixins: [m],
9
- props: {
10
- placement: {
11
- type: String,
12
- default: "top-start"
13
- }
14
- },
15
- data() {
16
- return {
17
- isOpen: !1
18
- };
19
- },
20
- methods: {
21
- onOpen() {
22
- this.$emit("open"), this.isOpen = !0;
23
- },
24
- onClose() {
25
- this.$emit("close"), this.isOpen = !1;
26
- }
27
- }
28
- };
29
- var C = function() {
30
- var e = this, t = e._self._c;
31
- return e.mq === "sm" ? t("div", [t("div", { on: { click: e.onOpen } }, [e._t("default")], 2), e.isOpen ? t("portal", { attrs: { to: "modal" } }, [t("div", { staticClass: "modal-overlay", on: { click: function(a) {
32
- return a.target !== a.currentTarget ? null : e.onClose.apply(null, arguments);
33
- } } }, [t("div", { staticClass: "modal-container" }, [e._t("popover", null, { close: e.onClose })], 2)])]) : e._e()], 1) : t("v-popover", e._b({ attrs: { open: e.isOpen, placement: e.placement, "popover-class": "reset" }, on: { close: function(a) {
34
- return e.onClose();
35
- }, "update:open": function(a) {
36
- a ? e.onOpen() : e.onClose();
37
- } } }, "v-popover", e.$props, !1), [e._t("default"), t("div", { staticClass: "popover-container", attrs: { slot: "popover" }, slot: "popover" }, [e.isOpen ? t("portal", { attrs: { to: "modal" } }, [t("div", { staticClass: "overlay" })]) : e._e(), e._t("popover", null, { close: e.onClose })], 2)], 2);
38
- }, T = [], $ = /* @__PURE__ */ o(
39
- x,
40
- C,
41
- T,
42
- !1,
43
- null,
44
- "da5fd556"
45
- );
46
- const S = $.exports, { mapFields: y } = f({
47
- getterType: "forms/getField",
48
- mutationType: "forms/updateField"
49
- }), b = {
50
- i18nOptions: {
51
- namespaces: "TextTemplatesForm",
52
- messages: {
53
- en: {
54
- textLabel: "Snippet",
55
- name: {
56
- label: "Template Name",
57
- placeholder: "Name"
58
- },
59
- placeholderType: {
60
- default: "Write here..."
61
- },
62
- validations: {
63
- name: {
64
- required: "Name is required",
65
- maxLength: "Maximum length is 256 characters"
66
- },
67
- textContent: {
68
- required: "Add some content"
69
- }
70
- }
71
- },
72
- sv: {
73
- textLabel: "Mallens innehåll",
74
- name: {
75
- label: "Namn på mallen",
76
- placeholder: "Mallens namn"
77
- },
78
- placeholderType: {
79
- default: "Skriv här..."
80
- },
81
- validations: {
82
- name: {
83
- required: "Ge mallen ett namn",
84
- maxLength: "Får max vara 256 tecken långt"
85
- },
86
- textContent: {
87
- required: "Skriv vad mallen ska innehålla"
88
- }
89
- }
90
- }
91
- }
92
- },
93
- name: "TextTemplatesForm",
94
- components: {
95
- BaseTextEditor: p,
96
- Spinner: v
97
- },
98
- props: {
99
- id: {
100
- type: [String, Number],
101
- default: null
102
- },
103
- predefinedTextContent: {
104
- type: String,
105
- default: null
106
- },
107
- onAfterSubmit: {
108
- type: Function,
109
- default: null
110
- },
111
- showFixedCloseButton: {
112
- type: Boolean,
113
- default: !1
114
- }
115
- },
116
- validations: {
117
- name: {
118
- required: r.required,
119
- maxLength: r.maxLength(255)
120
- },
121
- textContent: {
122
- required: r.required
123
- }
124
- },
125
- computed: {
126
- ...h({
127
- isPosting: "templateMessages/isPosting",
128
- isFetching: "templateMessages/isFetching",
129
- checkFormChanged: "forms/hasChanged"
130
- }),
131
- ...y({
132
- templateMessage: "templateMessage",
133
- name: "templateMessage.name",
134
- textContent: "templateMessage.message"
135
- }),
136
- messages() {
137
- return {
138
- name: {
139
- required: this.$t("validations.name.required"),
140
- maxLength: this.$t("validations.name.maxLength")
141
- },
142
- textContent: {
143
- required: this.$t("validations.textContent.required")
144
- }
145
- };
146
- },
147
- hasChanged() {
148
- return this.checkFormChanged("templateMessage");
149
- }
150
- },
151
- watch: {
152
- id() {
153
- this.load();
154
- }
155
- },
156
- mounted() {
157
- this.load(), this.predefinedTextContent && (this.textContent = this.predefinedTextContent);
158
- },
159
- methods: {
160
- ...d({
161
- loadTemplate: i.LOAD_TEMPLATE_MESSAGE,
162
- deleteTemplate: i.DELETE_TEMPLATE_MESSAGE,
163
- formNewTemplate: i.FORM_NEW_TEMPLATE_MESSAGE,
164
- formEditTemplate: i.FORM_EDIT_TEMPLATE_MESSAGE,
165
- formSubmitTemplate: i.FORM_SUBMIT_TEMPLATE_MESSAGE
166
- }),
167
- canLeave() {
168
- return !this.hasChanged;
169
- },
170
- async load() {
171
- try {
172
- this.id ? (await this.loadTemplate({
173
- id: this.id
174
- }), await this.formEditTemplate({
175
- id: this.id
176
- })) : await this.formNewTemplate();
177
- } catch (s) {
178
- l(s);
179
- }
180
- },
181
- validateBeforeSubmit() {
182
- return this.$v.$touch(), this.$v.$invalid ? !1 : this.submit();
183
- },
184
- async submit() {
185
- if (this.hasChanged)
186
- try {
187
- await this.formSubmitTemplate(), typeof this.onAfterSubmit == "function" && this.onAfterSubmit();
188
- } catch (s) {
189
- l(s);
190
- }
191
- },
192
- async remove() {
193
- try {
194
- await this.deleteTemplate({ id: this.id }), typeof this.onAfterSubmit == "function" && this.onAfterSubmit();
195
- } catch (s) {
196
- l(s);
197
- }
198
- }
199
- }
200
- };
201
- var M = function() {
202
- var e = this, t = e._self._c;
203
- return t("div", { staticStyle: { position: "relative" } }, [e.showFixedCloseButton ? t("CButton", { staticClass: "fixed-close-button", attrs: { circle: "", icon: "x" }, on: { click: function(a) {
204
- return e.$emit("close");
205
- } } }) : e._e(), e.isFetching ? t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "calc(3 * var(--rem)) 0" } }, [t("Spinner")], 1) : e.templateMessage !== void 0 ? t("form", [t("CField", { attrs: { validator: e.$v.name, messages: e.messages.name, label: e.$t("name.label") } }, [t("CInput", { attrs: { placeholder: e.$t("name.placeholder") }, on: { blur: function(a) {
206
- return e.$v.name.$touch();
207
- } }, model: { value: e.name, callback: function(a) {
208
- e.name = a;
209
- }, expression: "name" } })], 1), t("CField", { attrs: { validator: e.$v.textContent, messages: e.messages.textContent, label: e.$t("textLabel") } }, [t("BaseTextEditor", { attrs: { placeholder: e.$t("placeholderType.default"), "class-list": "large" }, on: { blur: function(a) {
210
- return e.$v.textContent.$touch();
211
- } }, model: { value: e.textContent, callback: function(a) {
212
- e.textContent = a;
213
- }, expression: "textContent" } })], 1), t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, disabled: !e.hasChanged, type: "secondary", icon: "save", wide: "" }, on: { click: function(a) {
214
- return e.validateBeforeSubmit();
215
- } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")]), e.id ? t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", pattern: "tertiary", wide: "" }, on: { click: function(a) {
216
- return e.remove();
217
- } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")]) : e._e()], 1) : e._e()], 1);
218
- }, E = [], w = /* @__PURE__ */ o(
219
- b,
220
- M,
221
- E,
222
- !1,
223
- null,
224
- "e14860e7"
225
- );
226
- const F = w.exports, k = {
227
- name: "TextTemplatesModal",
228
- components: {
229
- SmartList: g,
230
- BaseTextEditor: p
231
- },
232
- mixins: [m],
233
- data() {
234
- return {
235
- selectedIndex: 0,
236
- query: ""
237
- };
238
- },
239
- computed: {
240
- ..._("templateMessages", {
241
- templateMessages: (s) => s.data
242
- }),
243
- templates() {
244
- return Object.values(this.templateMessages);
245
- }
246
- },
247
- methods: {
248
- onSelect(s) {
249
- this.$emit("select", s), this.close();
250
- },
251
- close() {
252
- this.$emit("close");
253
- },
254
- openCreateModal() {
255
- this.close(), this.$modal.show(
256
- F,
257
- {
258
- predefinedTextContent: "",
259
- showFixedCloseButton: !0,
260
- onAfterSubmit: () => this.$modal.hide("saveTemplateModal")
261
- },
262
- {
263
- name: "saveTemplateModal",
264
- delay: 100,
265
- adaptive: !0,
266
- height: "auto",
267
- width: "90%",
268
- maxWidth: 500,
269
- scrollable: !0,
270
- classes: "overflow-visible default"
271
- }
272
- );
273
- }
274
- }
275
- };
276
- var q = function() {
277
- var e = this, t = e._self._c;
278
- return t("SmartList", { attrs: { items: e.templates, "sort-key": "position", query: e.query }, scopedSlots: e._u([{ key: "default", fn: function({ items: a }) {
279
- return [t("div", { ref: "modal-container", staticClass: "font-inter t-modal" }, [t("div", { staticClass: "t-nav" }, [t("CInput", { ref: "searchInput", staticClass: "search-input focus:text-gray-500", attrs: { placeholder: e.$t("search"), icon: "search" }, on: { input: function(n) {
280
- e.selectedIndex = 0;
281
- } }, model: { value: e.query, callback: function(n) {
282
- e.query = n;
283
- }, expression: "query" } })], 1), t("div", { staticClass: "t-main" }, [t("div", { staticClass: "t-list" }, e._l(a, function(n, c) {
284
- return t("div", { key: n.id, staticClass: "t-list-item truncate-text", class: { selected: c === e.selectedIndex }, on: { "&mouseover": function(u) {
285
- e.selectedIndex = c;
286
- }, click: function(u) {
287
- return e.onSelect(a[e.selectedIndex].message || "");
288
- } } }, [e._v(" " + e._s(n.name) + " ")]);
289
- }), 0), e.mq !== "sm" ? t("div", { staticClass: "t-text quill-format" }, [a[e.selectedIndex] ? t("BaseTextEditor", { attrs: { value: a[e.selectedIndex].message || "", editable: !1, extensions: "all", "class-list": "document-form", unstyled: "" } }) : t("div", [e._v(" " + e._s(e.$t("noResults")) + " ")])], 1) : e._e()]), t("div", { staticClass: "t-footer flex w-full items-center justify-between" }, [t("div", { staticStyle: { display: "inline-flex", "align-items": "center" } }), t("div", [t("CButton", { staticClass: "t-footer-button", attrs: { to: { name: "settingsTemplates" }, target: "_blank", size: "small" } }, [e._v(" " + e._s(e.$t("handle")) + " "), t("CIcon", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "new-window", size: "16" } })], 1), t("CButton", { staticClass: "t-footer-button", attrs: { size: "small" }, on: { click: e.openCreateModal } }, [e._v(" " + e._s(e.$t("create", { thing: e.$t("template") })) + " ")])], 1)])])];
290
- } }]) });
291
- }, A = [], L = /* @__PURE__ */ o(
292
- k,
293
- q,
294
- A,
295
- !1,
296
- null,
297
- "9d6f8cd8"
298
- );
299
- const B = L.exports, O = {
300
- name: "TextTemplates",
301
- components: {
302
- ContextModal: S,
303
- TextTemplatesModal: B
304
- },
305
- inject: {
306
- viewSettings: {
307
- default: () => ({ isPublicForm: !1 })
308
- }
309
- },
310
- props: {
311
- placement: {
312
- type: String,
313
- default: "left"
314
- }
315
- },
316
- created() {
317
- this.viewSettings.isPublicForm || this.loadTemplateMessages();
318
- },
319
- methods: {
320
- ...d({
321
- loadTemplateMessages: i.LOAD_TEMPLATE_MESSAGES
322
- })
323
- }
324
- };
325
- var I = function() {
326
- var e = this, t = e._self._c;
327
- return e.viewSettings.isPublicForm ? e._e() : t("div", { staticClass: "t-list" }, [t("ContextModal", { attrs: { "break-point": 1e3, placement: e.placement }, on: { open: function(a) {
328
- return e.$emit("open");
329
- }, close: function(a) {
330
- return e.$emit("close");
331
- } }, scopedSlots: e._u([{ key: "popover", fn: function({ close: a }) {
332
- return [t("TextTemplatesModal", { on: { close: a, select: function(n) {
333
- return e.$emit("select", n);
334
- } } })];
335
- } }], null, !1, 1240188552) }, [t("div", { staticClass: "t-option main" }, [e._t("default")], 2)])], 1);
336
- }, P = [], G = /* @__PURE__ */ o(
337
- O,
338
- I,
339
- P,
340
- !1,
341
- null,
342
- null
343
- );
344
- const H = G.exports;
345
- export {
346
- H as default
347
- };
@@ -1,166 +0,0 @@
1
- import { s as n, F as o } from "./Flag-Ddm6a4Il.js";
2
- import { w as c } from "./CDropdownItem-DlWtQwO6.js";
3
- import { n as a } from "./main-DE5THsiR.js";
4
- import { i as d } from "./dom-CJxkno7i.js";
5
- import { d as u } from "./debounce-BN83gOVd.js";
6
- import { t as m } from "./throttle-C2srA2wa.js";
7
- const f = {
8
- name: "BackgroundsModalList",
9
- i18nOptions: {
10
- namespaces: "backgroundsModalList",
11
- messages: {
12
- en: {
13
- searchPlaceholder: "Search",
14
- noMoreResults: "No more results"
15
- },
16
- sv: {
17
- searchPlaceholder: "Sök efter en bild på engelska",
18
- noMoreResults: "Inga fler resultat"
19
- }
20
- }
21
- },
22
- components: {
23
- simplebar: n,
24
- Flag: o
25
- },
26
- mixins: [c],
27
- props: {
28
- /**
29
- * @param {Object} options Input arguments
30
- * @param {String} options.query Search/Query string
31
- * @param {Number} options.page Current page number
32
- *
33
- * @returns {Object} containing:
34
- * items {Array}
35
- - item {Object}
36
- - item.image {String} Url of image resource (REQUIRED)
37
- - item.video {String} Url of video resource (OPTIONAL)
38
- - item.lowQualityVideo {String} preview url of video file (OPTIONAL)
39
- * total {Number} Number of results
40
- */
41
- fetch: {
42
- type: Function,
43
- required: !0
44
- },
45
- defaultQuery: {
46
- type: String,
47
- required: !0
48
- },
49
- creditText: {
50
- type: String,
51
- default: ""
52
- }
53
- },
54
- data() {
55
- return {
56
- hoverIndex: null,
57
- query: null,
58
- items: [],
59
- page: 1,
60
- isLoading: !1,
61
- allowMoreResults: !0,
62
- searchTimeout: null,
63
- selectedIndex: null,
64
- selectedUrl: null,
65
- noOfResults: null
66
- };
67
- },
68
- watch: {
69
- query() {
70
- this.page = 0, this.items = [], this.allowMoreResults = !0, this.isLoading = !1, this.debouncedHandleFetch();
71
- }
72
- },
73
- created() {
74
- this.handleFetch(), this.debouncedHandleFetch = u(this.handleFetch, 1e3);
75
- },
76
- mounted() {
77
- this.$refs.scrollbar.scrollElement.addEventListener(
78
- "scroll",
79
- this.scrollHandler,
80
- { passive: !0 }
81
- );
82
- },
83
- beforeDestroy() {
84
- this.$refs.scrollbar.scrollElement.removeEventListener(
85
- "scroll",
86
- this.scrollHandler,
87
- { passive: !0 }
88
- );
89
- },
90
- methods: {
91
- async handleFetch() {
92
- if (!this.allowMoreResults || this.isLoading)
93
- return;
94
- this.isLoading = !0;
95
- const i = this.query ? this.query : this.defaultQuery, { items: e, total: t } = await this.fetch({ query: i, page: this.page++ });
96
- this.isLoading = !1, this.noOfResults = this.query ? t : null, this.items == null ? (this.selectedIndex = null, this.items = e) : this.items = [...this.items, ...e], this.allowMoreResults = t >= this.page * 12;
97
- },
98
- scrollHandler: m(async function() {
99
- const e = this.$refs.item[this.$refs.item.length - 9 || 0];
100
- e && d(e) && this.handleFetch();
101
- }, 50),
102
- selectItem(i, e) {
103
- this.selectedIndex = e, this.$emit("select", i);
104
- },
105
- onSave() {
106
- this.$emit("save");
107
- },
108
- playVideo(i) {
109
- this.$refs.video[i] && this.$refs.video[i].play();
110
- },
111
- pauseVideo(i) {
112
- const e = this.$refs.video[i];
113
- e && (e.readyState === 4 ? e.pause() : e.addEventListener("playing", () => e.pause(), { once: !0 }));
114
- }
115
- }
116
- };
117
- var h = function() {
118
- var e = this, t = e._self._c;
119
- return t("div", { staticStyle: { "min-height": "0", display: "flex", "flex-direction": "column", height: "100%" } }, [t("div", { staticClass: "relative flex w-full shrink-0 py-1" }, [t("CInput", { staticClass: "flex-grow", staticStyle: { "border-bottom": "1px solid hsl(0, 0%, 92%)" }, attrs: { placeholder: e.$t("searchPlaceholder"), reset: !0, icon: "search", size: "medium" }, model: { value: e.query, callback: function(s) {
120
- e.query = s;
121
- }, expression: "query" } })], 1), t("div", { staticStyle: { overflow: "hidden", flex: "1", height: "100%" } }, [t("simplebar", { ref: "scrollbar", staticStyle: { width: "100%", height: "100%", padding: "3px 4px" } }, [t("div", { staticStyle: { display: "grid", "grid-template-columns": "repeat(auto-fit, minmax(210px, 1fr))", gap: "2px" } }, [!e.items.length && e.isLoading ? e._l(12, function(s) {
122
- return t("div", { key: s, ref: "item", refInFor: !0, staticClass: "photo" });
123
- }) : e._e(), e._l(e.items, function(s, l) {
124
- return t("div", { key: l, ref: "item", refInFor: !0, staticClass: "photo", style: { backgroundImage: `url(${s.minImage})` }, on: { click: function(r) {
125
- return e.selectItem(s, l);
126
- } } }, [s.minVideo || s.video ? t("div", { staticClass: "video-bg__media", on: { "&mouseenter": function(r) {
127
- return e.playVideo(l, s.minVideo || s.video);
128
- }, "&mouseleave": function(r) {
129
- return e.pauseVideo(l);
130
- } } }, [t("video", { ref: "video", refInFor: !0, attrs: { src: s.minVideo || s.video, loop: "", muted: "", playsInline: "", preload: "none" }, domProps: { muted: !0 } })]) : e._e(), e.selectedIndex === l ? t("div", { staticClass: "select-wrapper" }) : e._e(), t("div", { staticClass: "photo__credit" }, [e._v(e._s(s.userName))])]);
131
- })], 2), t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "2em 1em" } }, [e.isLoading ? t("CIcon", { staticClass: "rotateSpin", attrs: { type: "loader" } }) : e.allowMoreResults ? e._e() : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-gray-400" }, [t("div", [e._v(" " + e._s(e.$t("noMoreResults")) + " ")]), e.$i18n.lang !== "en" ? t("div", { staticClass: "flex flex-col items-center text-center", staticStyle: { "padding-top": "3.2rem" } }, [t("Flag", { staticClass: "mb-1 h-8 w-8", attrs: { region: "GB" } }), e._v(" Glöm inte att sökordet måste vara på engelska ")], 1) : e._e()])], 1)])], 1), t("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { padding: "4px 4px 4px 8px", "flex-shrink": "0" } }, [t("div", { staticClass: "flex-grow text-gray-400" }, [e.mq !== "sm" ? [e.query && e.noOfResults && e.noOfResults > 0 ? t("div", [e._v(" " + e._s(e.$tc("_common:result", { count: e.noOfResults })) + " ")]) : e._e(), t("div", [e._v(" " + e._s(e.creditText) + " ")])] : e._e()], 2), e._t("footer", function() {
132
- return [t("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])];
133
- })], 2)]);
134
- }, p = [], v = /* @__PURE__ */ a(
135
- f,
136
- h,
137
- p,
138
- !1,
139
- null,
140
- "70d28101"
141
- );
142
- const g = v.exports, _ = {
143
- name: "BackgroundsModal"
144
- };
145
- var y = function() {
146
- var e = this, t = e._self._c;
147
- return t("div", { staticClass: "font-primary fixed inset-0 z-[1000] flex items-center justify-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto", on: { click: function(s) {
148
- return s.target !== s.currentTarget ? null : e.$emit("close");
149
- } } }, [t("div", { staticClass: "relative flex h-[90%] max-h-[700px] w-[90%] max-w-3xl flex-col rounded-lg bg-white max-sm:h-full max-sm:max-h-full max-sm:w-full max-sm:rounded-none", on: { click: function(s) {
150
- s.stopPropagation();
151
- } } }, [t("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { pattern: "tertiary", type: "none", size: "small", circle: "", icon: "x" }, on: { click: function(s) {
152
- return e.$emit("close");
153
- } } }), e._t("header"), e._t("default")], 2)]);
154
- }, x = [], w = /* @__PURE__ */ a(
155
- _,
156
- y,
157
- x,
158
- !1,
159
- null,
160
- "4a6a378b"
161
- );
162
- const b = w.exports, R = g, L = b;
163
- export {
164
- L as B,
165
- R as a
166
- };
@@ -1,81 +0,0 @@
1
- import { n as i, D as n } from "./main-DE5THsiR.js";
2
- const o = {
3
- name: "DocumentGuide",
4
- i18nOptions: {
5
- namespaces: "documentGuide",
6
- messages: {
7
- en: {
8
- title: "Quick tour",
9
- steps: {
10
- addBlocks: "Add document blocks from the left sidebar.",
11
- textFormatting: "Select some text and formatting options will appear.",
12
- editBlocks: `Adjust a block's appearance by clicking on the <span class="dg-button-icon appearance"></span> button.`,
13
- changeProduct: `Change a product's quantity by clicking on the <span class="dg-button-icon cog"></span> button.`,
14
- send: `Once you're done, hit <span class="dg-button-text">Send</span>`
15
- }
16
- },
17
- sv: {
18
- title: "Snabbguide",
19
- steps: {
20
- addBlocks: "Lägg till dokumentblock ifrån vänstra sidomenyn.",
21
- textFormatting: "Markera en bit text för att få upp formateringsmenyn.",
22
- editBlocks: 'Ändra utseendet på ett block genom att klicka på <span class="dg-button-icon appearance"></span> knappen.',
23
- changeProduct: 'Ändra en varas antal genom att klicka på <span class="dg-button-icon cog"></span> knappen.',
24
- send: 'När du är klar, klicka på <span class="dg-button-text">Skicka</span>'
25
- }
26
- }
27
- }
28
- },
29
- data() {
30
- return {
31
- step: 0,
32
- steps: [
33
- {
34
- title: this.$t("steps.addBlocks"),
35
- img: n("/account/onboarding/drag-block.png")
36
- },
37
- {
38
- title: this.$t("steps.textFormatting"),
39
- img: n("/account/onboarding/text-bubble.png")
40
- },
41
- {
42
- title: this.$t("steps.editBlocks"),
43
- img: n("/account/onboarding/block-options.png")
44
- },
45
- {
46
- title: this.$t("steps.changeProduct"),
47
- img: n("/account/onboarding/article-options.png")
48
- },
49
- {
50
- title: this.$t("steps.send"),
51
- img: n("/account/onboarding/doc-send.png")
52
- }
53
- ]
54
- };
55
- }
56
- };
57
- var c = function() {
58
- var t = this, e = t._self._c;
59
- return e("div", { staticStyle: { position: "fixed", left: "0", top: "0", right: "0", bottom: "0", "background-color": "hsla(0, 0%, 0%, 0.2)", padding: "calc(4 * var(--rem)) 0", display: "grid", "place-items": "center", "z-index": "9999" } }, [e("div", { staticClass: "max-w-[95%] md:max-w-lg", staticStyle: { "background-color": "hsl(212, 90%, 15%)", padding: "calc(3 * var(--rem)) calc(2.5 * var(--rem))", "border-radius": "8px", color: "hsla(0, 0%, 100%, 0.8)", "font-size": "16px", position: "relative" } }, [e("CButton", { staticStyle: { position: "absolute", right: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))" }, attrs: { size: "small", type: "none", pattern: "tertiary", circle: "", icon: "x" }, on: { click: function(s) {
60
- return t.$emit("close");
61
- } } }), e("div", { staticStyle: { "padding-left": "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "text-transform": "uppercase", "font-size": "0.75em", "padding-bottom": "0.7em", color: "hsl(321, 100%, 78%)" } }, [t._v(" " + t._s(t.$t("title")) + " ")]), e("div", { staticStyle: { "font-size": "1.5em", "padding-bottom": "1em", "line-height": "1.4", "font-weight": "500", color: "white", "min-height": "100px" } }, [t._v(" " + t._s(t.step + 1) + ". "), e("span", { domProps: { innerHTML: t._s(t.steps[t.step].title) } })])]), e("div", { staticStyle: { width: "100%", "background-color": "hsla(0, 0%, 100%, 0.2)", "line-height": "0", "border-radius": "8px", overflow: "hidden", position: "relative", "padding-bottom": "60%" } }, [e("transition", { attrs: { name: "slide-prev" } }, [e("img", { key: t.step, staticStyle: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%" }, attrs: { src: t.steps[t.step].img } })])], 1), e("div", { staticStyle: { "margin-top": "calc(3 * var(--rem))", display: "flex", "justify-content": "flex-end", position: "relative" } }, [e("div", { staticStyle: { position: "absolute", display: "grid", gap: "10px", "grid-template-columns": "repeat(5, 1fr)", top: "50%", left: "50%", transform: "translate(-50%, -50%)" } }, t._l(t.steps, function(s, a) {
62
- return e("div", { key: a, staticStyle: { width: "8px", height: "8px", "border-radius": "8px", cursor: "pointer" }, style: {
63
- backgroundColor: t.step === a ? "white" : "hsla(0, 0%, 100%, 0.4)"
64
- }, on: { click: function(d) {
65
- t.step = a;
66
- } } });
67
- }), 0), e("CButton", { staticClass: "pulse", staticStyle: { "border-radius": "5px", "animation-duration": "0.2s" }, attrs: { type: "secondary", "icon-right": "arrow-right" }, on: { click: function(s) {
68
- t.step === t.steps.length - 1 ? t.$emit("close") : t.step++;
69
- } } }, [t._v(" " + t._s(t.step === t.steps.length - 1 ? t.$t("_common:done").capitalize() : t.$t("_common:next").capitalize()) + " ")])], 1)], 1)]);
70
- }, r = [], l = /* @__PURE__ */ i(
71
- o,
72
- c,
73
- r,
74
- !1,
75
- null,
76
- null
77
- );
78
- const m = l.exports;
79
- export {
80
- m as default
81
- };