@everymatrix/nuts-inbox-widget 1.76.71 → 1.77.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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/constants.js +1 -1
- package/dist/collection/components/nuts-notification/nuts-notification.js +9 -4
- 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/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +2 -0
- package/dist/types/builds/emfe-widgets/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/dist/types/components/nuts-notification/constants.d.ts +1 -1
- package/hydrate/index.d.ts +236 -0
- package/hydrate/index.js +60364 -0
- package/hydrate/index.mjs +60356 -0
- package/hydrate/package.json +12 -0
- package/package.json +10 -2
- package/dist/nuts-inbox-widget/index-6a331097.js +0 -2
- package/dist/types/Users/StefanO/Desktop/Proj/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +0 -2
- package/dist/types/Users/StefanO/Desktop/Proj/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/storybook/main.d.ts +0 -0
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/storybook/preview.d.ts +0 -0
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{Users/StefanO/Desktop/Proj → builds/emfe-widgets}/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;
|
|
@@ -219,12 +221,15 @@ export class NutsNotification {
|
|
|
219
221
|
const sanitizedNotificationBody = DOMPurify.sanitize(this.displayedContent, {
|
|
220
222
|
ALLOW_UNKNOWN_PROTOCOLS: true,
|
|
221
223
|
ADD_ATTR: ['target', 'rel'],
|
|
222
|
-
ALLOWED_TAGS: ['b', 'u', 'i', 'br', 'a'
|
|
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 {
|
|
@@ -42315,7 +42312,7 @@ function renderAbstractNodeToSVGElement(node, options) {
|
|
|
42315
42312
|
return "<".concat(node.tag).concat(attrsToken, " />");
|
|
42316
42313
|
}
|
|
42317
42314
|
|
|
42318
|
-
const MAX_NOTIFICATION_TEXT_LENGTH =
|
|
42315
|
+
const MAX_NOTIFICATION_TEXT_LENGTH = 200;
|
|
42319
42316
|
|
|
42320
42317
|
const truncate = (str, n) => {
|
|
42321
42318
|
if (!str || n < 0) {
|
|
@@ -42542,12 +42539,15 @@ const NutsNotification = class {
|
|
|
42542
42539
|
const sanitizedNotificationBody = DOMPurify.sanitize(this.displayedContent, {
|
|
42543
42540
|
ALLOW_UNKNOWN_PROTOCOLS: true,
|
|
42544
42541
|
ADD_ATTR: ['target', 'rel'],
|
|
42545
|
-
ALLOWED_TAGS: ['b', 'u', 'i', 'br', 'a'
|
|
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))));
|