@everymatrix/nuts-inbox-widget 1.76.7 → 1.76.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-c16396a3.js → index-4522ef7e.js} +231 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/nuts-inbox-widget.cjs.js +2 -2
- package/dist/cjs/nuts-inbox-widget_3.cjs.entry.js +19 -19
- package/dist/collection/components/nuts-inbox-widget/nuts-inbox-widget.js +31 -16
- package/dist/collection/components/nuts-notification/nuts-notification.js +10 -5
- package/dist/esm/{index-6a331097.js → index-0160662f.js} +231 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/nuts-inbox-widget.js +3 -3
- package/dist/esm/nuts-inbox-widget_3.entry.js +19 -19
- package/dist/nuts-inbox-widget/index-0160662f.js +2 -0
- package/dist/nuts-inbox-widget/nuts-inbox-widget.esm.js +1 -1
- package/dist/nuts-inbox-widget/nuts-inbox-widget_3.entry.js +1 -1
- package/dist/stencil.config.js +2 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/nuts-inbox-widget/nuts-inbox-widget.d.ts +1 -1
- package/package.json +8 -1
- package/dist/nuts-inbox-widget/index-6a331097.js +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
1
|
+
import { h, Build } from "@stencil/core";
|
|
2
2
|
import { formatDistanceToNow } from "date-fns";
|
|
3
3
|
import { translate, getTranslations } from "../../utils/locale.utils";
|
|
4
4
|
import * as dateFnsLocales from "date-fns/locale";
|
|
@@ -96,6 +96,8 @@ export class NutsNotification {
|
|
|
96
96
|
};
|
|
97
97
|
this.notificationActionHandler = () => {
|
|
98
98
|
var _a, _b, _c;
|
|
99
|
+
if (!Build.isBrowser)
|
|
100
|
+
return;
|
|
99
101
|
if (this.notificationAction == 'default' || !this.notificationAction) {
|
|
100
102
|
if (this.redirectUrl.length > 0) {
|
|
101
103
|
window.location.href = this.redirectUrl;
|
|
@@ -218,13 +220,16 @@ export class NutsNotification {
|
|
|
218
220
|
var _a, _b;
|
|
219
221
|
const sanitizedNotificationBody = DOMPurify.sanitize(this.displayedContent, {
|
|
220
222
|
ALLOW_UNKNOWN_PROTOCOLS: true,
|
|
221
|
-
ADD_ATTR: ['target'],
|
|
222
|
-
ALLOWED_TAGS: ['b', 'u', 'i', 'br'
|
|
223
|
+
ADD_ATTR: ['target', 'rel'],
|
|
224
|
+
ALLOWED_TAGS: ['b', 'u', 'i', 'br', 'a', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
|
|
225
|
+
'strong', 'p', 'i', 'small', 'mark', 'del', 'b', 's', 'ins',
|
|
226
|
+
'sub', 'sup', 'var', 'cite', 'q', 'blockquote',
|
|
227
|
+
]
|
|
223
228
|
});
|
|
224
|
-
return (h("div", { key: '
|
|
229
|
+
return (h("div", { key: '7a44d28edbb17352458217ca5ae8a037f95dc717', class: "Wrapper" }, h("div", { key: 'b72f97d79ab914a3799935a78566c2225703f5d5', class: 'NotificationContainer' + (this.messageSeen ? '' : ' Unseen'), ref: this.assignRefToStylingContainer, onClick: this.notificationActionHandler }, this.badge ? (h("div", { class: "AvatarContainer" }, h("div", { class: "Avatar" }, ((_a = systemIcons[this.badge]) === null || _a === void 0 ? void 0 : _a.icon) ? (h("div", { innerHTML: systemIcons[this.badge].icon })) : (h("img", { class: "AvatarImage", src: this.badge }))))) : (''), h("div", { key: 'f8dea342d9765b86f9bbd70d18861399e5dca9e3', class: "ContentContainer" }, h("div", { key: '9b79598e4e080641dd5db061dc4ecb0a9996b024', innerHTML: sanitizedNotificationBody }), h("p", { key: '74c3d2177c29bb37372109dd70d024f16f9f7904', class: "Date" }, formatDistanceToNow(new Date(this.date), {
|
|
225
230
|
addSuffix: true,
|
|
226
231
|
locale: dateFnsLocale(this.language)
|
|
227
|
-
}))), h("div", { key: '
|
|
232
|
+
}))), h("div", { key: 'e7bc18c53f07365223379c93888ba834cf3a1c8d', class: "RightActionsContainer" }, h("div", { key: 'a08b68c158023c234c9ebe237b13be536a5d5336', class: "Settings", onClick: this.toggleSettingsModal }, h("svg", { key: '2689a1470ef4561f1145e1b2df2eadaf2b66c5c9', width: "24", height: "24", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9e066881d1d04b391a38a510554c8ff179786acf', d: "M20.625 15.5C20.625 16.5547 21.4453 17.375 22.5 17.375C23.5156 17.375 24.375 16.5547 24.375 15.5C24.375 14.4844 23.5156 13.625 22.5 13.625C21.4453 13.625 20.625 14.4844 20.625 15.5ZM9.375 15.5C9.375 14.4844 8.51562 13.625 7.5 13.625C6.44531 13.625 5.625 14.4844 5.625 15.5C5.625 16.5547 6.44531 17.375 7.5 17.375C8.51562 17.375 9.375 16.5547 9.375 15.5ZM16.875 15.5C16.875 14.4844 16.0156 13.625 15 13.625C13.9453 13.625 13.125 14.4844 13.125 15.5C13.125 16.5547 13.9453 17.375 15 17.375C16.0156 17.375 16.875 16.5547 16.875 15.5Z", fill: "currentColor" }))), ((_b = this.content) === null || _b === void 0 ? void 0 : _b.length) > MAX_NOTIFICATION_TEXT_LENGTH && (h("div", { key: 'ffc4a2ee216a99c1ebb7744dc97991c6fcd301a9', class: "AccordionArrow", innerHTML: systemIcons.arrowDown.icon, ref: this.assignRefToDropdownArrow })))), this.showSettingsModal ? (h("div", { class: "SettingsDropdown" }, h("button", { onClick: this.toggleNotificationRead }, h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.9434 5.17969C14.2109 4.59375 13.625 4.125 10.1387 1.60547C9.64062 1.25391 8.67383 0.375 8 0.375V0.404297C7.9707 0.404297 7.9707 0.375 7.9707 0.375C7.29688 0.375 6.33008 1.25391 5.83203 1.60547C2.3457 4.125 1.75977 4.59375 1.02734 5.17969C0.675781 5.44336 0.5 5.85352 0.5 6.26367V13.9688C0.5 14.7598 1.11523 15.375 1.90625 15.375H14.0938C14.8555 15.375 15.5 14.7598 15.5 13.9688V6.26367C15.5 5.85352 15.2949 5.44336 14.9434 5.17969ZM9.37695 11.1562C8.9668 11.4785 8.46875 11.6543 8 11.6543C7.50195 11.6543 7.00391 11.4785 6.59375 11.1562L2.375 7.8457V6.49805C2.99023 6 3.72266 5.44336 6.94531 3.12891C7.0332 3.04102 7.15039 2.95312 7.26758 2.86523C7.41406 2.74805 7.73633 2.48438 8 2.33789C8.23438 2.48438 8.55664 2.74805 8.70312 2.86523C8.82031 2.95312 8.9375 3.04102 9.02539 3.12891C12.2188 5.44336 12.9805 6 13.625 6.49805V7.8457L9.37695 11.1562Z", fill: "currentColor" })), translate(this.messageRead ? 'markAsUnread' : 'markAsRead', this.language)), h("button", { onClick: this.deleteNotification }, h("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M4.375 15.4375C4.375 16.1758 4.94922 16.75 5.6875 16.75H13.5625C14.2734 16.75 14.875 16.1758 14.875 15.4375V6.25H4.375V15.4375ZM11.8125 8.4375C11.8125 8.21875 12.0039 8 12.25 8C12.4688 8 12.6875 8.21875 12.6875 8.4375V14.5625C12.6875 14.8086 12.4688 15 12.25 15C12.0039 15 11.8125 14.8086 11.8125 14.5625V8.4375ZM9.1875 8.4375C9.1875 8.21875 9.37891 8 9.625 8C9.84375 8 10.0625 8.21875 10.0625 8.4375V14.5625C10.0625 14.8086 9.84375 15 9.625 15C9.37891 15 9.1875 14.8086 9.1875 14.5625V8.4375ZM6.5625 8.4375C6.5625 8.21875 6.75391 8 7 8C7.21875 8 7.4375 8.21875 7.4375 8.4375V14.5625C7.4375 14.8086 7.21875 15 7 15C6.75391 15 6.5625 14.8086 6.5625 14.5625V8.4375ZM15.3125 3.625H12.25L11.9219 2.99609C11.8398 2.85938 11.7031 2.75 11.5391 2.75H7.68359C7.51953 2.75 7.38281 2.85938 7.30078 2.99609L7 3.625H3.9375C3.69141 3.625 3.5 3.84375 3.5 4.0625V4.9375C3.5 5.18359 3.69141 5.375 3.9375 5.375H15.3125C15.5312 5.375 15.75 5.18359 15.75 4.9375V4.0625C15.75 3.84375 15.5312 3.625 15.3125 3.625Z", fill: "currentColor" })), translate('removeMessage', this.language)))) : ('')));
|
|
228
233
|
}
|
|
229
234
|
static get is() { return "nuts-notification"; }
|
|
230
235
|
static get originalStyleUrls() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'nuts-inbox-widget';
|
|
2
|
-
const BUILD = /* nuts-inbox-widget */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
2
|
+
const BUILD = /* nuts-inbox-widget */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -71,6 +71,15 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
71
71
|
|
|
72
72
|
// src/client/client-style.ts
|
|
73
73
|
var styles = /* @__PURE__ */ new Map();
|
|
74
|
+
|
|
75
|
+
// src/runtime/runtime-constants.ts
|
|
76
|
+
var CONTENT_REF_ID = "r";
|
|
77
|
+
var ORG_LOCATION_ID = "o";
|
|
78
|
+
var SLOT_NODE_ID = "s";
|
|
79
|
+
var TEXT_NODE_ID = "t";
|
|
80
|
+
var HYDRATE_ID = "s-id";
|
|
81
|
+
var HYDRATED_STYLE_ID = "sty-id";
|
|
82
|
+
var HYDRATE_CHILD_ID = "c-id";
|
|
74
83
|
var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
|
|
75
84
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
76
85
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -84,6 +93,7 @@ var plt = {
|
|
|
84
93
|
rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
|
|
85
94
|
ce: (eventName, opts) => new CustomEvent(eventName, opts)
|
|
86
95
|
};
|
|
96
|
+
var supportsShadow = BUILD.shadowDom;
|
|
87
97
|
var supportsListenerOptions = /* @__PURE__ */ (() => {
|
|
88
98
|
let supportsListenerOptions2 = false;
|
|
89
99
|
try {
|
|
@@ -289,6 +299,197 @@ var newVNode = (tag, text) => {
|
|
|
289
299
|
};
|
|
290
300
|
var Host = {};
|
|
291
301
|
var isHost = (node) => node && node.$tag$ === Host;
|
|
302
|
+
|
|
303
|
+
// src/runtime/client-hydrate.ts
|
|
304
|
+
var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
305
|
+
const endHydrate = createTime("hydrateClient", tagName);
|
|
306
|
+
const shadowRoot = hostElm.shadowRoot;
|
|
307
|
+
const childRenderNodes = [];
|
|
308
|
+
const slotNodes = [];
|
|
309
|
+
const shadowRootNodes = shadowRoot ? [] : null;
|
|
310
|
+
const vnode = hostRef.$vnode$ = newVNode(tagName, null);
|
|
311
|
+
if (!plt.$orgLocNodes$) {
|
|
312
|
+
initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
|
|
313
|
+
}
|
|
314
|
+
hostElm[HYDRATE_ID] = hostId;
|
|
315
|
+
hostElm.removeAttribute(HYDRATE_ID);
|
|
316
|
+
clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);
|
|
317
|
+
childRenderNodes.map((c) => {
|
|
318
|
+
const orgLocationId = c.$hostId$ + "." + c.$nodeId$;
|
|
319
|
+
const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
|
|
320
|
+
const node = c.$elm$;
|
|
321
|
+
if (orgLocationNode && supportsShadow && orgLocationNode["s-en"] === "") {
|
|
322
|
+
orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
|
|
323
|
+
}
|
|
324
|
+
if (!shadowRoot) {
|
|
325
|
+
node["s-hn"] = tagName;
|
|
326
|
+
if (orgLocationNode) {
|
|
327
|
+
node["s-ol"] = orgLocationNode;
|
|
328
|
+
node["s-ol"]["s-nr"] = node;
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
plt.$orgLocNodes$.delete(orgLocationId);
|
|
332
|
+
});
|
|
333
|
+
if (shadowRoot) {
|
|
334
|
+
shadowRootNodes.map((shadowRootNode) => {
|
|
335
|
+
if (shadowRootNode) {
|
|
336
|
+
shadowRoot.appendChild(shadowRootNode);
|
|
337
|
+
}
|
|
338
|
+
});
|
|
339
|
+
}
|
|
340
|
+
endHydrate();
|
|
341
|
+
};
|
|
342
|
+
var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
|
|
343
|
+
let childNodeType;
|
|
344
|
+
let childIdSplt;
|
|
345
|
+
let childVNode;
|
|
346
|
+
let i2;
|
|
347
|
+
if (node.nodeType === 1 /* ElementNode */) {
|
|
348
|
+
childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
|
|
349
|
+
if (childNodeType) {
|
|
350
|
+
childIdSplt = childNodeType.split(".");
|
|
351
|
+
if (childIdSplt[0] === hostId || childIdSplt[0] === "0") {
|
|
352
|
+
childVNode = {
|
|
353
|
+
$flags$: 0,
|
|
354
|
+
$hostId$: childIdSplt[0],
|
|
355
|
+
$nodeId$: childIdSplt[1],
|
|
356
|
+
$depth$: childIdSplt[2],
|
|
357
|
+
$index$: childIdSplt[3],
|
|
358
|
+
$tag$: node.tagName.toLowerCase(),
|
|
359
|
+
$elm$: node,
|
|
360
|
+
$attrs$: null,
|
|
361
|
+
$children$: null,
|
|
362
|
+
$key$: null,
|
|
363
|
+
$name$: null,
|
|
364
|
+
$text$: null
|
|
365
|
+
};
|
|
366
|
+
childRenderNodes.push(childVNode);
|
|
367
|
+
node.removeAttribute(HYDRATE_CHILD_ID);
|
|
368
|
+
if (!parentVNode.$children$) {
|
|
369
|
+
parentVNode.$children$ = [];
|
|
370
|
+
}
|
|
371
|
+
parentVNode.$children$[childVNode.$index$] = childVNode;
|
|
372
|
+
parentVNode = childVNode;
|
|
373
|
+
if (shadowRootNodes && childVNode.$depth$ === "0") {
|
|
374
|
+
shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
for (i2 = node.childNodes.length - 1; i2 >= 0; i2--) {
|
|
379
|
+
clientHydrate(
|
|
380
|
+
parentVNode,
|
|
381
|
+
childRenderNodes,
|
|
382
|
+
slotNodes,
|
|
383
|
+
shadowRootNodes,
|
|
384
|
+
hostElm,
|
|
385
|
+
node.childNodes[i2],
|
|
386
|
+
hostId
|
|
387
|
+
);
|
|
388
|
+
}
|
|
389
|
+
if (node.shadowRoot) {
|
|
390
|
+
for (i2 = node.shadowRoot.childNodes.length - 1; i2 >= 0; i2--) {
|
|
391
|
+
clientHydrate(
|
|
392
|
+
parentVNode,
|
|
393
|
+
childRenderNodes,
|
|
394
|
+
slotNodes,
|
|
395
|
+
shadowRootNodes,
|
|
396
|
+
hostElm,
|
|
397
|
+
node.shadowRoot.childNodes[i2],
|
|
398
|
+
hostId
|
|
399
|
+
);
|
|
400
|
+
}
|
|
401
|
+
}
|
|
402
|
+
} else if (node.nodeType === 8 /* CommentNode */) {
|
|
403
|
+
childIdSplt = node.nodeValue.split(".");
|
|
404
|
+
if (childIdSplt[1] === hostId || childIdSplt[1] === "0") {
|
|
405
|
+
childNodeType = childIdSplt[0];
|
|
406
|
+
childVNode = {
|
|
407
|
+
$flags$: 0,
|
|
408
|
+
$hostId$: childIdSplt[1],
|
|
409
|
+
$nodeId$: childIdSplt[2],
|
|
410
|
+
$depth$: childIdSplt[3],
|
|
411
|
+
$index$: childIdSplt[4],
|
|
412
|
+
$elm$: node,
|
|
413
|
+
$attrs$: null,
|
|
414
|
+
$children$: null,
|
|
415
|
+
$key$: null,
|
|
416
|
+
$name$: null,
|
|
417
|
+
$tag$: null,
|
|
418
|
+
$text$: null
|
|
419
|
+
};
|
|
420
|
+
if (childNodeType === TEXT_NODE_ID) {
|
|
421
|
+
childVNode.$elm$ = node.nextSibling;
|
|
422
|
+
if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
|
|
423
|
+
childVNode.$text$ = childVNode.$elm$.textContent;
|
|
424
|
+
childRenderNodes.push(childVNode);
|
|
425
|
+
node.remove();
|
|
426
|
+
if (!parentVNode.$children$) {
|
|
427
|
+
parentVNode.$children$ = [];
|
|
428
|
+
}
|
|
429
|
+
parentVNode.$children$[childVNode.$index$] = childVNode;
|
|
430
|
+
if (shadowRootNodes && childVNode.$depth$ === "0") {
|
|
431
|
+
shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
|
+
} else if (childVNode.$hostId$ === hostId) {
|
|
435
|
+
if (childNodeType === SLOT_NODE_ID) {
|
|
436
|
+
childVNode.$tag$ = "slot";
|
|
437
|
+
if (childIdSplt[5]) {
|
|
438
|
+
node["s-sn"] = childVNode.$name$ = childIdSplt[5];
|
|
439
|
+
} else {
|
|
440
|
+
node["s-sn"] = "";
|
|
441
|
+
}
|
|
442
|
+
node["s-sr"] = true;
|
|
443
|
+
if (shadowRootNodes) {
|
|
444
|
+
childVNode.$elm$ = doc.createElement(childVNode.$tag$);
|
|
445
|
+
if (childVNode.$name$) {
|
|
446
|
+
childVNode.$elm$.setAttribute("name", childVNode.$name$);
|
|
447
|
+
}
|
|
448
|
+
node.parentNode.insertBefore(childVNode.$elm$, node);
|
|
449
|
+
node.remove();
|
|
450
|
+
if (childVNode.$depth$ === "0") {
|
|
451
|
+
shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
|
|
452
|
+
}
|
|
453
|
+
}
|
|
454
|
+
slotNodes.push(childVNode);
|
|
455
|
+
if (!parentVNode.$children$) {
|
|
456
|
+
parentVNode.$children$ = [];
|
|
457
|
+
}
|
|
458
|
+
parentVNode.$children$[childVNode.$index$] = childVNode;
|
|
459
|
+
} else if (childNodeType === CONTENT_REF_ID) {
|
|
460
|
+
if (shadowRootNodes) {
|
|
461
|
+
node.remove();
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
} else if (parentVNode && parentVNode.$tag$ === "style") {
|
|
467
|
+
const vnode = newVNode(null, node.textContent);
|
|
468
|
+
vnode.$elm$ = node;
|
|
469
|
+
vnode.$index$ = "0";
|
|
470
|
+
parentVNode.$children$ = [vnode];
|
|
471
|
+
}
|
|
472
|
+
};
|
|
473
|
+
var initializeDocumentHydrate = (node, orgLocNodes) => {
|
|
474
|
+
if (node.nodeType === 1 /* ElementNode */) {
|
|
475
|
+
let i2 = 0;
|
|
476
|
+
for (; i2 < node.childNodes.length; i2++) {
|
|
477
|
+
initializeDocumentHydrate(node.childNodes[i2], orgLocNodes);
|
|
478
|
+
}
|
|
479
|
+
if (node.shadowRoot) {
|
|
480
|
+
for (i2 = 0; i2 < node.shadowRoot.childNodes.length; i2++) {
|
|
481
|
+
initializeDocumentHydrate(node.shadowRoot.childNodes[i2], orgLocNodes);
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
} else if (node.nodeType === 8 /* CommentNode */) {
|
|
485
|
+
const childIdSplt = node.nodeValue.split(".");
|
|
486
|
+
if (childIdSplt[0] === ORG_LOCATION_ID) {
|
|
487
|
+
orgLocNodes.set(childIdSplt[1] + "." + childIdSplt[2], node);
|
|
488
|
+
node.nodeValue = "";
|
|
489
|
+
node["s-en"] = childIdSplt[3];
|
|
490
|
+
}
|
|
491
|
+
}
|
|
492
|
+
};
|
|
292
493
|
var parsePropertyValue = (propValue, propType) => {
|
|
293
494
|
if (propValue != null && !isComplexType(propValue)) {
|
|
294
495
|
if (propType & 4 /* Boolean */) {
|
|
@@ -354,7 +555,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
354
555
|
rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
|
|
355
556
|
}
|
|
356
557
|
if (!appliedStyles.has(scopeId2)) {
|
|
357
|
-
{
|
|
558
|
+
if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
|
|
559
|
+
styleElm.innerHTML = style;
|
|
560
|
+
} else {
|
|
358
561
|
styleElm = doc.createElement("style");
|
|
359
562
|
styleElm.innerHTML = style;
|
|
360
563
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
@@ -391,6 +594,7 @@ var attachStyles = (hostRef) => {
|
|
|
391
594
|
endAttachStyles();
|
|
392
595
|
};
|
|
393
596
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
597
|
+
var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
|
|
394
598
|
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
395
599
|
if (oldValue !== newValue) {
|
|
396
600
|
let isProp = isMemberInElement(elm, memberName);
|
|
@@ -840,6 +1044,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
840
1044
|
{
|
|
841
1045
|
addHydratedFlag(elm);
|
|
842
1046
|
}
|
|
1047
|
+
{
|
|
1048
|
+
safeCall(instance, "componentDidLoad");
|
|
1049
|
+
}
|
|
843
1050
|
endPostUpdate();
|
|
844
1051
|
{
|
|
845
1052
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -1072,10 +1279,21 @@ var connectedCallback = (elm) => {
|
|
|
1072
1279
|
const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
|
|
1073
1280
|
if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
|
|
1074
1281
|
hostRef.$flags$ |= 1 /* hasConnected */;
|
|
1282
|
+
let hostId;
|
|
1283
|
+
{
|
|
1284
|
+
hostId = elm.getAttribute(HYDRATE_ID);
|
|
1285
|
+
if (hostId) {
|
|
1286
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
1287
|
+
const scopeId2 = addStyle(elm.shadowRoot, cmpMeta);
|
|
1288
|
+
elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
|
|
1289
|
+
}
|
|
1290
|
+
initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
|
|
1291
|
+
}
|
|
1292
|
+
}
|
|
1075
1293
|
{
|
|
1076
1294
|
let ancestorComponent = elm;
|
|
1077
1295
|
while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
|
|
1078
|
-
if (ancestorComponent["s-p"]) {
|
|
1296
|
+
if (ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
|
|
1079
1297
|
attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
|
|
1080
1298
|
break;
|
|
1081
1299
|
}
|
|
@@ -1132,10 +1350,20 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1132
1350
|
const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
|
|
1133
1351
|
const dataStyles = /* @__PURE__ */ doc.createElement("style");
|
|
1134
1352
|
const deferredConnectedCallbacks = [];
|
|
1353
|
+
const styles2 = /* @__PURE__ */ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
|
|
1135
1354
|
let appLoadFallback;
|
|
1136
1355
|
let isBootstrapping = true;
|
|
1356
|
+
let i2 = 0;
|
|
1137
1357
|
Object.assign(plt, options);
|
|
1138
1358
|
plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
|
|
1359
|
+
{
|
|
1360
|
+
plt.$flags$ |= 2 /* appLoaded */;
|
|
1361
|
+
}
|
|
1362
|
+
{
|
|
1363
|
+
for (; i2 < styles2.length; i2++) {
|
|
1364
|
+
registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
|
|
1365
|
+
}
|
|
1366
|
+
}
|
|
1139
1367
|
let hasSlotRelocation = false;
|
|
1140
1368
|
lazyBundles.map((lazyBundle) => {
|
|
1141
1369
|
lazyBundle[1].map((compactMeta) => {
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-0160662f.js';
|
|
2
|
+
export { s as setNonce } from './index-0160662f.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["nuts-inbox-widget_3",[[1,"nuts-inbox-widget",{"backendUrl":[513,"backend-url"],"socketUrl":[513,"socket-url"],"userId":[513,"user-id"],"sessionId":[513,"session-id"],"operatorId":[513,"operator-id"],"subscriberId":[513,"subscriber-id"],"deviceId":[513,"device-id"],"language":[513],"environment":[513],"applicationIdentifier":[513,"application-identifier"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"bellIconPosition":[513,"bell-icon-position"],"notificationAction":[513,"notification-action"],"translationUrl":[513,"translation-url"],"isLoading":[32],"popoverVisible":[32],"unseenCount":[32]
|
|
8
|
+
return bootstrapLazy([["nuts-inbox-widget_3",[[1,"nuts-inbox-widget",{"backendUrl":[513,"backend-url"],"socketUrl":[513,"socket-url"],"userId":[513,"user-id"],"sessionId":[513,"session-id"],"operatorId":[513,"operator-id"],"subscriberId":[513,"subscriber-id"],"deviceId":[513,"device-id"],"language":[513],"environment":[513],"applicationIdentifier":[513,"application-identifier"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"bellIconPosition":[513,"bell-icon-position"],"notificationAction":[513,"notification-action"],"translationUrl":[513,"translation-url"],"isLoading":[32],"popoverVisible":[32],"unseenCount":[32]},[[8,"click","clickOutsideHandle"],[0,"allNotificationsRead","resetUnseenCount"],[8,"closePopover","closePopoverHandler"]],{"subscriberId":["initializeHandler"],"operatorId":["initializeHandler"],"applicationIdentifier":["initializeHandler"],"deviceId":["initializeHandler"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"translationUrl":["handleNewTranslations"]}],[0,"nuts-popover",{"language":[513],"userId":[513,"user-id"],"operatorId":[513,"operator-id"],"token":[513],"sessionId":[513,"session-id"],"backendUrl":[513,"backend-url"],"unseenCount":[514,"unseen-count"],"clientStylingUrl":[513,"client-styling-url"],"notificationAction":[513,"notification-action"],"clientStyling":[1537,"client-styling"],"translationUrl":[513,"translation-url"],"notifications":[32],"isLoading":[32],"isNotificationsLoading":[32],"showMarkAll":[32],"limitStylingAppends":[32],"showDeleteAllPopup":[32],"hasMore":[32]},[[8,"messageDeleted","messageDeletedHandler"],[8,"messageRead","messageReadHandler"],[8,"click","clickOutsideHandle"]],{"unseenCount":["unseenCountHandler"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"translationUrl":["handleNewTranslations"]}],[0,"nuts-notification",{"badge":[513],"content":[513],"date":[513],"showSettings":[516,"show-settings"],"read":[516],"seen":[516],"language":[513],"sessionId":[513,"session-id"],"subscriberId":[513,"subscriber-id"],"userId":[513,"user-id"],"messageId":[513,"message-id"],"operatorId":[513,"operator-id"],"token":[513],"backendUrl":[513,"backend-url"],"redirectUrl":[513,"redirect-url"],"notificationAction":[513,"notification-action"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"showSettingsModal":[32],"messageSeen":[32],"messageRead":[32],"displayedContent":[32],"limitStylingAppends":[32]},[[8,"allNotificationsRead","allNotificationsReadHandler"],[8,"settingsOpened","settingsOpenedHandler"],[8,"click","clickOutsideHandle"]],{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"translationUrl":["handleNewTranslations"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-0160662f.js';
|
|
2
|
+
export { s as setNonce } from './index-0160662f.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["nuts-inbox-widget_3",[[1,"nuts-inbox-widget",{"backendUrl":[513,"backend-url"],"socketUrl":[513,"socket-url"],"userId":[513,"user-id"],"sessionId":[513,"session-id"],"operatorId":[513,"operator-id"],"subscriberId":[513,"subscriber-id"],"deviceId":[513,"device-id"],"language":[513],"environment":[513],"applicationIdentifier":[513,"application-identifier"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"bellIconPosition":[513,"bell-icon-position"],"notificationAction":[513,"notification-action"],"translationUrl":[513,"translation-url"],"isLoading":[32],"popoverVisible":[32],"unseenCount":[32]
|
|
19
|
+
return bootstrapLazy([["nuts-inbox-widget_3",[[1,"nuts-inbox-widget",{"backendUrl":[513,"backend-url"],"socketUrl":[513,"socket-url"],"userId":[513,"user-id"],"sessionId":[513,"session-id"],"operatorId":[513,"operator-id"],"subscriberId":[513,"subscriber-id"],"deviceId":[513,"device-id"],"language":[513],"environment":[513],"applicationIdentifier":[513,"application-identifier"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"bellIconPosition":[513,"bell-icon-position"],"notificationAction":[513,"notification-action"],"translationUrl":[513,"translation-url"],"isLoading":[32],"popoverVisible":[32],"unseenCount":[32]},[[8,"click","clickOutsideHandle"],[0,"allNotificationsRead","resetUnseenCount"],[8,"closePopover","closePopoverHandler"]],{"subscriberId":["initializeHandler"],"operatorId":["initializeHandler"],"applicationIdentifier":["initializeHandler"],"deviceId":["initializeHandler"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"translationUrl":["handleNewTranslations"]}],[0,"nuts-popover",{"language":[513],"userId":[513,"user-id"],"operatorId":[513,"operator-id"],"token":[513],"sessionId":[513,"session-id"],"backendUrl":[513,"backend-url"],"unseenCount":[514,"unseen-count"],"clientStylingUrl":[513,"client-styling-url"],"notificationAction":[513,"notification-action"],"clientStyling":[1537,"client-styling"],"translationUrl":[513,"translation-url"],"notifications":[32],"isLoading":[32],"isNotificationsLoading":[32],"showMarkAll":[32],"limitStylingAppends":[32],"showDeleteAllPopup":[32],"hasMore":[32]},[[8,"messageDeleted","messageDeletedHandler"],[8,"messageRead","messageReadHandler"],[8,"click","clickOutsideHandle"]],{"unseenCount":["unseenCountHandler"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"translationUrl":["handleNewTranslations"]}],[0,"nuts-notification",{"badge":[513],"content":[513],"date":[513],"showSettings":[516,"show-settings"],"read":[516],"seen":[516],"language":[513],"sessionId":[513,"session-id"],"subscriberId":[513,"subscriber-id"],"userId":[513,"user-id"],"messageId":[513,"message-id"],"operatorId":[513,"operator-id"],"token":[513],"backendUrl":[513,"backend-url"],"redirectUrl":[513,"redirect-url"],"notificationAction":[513,"notification-action"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"showSettingsModal":[32],"messageSeen":[32],"messageRead":[32],"displayedContent":[32],"limitStylingAppends":[32]},[[8,"allNotificationsRead","allNotificationsReadHandler"],[8,"settingsOpened","settingsOpenedHandler"],[8,"click","clickOutsideHandle"]],{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"translationUrl":["handleNewTranslations"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0160662f.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
4
|
const SUPPORTED_LANGUAGES = ['hu', 'en', 'tr'];
|
|
@@ -4393,7 +4393,6 @@ const NutsInboxWidget = class {
|
|
|
4393
4393
|
this.isLoading = false;
|
|
4394
4394
|
this.popoverVisible = false;
|
|
4395
4395
|
this.unseenCount = undefined;
|
|
4396
|
-
this.limitStylingAppends = false;
|
|
4397
4396
|
}
|
|
4398
4397
|
initializeHandler(newValue, oldValue) {
|
|
4399
4398
|
if (newValue !== oldValue) {
|
|
@@ -4436,6 +4435,8 @@ const NutsInboxWidget = class {
|
|
|
4436
4435
|
}
|
|
4437
4436
|
}
|
|
4438
4437
|
setupSocket() {
|
|
4438
|
+
if (this.socketRef)
|
|
4439
|
+
return;
|
|
4439
4440
|
if (this.token) {
|
|
4440
4441
|
this.socketRef = lookup(this.socketUrl, {
|
|
4441
4442
|
reconnection: true,
|
|
@@ -4474,9 +4475,6 @@ const NutsInboxWidget = class {
|
|
|
4474
4475
|
window.postMessage({ type: 'nuts-new-notifications', value: this.unseenCount }, window.location.href);
|
|
4475
4476
|
this.setupSocket();
|
|
4476
4477
|
}
|
|
4477
|
-
if (this.clientStylingUrl) {
|
|
4478
|
-
this.setClientStylingURL();
|
|
4479
|
-
}
|
|
4480
4478
|
}
|
|
4481
4479
|
handleStylingChange(newValue, oldValue) {
|
|
4482
4480
|
if (newValue !== oldValue)
|
|
@@ -4498,22 +4496,21 @@ const NutsInboxWidget = class {
|
|
|
4498
4496
|
}
|
|
4499
4497
|
}
|
|
4500
4498
|
componentDidRender() {
|
|
4501
|
-
// start custom styling area
|
|
4502
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
4503
|
-
if (this.clientStyling)
|
|
4504
|
-
this.setClientStyling();
|
|
4505
|
-
if (this.clientStylingUrl)
|
|
4506
|
-
this.setClientStylingURL();
|
|
4507
|
-
this.limitStylingAppends = true;
|
|
4508
|
-
}
|
|
4509
|
-
// end custom styling area
|
|
4510
4499
|
this.positionIcon();
|
|
4511
4500
|
}
|
|
4501
|
+
componentDidLoad() {
|
|
4502
|
+
if (this.clientStyling) {
|
|
4503
|
+
this.setClientStyling();
|
|
4504
|
+
}
|
|
4505
|
+
if (this.clientStylingUrl) {
|
|
4506
|
+
this.setClientStylingURL();
|
|
4507
|
+
}
|
|
4508
|
+
}
|
|
4512
4509
|
renderBellIcon() {
|
|
4513
4510
|
return (h("div", { onClick: this.togglePopover, class: "BellIcon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", class: "bi bi-bell", viewBox: "0 0 16 16" }, ' ', h("path", { d: "M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z" }), ' '), this.unseenCount > 0 ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: "nc-bell-button-dot css-0 css-1eg2znq" }, h("rect", { x: "1.5", y: "1.5", width: "13", height: "13", rx: "6.5", fill: "url(#paint0_linear_1722_2699)", stroke: "#1E1E26", "stroke-width": "3" }), h("defs", null, h("linearGradient", { id: "paint0_linear_1722_2699", x1: "8", y1: "13", x2: "8", y2: "3", gradientUnits: "userSpaceOnUse" }, h("stop", { "stop-color": "#FF512F" }), h("stop", { offset: "1", "stop-color": "#DD2476" }))))) : ('')));
|
|
4514
4511
|
}
|
|
4515
4512
|
render() {
|
|
4516
|
-
return (h("div", { key: '
|
|
4513
|
+
return (h("div", { key: '976f73d1e55a55aa5370f1cf1e03dd81ffe2b21a', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: 'b443d739125b7b7e4798fd751e71c18cbc7ea43b', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: '0dc6e5a66747b44d6e1827cfc517dece41a215a2', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
|
|
4517
4514
|
}
|
|
4518
4515
|
get el() { return getElement(this); }
|
|
4519
4516
|
static get watchers() { return {
|
|
@@ -42541,13 +42538,16 @@ const NutsNotification = class {
|
|
|
42541
42538
|
var _a, _b;
|
|
42542
42539
|
const sanitizedNotificationBody = DOMPurify.sanitize(this.displayedContent, {
|
|
42543
42540
|
ALLOW_UNKNOWN_PROTOCOLS: true,
|
|
42544
|
-
ADD_ATTR: ['target'],
|
|
42545
|
-
ALLOWED_TAGS: ['b', 'u', 'i', 'br'
|
|
42541
|
+
ADD_ATTR: ['target', 'rel'],
|
|
42542
|
+
ALLOWED_TAGS: ['b', 'u', 'i', 'br', 'a', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
|
|
42543
|
+
'strong', 'p', 'i', 'small', 'mark', 'del', 'b', 's', 'ins',
|
|
42544
|
+
'sub', 'sup', 'var', 'cite', 'q', 'blockquote',
|
|
42545
|
+
]
|
|
42546
42546
|
});
|
|
42547
|
-
return (h("div", { key: '
|
|
42547
|
+
return (h("div", { key: '7a44d28edbb17352458217ca5ae8a037f95dc717', class: "Wrapper" }, h("div", { key: 'b72f97d79ab914a3799935a78566c2225703f5d5', class: 'NotificationContainer' + (this.messageSeen ? '' : ' Unseen'), ref: this.assignRefToStylingContainer, onClick: this.notificationActionHandler }, this.badge ? (h("div", { class: "AvatarContainer" }, h("div", { class: "Avatar" }, ((_a = systemIcons[this.badge]) === null || _a === void 0 ? void 0 : _a.icon) ? (h("div", { innerHTML: systemIcons[this.badge].icon })) : (h("img", { class: "AvatarImage", src: this.badge }))))) : (''), h("div", { key: 'f8dea342d9765b86f9bbd70d18861399e5dca9e3', class: "ContentContainer" }, h("div", { key: '9b79598e4e080641dd5db061dc4ecb0a9996b024', innerHTML: sanitizedNotificationBody }), h("p", { key: '74c3d2177c29bb37372109dd70d024f16f9f7904', class: "Date" }, formatDistanceToNow(new Date(this.date), {
|
|
42548
42548
|
addSuffix: true,
|
|
42549
42549
|
locale: dateFnsLocale(this.language)
|
|
42550
|
-
}))), h("div", { key: '
|
|
42550
|
+
}))), h("div", { key: 'e7bc18c53f07365223379c93888ba834cf3a1c8d', class: "RightActionsContainer" }, h("div", { key: 'a08b68c158023c234c9ebe237b13be536a5d5336', class: "Settings", onClick: this.toggleSettingsModal }, h("svg", { key: '2689a1470ef4561f1145e1b2df2eadaf2b66c5c9', width: "24", height: "24", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9e066881d1d04b391a38a510554c8ff179786acf', d: "M20.625 15.5C20.625 16.5547 21.4453 17.375 22.5 17.375C23.5156 17.375 24.375 16.5547 24.375 15.5C24.375 14.4844 23.5156 13.625 22.5 13.625C21.4453 13.625 20.625 14.4844 20.625 15.5ZM9.375 15.5C9.375 14.4844 8.51562 13.625 7.5 13.625C6.44531 13.625 5.625 14.4844 5.625 15.5C5.625 16.5547 6.44531 17.375 7.5 17.375C8.51562 17.375 9.375 16.5547 9.375 15.5ZM16.875 15.5C16.875 14.4844 16.0156 13.625 15 13.625C13.9453 13.625 13.125 14.4844 13.125 15.5C13.125 16.5547 13.9453 17.375 15 17.375C16.0156 17.375 16.875 16.5547 16.875 15.5Z", fill: "currentColor" }))), ((_b = this.content) === null || _b === void 0 ? void 0 : _b.length) > MAX_NOTIFICATION_TEXT_LENGTH && (h("div", { key: 'ffc4a2ee216a99c1ebb7744dc97991c6fcd301a9', class: "AccordionArrow", innerHTML: systemIcons.arrowDown.icon, ref: this.assignRefToDropdownArrow })))), this.showSettingsModal ? (h("div", { class: "SettingsDropdown" }, h("button", { onClick: this.toggleNotificationRead }, h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.9434 5.17969C14.2109 4.59375 13.625 4.125 10.1387 1.60547C9.64062 1.25391 8.67383 0.375 8 0.375V0.404297C7.9707 0.404297 7.9707 0.375 7.9707 0.375C7.29688 0.375 6.33008 1.25391 5.83203 1.60547C2.3457 4.125 1.75977 4.59375 1.02734 5.17969C0.675781 5.44336 0.5 5.85352 0.5 6.26367V13.9688C0.5 14.7598 1.11523 15.375 1.90625 15.375H14.0938C14.8555 15.375 15.5 14.7598 15.5 13.9688V6.26367C15.5 5.85352 15.2949 5.44336 14.9434 5.17969ZM9.37695 11.1562C8.9668 11.4785 8.46875 11.6543 8 11.6543C7.50195 11.6543 7.00391 11.4785 6.59375 11.1562L2.375 7.8457V6.49805C2.99023 6 3.72266 5.44336 6.94531 3.12891C7.0332 3.04102 7.15039 2.95312 7.26758 2.86523C7.41406 2.74805 7.73633 2.48438 8 2.33789C8.23438 2.48438 8.55664 2.74805 8.70312 2.86523C8.82031 2.95312 8.9375 3.04102 9.02539 3.12891C12.2188 5.44336 12.9805 6 13.625 6.49805V7.8457L9.37695 11.1562Z", fill: "currentColor" })), translate$1(this.messageRead ? 'markAsUnread' : 'markAsRead', this.language)), h("button", { onClick: this.deleteNotification }, h("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M4.375 15.4375C4.375 16.1758 4.94922 16.75 5.6875 16.75H13.5625C14.2734 16.75 14.875 16.1758 14.875 15.4375V6.25H4.375V15.4375ZM11.8125 8.4375C11.8125 8.21875 12.0039 8 12.25 8C12.4688 8 12.6875 8.21875 12.6875 8.4375V14.5625C12.6875 14.8086 12.4688 15 12.25 15C12.0039 15 11.8125 14.8086 11.8125 14.5625V8.4375ZM9.1875 8.4375C9.1875 8.21875 9.37891 8 9.625 8C9.84375 8 10.0625 8.21875 10.0625 8.4375V14.5625C10.0625 14.8086 9.84375 15 9.625 15C9.37891 15 9.1875 14.8086 9.1875 14.5625V8.4375ZM6.5625 8.4375C6.5625 8.21875 6.75391 8 7 8C7.21875 8 7.4375 8.21875 7.4375 8.4375V14.5625C7.4375 14.8086 7.21875 15 7 15C6.75391 15 6.5625 14.8086 6.5625 14.5625V8.4375ZM15.3125 3.625H12.25L11.9219 2.99609C11.8398 2.85938 11.7031 2.75 11.5391 2.75H7.68359C7.51953 2.75 7.38281 2.85938 7.30078 2.99609L7 3.625H3.9375C3.69141 3.625 3.5 3.84375 3.5 4.0625V4.9375C3.5 5.18359 3.69141 5.375 3.9375 5.375H15.3125C15.5312 5.375 15.75 5.18359 15.75 4.9375V4.0625C15.75 3.84375 15.5312 3.625 15.3125 3.625Z", fill: "currentColor" })), translate$1('removeMessage', this.language)))) : ('')));
|
|
42551
42551
|
}
|
|
42552
42552
|
get el() { return getElement(this); }
|
|
42553
42553
|
static get watchers() { return {
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="s-id",u="sty-id",a="c-id",f="slot-fb{display:contents}slot-fb[hidden]{display:none}",$="undefined"!=typeof window?window:{},d=$.document||{head:{}},h={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},p=e=>Promise.resolve(e),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),y=!1,w=[],v=[],b=(e,t)=>n=>{e.push(n),y||(y=!0,t&&4&h.l?j(S):h.raf(S))},g=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},S=()=>{g(w),g(v),(y=w.length>0)&&h.raf(S)},j=e=>p().then(e),k=b(v,!0),O={},x=e=>"object"==(e=typeof e)||"function"===e;function E(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>M,map:()=>P,ok:()=>C,unwrap:()=>L,unwrapErr:()=>T});var C=e=>({isOk:!0,isErr:!1,value:e}),M=e=>({isOk:!1,isErr:!0,value:e});function P(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>C(e))):C(n)}if(e.isErr)return M(e.value);throw"should never get here"}var R,I,L=e=>{if(e.isOk)return e.value;throw e.value},T=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!x(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?D(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=D(e,null);return u.u=t,r.length>0&&(u.$=r),u.h=o,u},D=(e,t)=>({l:0,p:e,i:t,m:null,$:null,u:null,h:null}),F={},N=(e,t,n,l,o,s,i)=>{let r,c,u,f;if(1===s.nodeType){for(r=s.getAttribute(a),r&&(c=r.split("."),c[0]!==i&&"0"!==c[0]||(u={l:0,v:c[0],S:c[1],j:c[2],k:c[3],p:s.tagName.toLowerCase(),m:s,u:null,$:null,h:null,O:null,i:null},t.push(u),s.removeAttribute(a),e.$||(e.$=[]),e.$[u.k]=u,e=u,l&&"0"===u.j&&(l[u.k]=u.m))),f=s.childNodes.length-1;f>=0;f--)N(e,t,n,l,o,s.childNodes[f],i);if(s.shadowRoot)for(f=s.shadowRoot.childNodes.length-1;f>=0;f--)N(e,t,n,l,o,s.shadowRoot.childNodes[f],i)}else if(8===s.nodeType)c=s.nodeValue.split("."),c[1]!==i&&"0"!==c[1]||(r=c[0],u={l:0,v:c[1],S:c[2],j:c[3],k:c[4],m:s,u:null,$:null,h:null,O:null,p:null,i:null},"t"===r?(u.m=s.nextSibling,u.m&&3===u.m.nodeType&&(u.i=u.m.textContent,t.push(u),s.remove(),e.$||(e.$=[]),e.$[u.k]=u,l&&"0"===u.j&&(l[u.k]=u.m))):u.v===i&&("s"===r?(u.p="slot",s["s-sn"]=c[5]?u.O=c[5]:"",s["s-sr"]=!0,l&&(u.m=d.createElement(u.p),u.O&&u.m.setAttribute("name",u.O),s.parentNode.insertBefore(u.m,s),s.remove(),"0"===u.j&&(l[u.k]=u.m)),n.push(u),e.$||(e.$=[]),e.$[u.k]=u):"r"===r&&l&&s.remove()));else if(e&&"style"===e.p){const t=D(null,s.textContent);t.m=s,t.k="0",e.$=[t]}},U=(e,t)=>{if(1===e.nodeType){let n=0;for(;n<e.childNodes.length;n++)U(e.childNodes[n],t);if(e.shadowRoot)for(n=0;n<e.shadowRoot.childNodes.length;n++)U(e.shadowRoot.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},W=e=>n(e).$hostElement$,H=(e,t,n)=>{const l=W(e);return{emit:e=>q(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},q=(e,t,n)=>{const l=h.ce(t,n);return e.dispatchEvent(l),l},G=new WeakMap,V=(e,t,n)=>{let l=r.get(e);m&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)},_=(e,t)=>{var n;const l=z(t),o=r.get(l);if(e=11===e.nodeType?e:d,o)if("string"==typeof o){let s,i=G.get(e=e.head||e);if(i||G.set(e,i=new Set),!i.has(l)){if(e.host&&(s=e.querySelector(`[${u}="${l}"]`)))s.innerHTML=o;else{s=d.createElement("style"),s.innerHTML=o;const t=null!=(n=h.C)?n:E(d);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=f),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l},z=e=>"sc-"+e.M,B=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),J=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=Q(n),s=Q(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=x(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o($,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(X);t=t.replace(Y,""),n&&h.rel(e,t,n,o),l&&h.ael(e,t,l,o)}}},K=/\s/,Q=e=>e?e.split(K):[],X="Capture",Y=RegExp(X+"$"),Z=(e,t,n)=>{const l=11===t.m.nodeType&&t.m.host?t.m.host:t.m,o=e&&e.u||O,s=t.u||O;for(const e of ee(Object.keys(o)))e in s||J(l,e,o[e],void 0,n,t.l);for(const e of ee(Object.keys(s)))J(l,e,o[e],s[e],n,t.l)};function ee(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var te=!1,ne=(e,t,n)=>{const l=t.$[n];let o,s,i=0;if(null!==l.i)o=l.m=d.createTextNode(l.i);else{if(te||(te="svg"===l.p),o=l.m=d.createElementNS(te?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.p),te&&"foreignObject"===l.p&&(te=!1),Z(null,l,te),null!=R&&o["s-si"]!==R&&o.classList.add(o["s-si"]=R),l.$)for(i=0;i<l.$.length;++i)s=ne(e,l,i),s&&o.appendChild(s);"svg"===l.p?te=!1:"foreignObject"===o.tagName&&(te=!0)}return o["s-hn"]=I,o},le=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===I&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=ne(null,n,o),i&&(l[o].m=i,ce(r,i,t)))},oe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.m;re(t),e&&e.remove()}}},se=(e,t,n=!1)=>e.p===t.p&&(!!n||e.h===t.h),ie=(e,t,n=!1)=>{const l=t.m=e.m,o=e.$,s=t.$,i=t.p,r=t.i;null===r?(Z(e,t,te="svg"===i||"foreignObject"!==i&&te),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,$=t[0],d=t[f],h=l.length-1,p=l[0],m=l[h];for(;r<=f&&c<=h;)if(null==$)$=t[++r];else if(null==d)d=t[--f];else if(null==p)p=l[++c];else if(null==m)m=l[--h];else if(se($,p,o))ie($,p,o),$=t[++r],p=l[++c];else if(se(d,m,o))ie(d,m,o),d=t[--f],m=l[--h];else if(se($,m,o))ie($,m,o),ce(e,$.m,d.m.nextSibling),$=t[++r],m=l[--h];else if(se(d,p,o))ie(d,p,o),ce(e,d.m,$.m),d=t[--f],p=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].h&&t[a].h===p.h){u=a;break}u>=0?(i=t[u],i.p!==p.p?s=ne(t&&t[c],n,u):(ie(i,p,o),t[u]=void 0,s=i.m),p=l[++c]):(s=ne(t&&t[c],n,c),p=l[++c]),s&&ce($.m.parentNode,s,$.m)}r>f?le(e,null==l[h+1]?null:l[h+1].m,n,l,c,h):c>h&&oe(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),le(l,null,t,s,0,s.length-1)):null!==o&&oe(o,0,o.length-1),te&&"svg"===i&&(te=!1)):e.i!==r&&(l.data=r)},re=e=>{e.u&&e.u.ref&&e.u.ref(null),e.$&&e.$.map(re)},ce=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ue=(e,t)=>{t&&!e.P&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.P=t)))},ae=(e,t)=>{if(e.l|=16,!(4&e.l))return ue(e,e.R),k((()=>fe(e,t)));e.l|=512},fe=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.I&&(e.I.map((([e,t])=>we(n,e,t))),e.I=void 0),l=we(n,"componentWillLoad")),$e(l,(()=>he(e,n,t)))},$e=(e,t)=>de(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),de=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,he=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.L,n=e.$hostElement$,l=t.l,o=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);pe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>me(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},pe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.L,s=e.T||D(null,null),i=(e=>e&&e.p===F)(t)?t:A(null,null,t);if(I=l.tagName,o.A&&(i.u=i.u||{},o.A.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.p=null,i.l|=4,e.T=i,i.m=s.m=l.shadowRoot||l,R=l["s-sc"],ie(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},me=e=>{const t=e.$hostElement$,n=e.t,l=e.R;we(n,"componentDidRender"),64&e.l||(e.l|=64,ve(t),we(n,"componentDidLoad"),e.D(t),l||ye()),e.P&&(e.P(),e.P=void 0),512&e.l&&j((()=>ae(e,!1))),e.l&=-517},ye=()=>{ve(d.documentElement),j((()=>q($,"appload",{detail:{namespace:"nuts-inbox-widget"}})))},we=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ve=e=>e.classList.add("hydrated"),be=(e,t,l)=>{var o,i;const r=e.prototype;if(t.F||t.N||e.watchers){e.watchers&&!t.N&&(t.N=e.watchers);const c=Object.entries(null!=(o=t.F)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).U.get(t))(0,e)},set(l){((e,t,l,o)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${o.M}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.U.get(t),u=i.l,a=i.t;if(l=((e,t)=>null==e||x(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.F[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(i.U.set(t,l),a)){if(o.N&&128&u){const e=o.N[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,r)}}))}2==(18&u)&&ae(i,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){h.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.N)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.N)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.A)||o.push([e,s])),s}))]))}}return e},ge=e=>{we(e,"connectedCallback")},Se=e=>{if(!(1&h.l)){const t=n(e),l=t.L,o=()=>{};if(1&t.l)ke(e,t,l.W),(null==t?void 0:t.t)?ge(t.t):(null==t?void 0:t.H)&&t.H.then((()=>ge(t.t)));else{let n;if(t.l|=1,n=e.getAttribute(c),n){if(1&l.l){const t=_(e.shadowRoot,l);e.classList.remove(t+"-h",t+"-s")}((e,t,n,l)=>{const o=e.shadowRoot,s=[],i=o?[]:null,r=l.T=D(t,null);h.q||U(d.body,h.q=new Map),e[c]=n,e.removeAttribute(c),N(r,s,[],i,e,e,n),s.map((e=>{const n=e.v+"."+e.S,l=h.q.get(n),s=e.m;l&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),o||(s["s-hn"]=t,l&&(s["s-ol"]=l,s["s-ol"]["s-nr"]=s)),h.q.delete(n)})),o&&i.map((e=>{e&&o.appendChild(e)}))})(e,l.M,n,t)}{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ue(t,t.R=n);break}}l.F&&Object.entries(l.F).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.G){const e=(e=>{const t=e.M.replace(/-/g,"_"),n=e.G;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.M}#${t.V}" was not found`);l.isProxied||(n.N=l.watchers,be(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o(),ge(t.t)}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=z(n);if(!r.has(t)){const l=()=>{};V(t,e,!!(1&n.l)),l()}}}const o=t.R,c=()=>ae(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}},je=(e,l={})=>{var o;const s=[],i=l.exclude||[],r=$.customElements,c=d.head,a=c.querySelector("meta[charset]"),p=d.createElement("style"),m=[],y=d.querySelectorAll(`[${u}]`);let w,v=!0,b=0;for(Object.assign(h,l),h.o=new URL(l.resourcesUrl||"./",d.baseURI).href,h.l|=2;b<y.length;b++)V(y[b].getAttribute(u),B(y[b].innerHTML),!0);let g=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],M:l[1],F:l[2],W:l[3]};4&c.l&&(g=!0),c.F=l[2],c.W=l[3],c.A=[],c.N=null!=(o=l[4])?o:{};const u=c.M,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,L:n,U:new Map};l.H=new Promise((e=>l.D=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.M}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ke(this,e,c.W)),w&&(clearTimeout(w),w=null),v?m.push(this):h.jmp((()=>Se(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.l)){const e=n(this);e._&&(e._.map((e=>e())),e._=void 0),(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}})()))}componentOnReady(){return n(this).H}};c.G=e[0],i.includes(u)||r.get(u)||(s.push(u),r.define(u,be(a,c,1)))}))})),s.length>0&&(g&&(p.textContent+=f),p.textContent+=s.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const e=null!=(o=h.C)?o:E(d);null!=e&&p.setAttribute("nonce",e),c.insertBefore(p,a?a.nextSibling:c.firstChild)}v=!1,m.length?m.map((e=>e.connectedCallback())):h.jmp((()=>w=setTimeout(ye,30)))},ke=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=xe(e,n),i=Oe(t,o),r=Ee(n);h.ael(s,l,i,r),(t._=t._||[]).push((()=>h.rel(s,l,i,r)))}))},Oe=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.I=e.I||[]).push([t,n])}catch(e){s(e)}},xe=(e,t)=>8&t?$:e,Ee=e=>({passive:!!(1&e),capture:!!(2&e)}),Ce=e=>h.C=e;export{je as b,H as c,W as g,A as h,p,l as r,Ce as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as i}from"./index-
|
|
1
|
+
import{p as n,b as i}from"./index-0160662f.js";export{s as setNonce}from"./index-0160662f.js";import{g as e}from"./app-globals-0f993ce5.js";(()=>{const i=import.meta.url,e={};return""!==i&&(e.resourcesUrl=new URL(".",i).href),n(e)})().then((async n=>(await e(),i([["nuts-inbox-widget_3",[[1,"nuts-inbox-widget",{backendUrl:[513,"backend-url"],socketUrl:[513,"socket-url"],userId:[513,"user-id"],sessionId:[513,"session-id"],operatorId:[513,"operator-id"],subscriberId:[513,"subscriber-id"],deviceId:[513,"device-id"],language:[513],environment:[513],applicationIdentifier:[513,"application-identifier"],clientStyling:[1537,"client-styling"],clientStylingUrl:[513,"client-styling-url"],bellIconPosition:[513,"bell-icon-position"],notificationAction:[513,"notification-action"],translationUrl:[513,"translation-url"],isLoading:[32],popoverVisible:[32],unseenCount:[32]},[[8,"click","clickOutsideHandle"],[0,"allNotificationsRead","resetUnseenCount"],[8,"closePopover","closePopoverHandler"]],{subscriberId:["initializeHandler"],operatorId:["initializeHandler"],applicationIdentifier:["initializeHandler"],deviceId:["initializeHandler"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],translationUrl:["handleNewTranslations"]}],[0,"nuts-popover",{language:[513],userId:[513,"user-id"],operatorId:[513,"operator-id"],token:[513],sessionId:[513,"session-id"],backendUrl:[513,"backend-url"],unseenCount:[514,"unseen-count"],clientStylingUrl:[513,"client-styling-url"],notificationAction:[513,"notification-action"],clientStyling:[1537,"client-styling"],translationUrl:[513,"translation-url"],notifications:[32],isLoading:[32],isNotificationsLoading:[32],showMarkAll:[32],limitStylingAppends:[32],showDeleteAllPopup:[32],hasMore:[32]},[[8,"messageDeleted","messageDeletedHandler"],[8,"messageRead","messageReadHandler"],[8,"click","clickOutsideHandle"]],{unseenCount:["unseenCountHandler"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],translationUrl:["handleNewTranslations"]}],[0,"nuts-notification",{badge:[513],content:[513],date:[513],showSettings:[516,"show-settings"],read:[516],seen:[516],language:[513],sessionId:[513,"session-id"],subscriberId:[513,"subscriber-id"],userId:[513,"user-id"],messageId:[513,"message-id"],operatorId:[513,"operator-id"],token:[513],backendUrl:[513,"backend-url"],redirectUrl:[513,"redirect-url"],notificationAction:[513,"notification-action"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],clientStyling:[1537,"client-styling"],showSettingsModal:[32],messageSeen:[32],messageRead:[32],displayedContent:[32],limitStylingAppends:[32]},[[8,"allNotificationsRead","allNotificationsReadHandler"],[8,"settingsOpened","settingsOpenedHandler"],[8,"click","clickOutsideHandle"]],{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],translationUrl:["handleNewTranslations"]}]]]],n))));
|